diff --git a/css/library.css b/css/library.css index d3bf9cd..1956089 100644 --- a/css/library.css +++ b/css/library.css @@ -258,16 +258,18 @@ /* These change the odd rows of the lists */ #placeContent tree, - #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-row(odd), - #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) { - background-color: var(--back-color2) !important + treechildren::-moz-tree-row(odd), + treechildren::-moz-tree-row(hover) { + background-color: var(--back-color2) !important; + color: var(--text-color2) !important; } - #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) { - background-color: var(--back-color1) !important + treechildren::-moz-tree-row(selected, focus) { + background-color: var(--back-color1) !important; + color: var(--text-color1) !important; } - #placeContent treechildren::-moz-tree-cell { + treechildren::-moz-tree-cell { border-right: 0px dotted rgba(0,0,0,0.4) !important } @@ -422,4 +424,9 @@ color: var(--text-color2) !important; } -} \ No newline at end of file + #detailsPane { + background-color: var(--back-color2); + margin-top: 5px; + } + +} diff --git a/css/popups.css b/css/popups.css index 7b229b4..d19a11b 100644 --- a/css/popups.css +++ b/css/popups.css @@ -19,7 +19,7 @@ menupopup #contentAreaContextMenu { } menupopup { - padding: 11px 14px 0 !important; + padding: 11px 14px 19px 14px !important; margin: -19px -14px 0 !important; } @@ -49,7 +49,7 @@ menupopup menu, color: inherit !important; fill-opacity: initial !important; border-radius: 6px !important; - transition: all 100ms !important; + transition: background-color 100ms !important; } menupopup menuitem:hover:not([disabled=true]), @@ -73,7 +73,16 @@ menupopup menu[disabled=true], :is(panel, menupopup)::part(content), .panel-arrowcontainer slot{ - background: none !important; + background: var(--back-color2) !important; + border: 0 !important; + box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), + 0 8px 10px 1px rgba(0,0,0,.14), + 0 3px 14px 2px rgba(0,0,0,.12) !important; +} + +:is(panel, menupopup)::part(content), +#PopupAutoComplete slot{ + background: var(--back-color2) !important; border: 0 !important; box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), @@ -220,7 +229,6 @@ panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox { 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12) !important; - min-height: 45px !important; } /* search panel gets special treatment; it has multiple children */ @@ -289,7 +297,7 @@ panelview { background: var(--back-color1) !important; } -panelview > toolbarseparator{ +#editBookmarkPanel > #editBookmarkHeaderSeparator, #editBookmarkPanel > .panel-subview-body > #editBookmarkSeparator, panelview > toolbarseparator{ display: none !important; } diff --git a/css/reddit.css b/css/reddit.css index bf78c0b..ff899cb 100644 --- a/css/reddit.css +++ b/css/reddit.css @@ -386,9 +386,6 @@ IN THE SOFTWARE. .commentarea .usertext { background: var(--gray-0) !important; } - .usertext .md a { - color: var(--text-normal) !important; - } .panestack-title .title { color: var(--text-normal) !important; } diff --git a/css/responsiveNavbar.css b/css/responsiveNavbar.css index 7afc9f6..9f610ec 100644 --- a/css/responsiveNavbar.css +++ b/css/responsiveNavbar.css @@ -2,7 +2,7 @@ position: fixed !important; line-height: 0; /* max-height: var(--tab-min-height) !important;*/ - z-index: 1; + z-index: 2; pointer-events: none; background: var(--back-color1) !important; } diff --git a/userContent.css b/userContent.css index e0611ff..a8930c0 100644 --- a/userContent.css +++ b/userContent.css @@ -24,8 +24,11 @@ --gtk-color: #d700d2; } + +/* Default theme set to light theme */ /*================ LIGHT THEME ================*/ +:root, :root[style*="--lwt-accent-color: rgb(227, 228, 230);"], :root[style*="--lwt-accent-color: rgb(240, 240, 244);"], :root[style*="--newtab-background-color: rgba(249, 249, 251, 1);"], @@ -39,14 +42,27 @@ --text-color2: var(--dark-color6); --text-color3: var(--dark-color7); } + +/* Theme for browser webpages */ +@media (-moz-toolbar-prefers-color-scheme: dark) { + :root { + --back-color1: var(--dark-color1); + --back-color2: var(--dark-color2); + --back-color3: var(--dark-color3); + --back-color4: var(--dark-color4); + + --text-color1: var(--light-color5); + --text-color2: var(--light-color6); + --text-color3: var(--light-color7); + } +} + /*================ DARK THEME ================*/ -:root:not([style]), :root[style*="--lwt-accent-color: rgb(28, 27, 34);"], :root[style*="--lwt-accent-color: rgb(12, 12, 13);"], :root[style*="--newtab-background-color: rgba(43, 42, 51, 1);"], -:root[style*="min-width: 30em;"], -:root[style*="min-width: 26em;"], +:root[class*="theme-dark"], :root[privatebrowsingmode=temporary] { --back-color1: var(--dark-color1); --back-color2: var(--dark-color2); @@ -64,6 +80,8 @@ + + @-moz-document url-prefix(chrome://), url(https://www.mozilla.org/credits/), url-prefix(https://addons.mozilla.org), @@ -292,8 +310,10 @@ url-prefix(view-source:) { --field-bg-color: var(--back-color1) !important; } - .canvasWrapper > canvas { - filter: invert(1) !important; + @media (-moz-toolbar-prefers-color-scheme: dark) { + .canvasWrapper > canvas { + filter: invert(1) !important; + } } .dropdownToolbarButton > select {