From 000bc590dcb6cbb594b4b807b7bed1871feb9479 Mon Sep 17 00:00:00 2001 From: bmFtZQ <62812711+bmFtZQ@users.noreply.github.com> Date: Thu, 15 Apr 2021 07:08:53 +0800 Subject: [PATCH] clean up formatting --- chrome/global/global.css | 411 +++++++++++++++++------------------- chrome/global/variables.css | 376 ++++++++++++++++----------------- 2 files changed, 370 insertions(+), 417 deletions(-) diff --git a/chrome/global/global.css b/chrome/global/global.css index e16d8c5..2f370cd 100644 --- a/chrome/global/global.css +++ b/chrome/global/global.css @@ -1,330 +1,297 @@ -@media (-moz-windows-compositor) -{ - @media not (-moz-os-version: windows-win7) - { - @media not (-moz-os-version: windows-win8) - { - @media (-moz-windows-default-theme) - { - :root[tabsintitlebar] .titlebar-buttonbox-container - { - height: 32px !important; - margin: 0 !important; - } - - :root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) - { - margin-block-start: calc(0px - (var(--space-above-tabbar) + 1px)) !important; - } - - :root[tabsintitlebar][sizemode=maximized] #toolbar-menubar .titlebar-buttonbox-container - { - height: 30px !important; - margin-top: -4px !important; - margin-bottom: -4px !important; - } - :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) { - height: 24px !important; - } - :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) .titlebar-button { - padding-block: 4px !important; - } - :root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) - { - -moz-box-align: start !important; - margin-block-start: -5px !important; - } - - @media (-moz-windows-accent-color-in-titlebar: 0) - { - :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) - { - background-color: #dee1e6 !important; - color: #3c4043 !important; - } - - :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive - { - background-color: #e7eaed !important; - color: #666a6d !important; - } +@media (-moz-windows-compositor) { + @media not (-moz-os-version: windows-win7) { + @media not (-moz-os-version: windows-win8) { + @media (-moz-windows-default-theme) { + :root[tabsintitlebar] .titlebar-buttonbox-container { + height: 32px !important; + margin: 0 !important; + } + + :root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) { + margin-block-start: calc(0px - (var(--space-above-tabbar) + 1px)) !important; + } + + :root[tabsintitlebar][sizemode=maximized] #toolbar-menubar .titlebar-buttonbox-container { + height: 30px !important; + margin-top: -4px !important; + margin-bottom: -4px !important; + } + + :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) { + height: 24px !important; + } + + :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) .titlebar-button { + padding-block: 4px !important; + } + + :root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) { + -moz-box-align: start !important; + margin-block-start: -5px !important; + } + + @media (-moz-windows-accent-color-in-titlebar: 0) { + :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) { + background-color: #dee1e6 !important; + color: #3c4043 !important; + } + + :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive { + background-color: #e7eaed !important; + color: #666a6d !important; + } } } - } - } + } + } } -#navigator-toolbox :-moz-any(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) -{ - -moz-box-align: center !important; +#navigator-toolbox :-moz-any(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) { + -moz-box-align: center !important; } #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) -{ - border-radius: 4px !important; - transition: background-color .2s var(--ease-basic) !important; +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { + border-radius: 4px !important; + transition: background-color .2s var(--ease-basic) !important; } #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) -{ - font-size: 12px !important; - padding: 0 !important; - margin: 0 !important; - border: 2px solid transparent !important; - background-clip: padding-box !important; +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { + font-size: 12px !important; + padding: 0 !important; + margin: 0 !important; + border: 2px solid transparent !important; + background-clip: padding-box !important; } /* #navigator-toolbox :-moz-any(.toolbarbutton-1, .scrollbutton-up, .scrollbutton-down), #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) -{ - max-height: 32px !important; - height: 32px !important; - min-height: 32px !important; +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { + max-height: 32px !important; + height: 32px !important; + min-height: 32px !important; } */ #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton))[disabled], /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)[disabled], -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)[disabled] -{ - opacity: .42 !important; +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)[disabled] { + opacity: .42 !important; } #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):hover:not([disabled]), #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:not([disabled]), -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:not([disabled]) -{ - background-color: var(--toolbarbutton-hover-background) !important; +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:not([disabled]) { + background-color: var(--toolbarbutton-hover-background) !important; } #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:active:not([disabled]), -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:active:not([disabled]) -{ - background-color: var(--toolbarbutton-active-background) !important; - transition: none !important; +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:active:not([disabled]) { + background-color: var(--toolbarbutton-active-background) !important; + transition: none !important; } #navigator-toolbox :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), /* no ::part workaround - may have side effects */ -#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon -{ - fill-opacity: 1 !important; - border: 0 !important; - box-shadow: none !important; +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon, +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon { + fill-opacity: 1 !important; + border: 0 !important; + box-shadow: none !important; } -#navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - width: 40px !important; - height: 30px !important; +#navigator-toolbox .toolbarbutton-1> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) { + width: 40px !important; + height: 30px !important; } -#navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - padding: 7px 12px !important; - background: 0 !important; +#navigator-toolbox .toolbarbutton-1> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) { + padding: 7px 12px !important; + background: 0 !important; } -#TabsToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), +#TabsToolbar .toolbarbutton-1> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), /* no ::part workaround - may have side effects */ -#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon -{ - padding: 6px !important; - width: 28px !important; - height: 28px !important; +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon, +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon { + padding: 6px !important; + width: 28px !important; + height: 28px !important; } /* - hack: fix customization screen popping bug when changing ui density - icon size is enforced and it doesn't like it when the normal density - nav-bar height is less than 38px (it's 36px due to smaller back icon) + hack: fix customization screen popping bug when changing ui density + icon size is enforced and it doesn't like it when the normal density + nav-bar height is less than 38px (it's 36px due to smaller back icon) */ -:root:not([uidensity=compact]) #customization-content-container -{ - padding-top: 1px !important; +:root:not([uidensity=compact]) #customization-content-container { + padding-top: 1px !important; } -:root:not([uidensity=compact]) :-moz-any(#customization-palette-container, #customization-panel-container) -{ - margin-top: -1px !important; +:root:not([uidensity=compact]) :-moz-any(#customization-palette-container, #customization-panel-container) { + margin-top: -1px !important; } .menu-iconic, -.menuitem-iconic -{ - fill: currentColor !important; +.menuitem-iconic { + fill: currentColor !important; } /* legacy */ -#navigator-toolbox -{ - border-bottom: 1px solid var(--chrome-content-separator-color, var(--toolbox-border-bottom-color)) !important; +#navigator-toolbox { + border-bottom: 1px solid var(--chrome-content-separator-color, var(--toolbox-border-bottom-color)) !important; } /* legacy */ -#navigator-toolbox::after -{ - display: none !important; +#navigator-toolbox::after { + display: none !important; } -.pointerlockfswarning -{ - display: flex !important; - border-radius: 4px !important; - padding: 6px !important; - background: #333 !important; - border: 0 !important; - font-size: 14px !important; - box-shadow: - 0 3px 5px -1px rgba(0,0,0,.2), - 0 6px 10px 0 rgba(0,0,0,.14), - 0 1px 18px 0 rgba(0,0,0,.12) !important; - color: hsla(0,0%,100%,.87) !important; - transition-timing-function: var(--ease-out), linear !important; - transition-property: transform, top !important; +.pointerlockfswarning { + display: flex !important; + border-radius: 4px !important; + padding: 6px !important; + background: #333 !important; + border: 0 !important; + font-size: 14px !important; + box-shadow: + 0 3px 5px -1px rgba(0, 0, 0, .2), + 0 6px 10px 0 rgba(0, 0, 0, .14), + 0 1px 18px 0 rgba(0, 0, 0, .12) !important; + color: hsla(0, 0%, 100%, .87) !important; + transition-timing-function: var(--ease-out), linear !important; + transition-property: transform, top !important; } -#fullscreen-warning -{ - flex-direction: column !important; - min-width: 344px !important; +#fullscreen-warning { + flex-direction: column !important; + min-width: 344px !important; } -.pointerlockfswarning[hidden] -{ - visibility: hidden !important; +.pointerlockfswarning[hidden] { + visibility: hidden !important; } /* hack to keep it in same place as [ontop] */ /* probably doesn't work for single-line */ -.pointerlockfswarning:not([hidden]):not([ontop]) -{ - top: -32px !important; +.pointerlockfswarning:not([hidden]):not([ontop]) { + top: -32px !important; } -.pointerlockfswarning[ontop] -{ - top: 28px !important; +.pointerlockfswarning[ontop] { + top: 28px !important; } -.pointerlockfswarning::before -{ - display: none !important; +.pointerlockfswarning::before { + display: none !important; } -.pointerlockfswarning-domain-text -{ - margin-block: 8px 18px !important; - margin-inline: 10px !important; - font-size: unset !important; - font-weight: unset !important; - align-self: start !important; +.pointerlockfswarning-domain-text { + margin-block: 8px 18px !important; + margin-inline: 10px !important; + font-size: unset !important; + font-weight: unset !important; + align-self: start !important; } -.pointerlockfswarning-domain -{ - font-weight: unset !important; +.pointerlockfswarning-domain { + font-weight: unset !important; } -#fullscreen-exit-button -{ - -moz-appearance: none !important; - border: 0 !important; - height: 32px !important; - display: flex !important; - align-items: center !important; - margin-inline: 8px 0 !important; - text-transform: uppercase !important; - font-weight: 500 !important; - letter-spacing: .0892857143em !important; - background: 0 !important; - position: relative !important; - color: var(--toolbarbutton-icon-fill-attention) !important; - align-self: end !important; - font-family: Roboto, inherit !important; +#fullscreen-exit-button { + -moz-appearance: none !important; + border: 0 !important; + height: 32px !important; + display: flex !important; + align-items: center !important; + margin-inline: 8px 0 !important; + text-transform: uppercase !important; + font-weight: 500 !important; + letter-spacing: .0892857143em !important; + background: 0 !important; + position: relative !important; + color: var(--toolbarbutton-icon-fill-attention) !important; + align-self: end !important; + font-family: Roboto, inherit !important; } -#fullscreen-exit-button::before -{ - content: "" !important; - display: block !important; - z-index: -1 !important; - position: absolute !important; - left: 0 !important; - right: 0 !important; - top: 0 !important; - bottom: 0 !important; - border-radius: 4px !important; - background: currentColor !important; - opacity: 0 !important; - transition: opacity .3s var(--ease-basic) !important; +#fullscreen-exit-button::before { + content: "" !important; + display: block !important; + z-index: -1 !important; + position: absolute !important; + left: 0 !important; + right: 0 !important; + top: 0 !important; + bottom: 0 !important; + border-radius: 4px !important; + background: currentColor !important; + opacity: 0 !important; + transition: opacity .3s var(--ease-basic) !important; } -#fullscreen-exit-button:hover::before -{ - opacity: .12 !important; +#fullscreen-exit-button:hover::before { + opacity: .12 !important; } -#fullscreen-exit-button:hover:active::before -{ - opacity: .24 !important; - transition-duration: .1s !important; +#fullscreen-exit-button:hover:active::before { + opacity: .24 !important; + transition-duration: .1s !important; } /* note: use Firefox account button instead */ -#TabsToolbar .private-browsing-indicator -{ - display: none !important; +#TabsToolbar .private-browsing-indicator { + display: none !important; } -.toolbarbutton-1:not(:hover):-moz-window-inactive, .bookmark-item:not(:hover):-moz-window-inactive, :root:not([customizing]) .toolbarbutton-1:-moz-window-inactive[disabled="true"] { - opacity: 1 !important; +.toolbarbutton-1:not(:hover):-moz-window-inactive, +.bookmark-item:not(:hover):-moz-window-inactive, +:root:not([customizing]) .toolbarbutton-1:-moz-window-inactive[disabled="true"] { + opacity: 1 !important; } /* high DPI adjustments */ -@media (min--moz-device-pixel-ratio: 2) -{ - #navigator-toolbox - { - border-bottom-width: .5px !important; - padding-bottom: .5px !important; - box-shadow: inset 0 -.5px var(--toolbar-bgcolor) !important; - } +@media (min--moz-device-pixel-ratio: 2) { + #navigator-toolbox { + border-bottom-width: .5px !important; + padding-bottom: .5px !important; + box-shadow: inset 0 -.5px var(--toolbar-bgcolor) !important; + } } -#sidebar-box, #sidebar { - appearance: none !important; +#sidebar-box, +#sidebar { + appearance: none !important; } -.sidebar-placesTree, #viewButton { - color: #000 !important; + +.sidebar-placesTree, +#viewButton { + color: #000 !important; } + :root[lwt-sidebar-brighttext] :-moz-any(.sidebar-placesTree, #viewButton) { - color: #fff !important; + color: #fff !important; } #statuspanel { - clip-path: inset(0) !important; + clip-path: inset(0) !important; } #statuspanel-label { - background-color: var(--toolbar-bgcolor) !important; - color: var(--toolbar-color) !important; - border: 0 !important; - box-shadow: 0 0 0 1px #0004, 0 4px 6px #0004 !important; - padding: 3px 6px !important; + background-color: var(--toolbar-bgcolor) !important; + color: var(--toolbar-color) !important; + border: 0 !important; + box-shadow: 0 0 0 1px #0004, 0 4px 6px #0004 !important; + padding: 3px 6px !important; } diff --git a/chrome/global/variables.css b/chrome/global/variables.css index e8cbdeb..f52624e 100644 --- a/chrome/global/variables.css +++ b/chrome/global/variables.css @@ -1,9 +1,8 @@ -:root -{ - --toolbar-field-background-color: var(--lwt-toolbar-field-background-color) !important; - --toolbar-field-hover-background-color: var(--lwt-toolbar-field-background-color) !important; - --toolbar-field-focus-background-color: var(--lwt-toolbar-field-focus) !important; - --toolbar-field-hover-border-color: var(--lwt-toolbar-field-border-color) !important; +:root { + --toolbar-field-background-color: var(--lwt-toolbar-field-background-color) !important; + --toolbar-field-hover-background-color: var(--lwt-toolbar-field-background-color) !important; + --toolbar-field-focus-background-color: var(--lwt-toolbar-field-focus) !important; + --toolbar-field-hover-border-color: var(--lwt-toolbar-field-border-color) !important; } /* Light Mode */ @@ -11,254 +10,241 @@ :root:not([lwtheme]), :root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"], :root[style*="--lwt-accent-color:rgb(240, 240, 244); --lwt-text-color:rgba(21, 20, 26);"] /* Used for Proton (May be changed in future) */ -{ - /* accentcolor */ - --lwt-accent-color: #cecece !important; - - /* textcolor */ - --lwt-text-color: #000 !important; - - /* toolbar */ - --toolbar-bgcolor: #f7f7f7 !important; + { + /* accentcolor */ + --lwt-accent-color: #cecece !important; - /* Force tabs to match --toolbar-bgcolor */ - --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; - - /* toolbar_text */ - --toolbar-color: #000 !important; - - /* toolbar_bottom_separator */ - --toolbox-border-bottom-color: #d2d2d2 !important; /* legacy */ - --chrome-content-separator-color: #d2d2d2 !important; - - /* icons */ - --lwt-toolbarbutton-icon-fill: #000 !important; - - /* icons_attention */ - --lwt-toolbarbutton-icon-fill-attention: #0078d4 !important; - - /* button_background_hover */ - --lwt-toolbarbutton-hover-background: #0000001a !important; - - /* button_background_active */ - --lwt-toolbarbutton-active-background: #0000002a !important; - - --lwt-toolbar-field-color: #000 !important; - --lwt-toolbar-field-focus-color: #000 !important; - - /* popup_highlight */ - --autocomplete-popup-highlight-background: #0001 !important; - - /* popup_highlight_text */ - --autocomplete-popup-highlight-color: #000 !important; + /* textcolor */ + --lwt-text-color: #000 !important; - --urlbar-popup-url-color: #0172C9 !important; - --lwt-toolbar-field-background-color: #fff !important; - --lwt-toolbar-field-focus: #fff !important; - --lwt-toolbar-field-border-color: #ccc !important; + /* toolbar */ + --toolbar-bgcolor: #f7f7f7 !important; - --tab-line-col: #0078d4 !important; - --toolbar-field-focus-border-color: #0078d4a0 !important; - --private-browsing-indicator: #0078d4 !important; + /* tab background (unset to match toolbar-bgcolor) */ + --lwt-selected-tab-background-color: unset !important; + + /* toolbar_text */ + --toolbar-color: #000 !important; + + /* toolbar_bottom_separator */ + --toolbox-border-bottom-color: #d2d2d2 !important; /* legacy */ + --chrome-content-separator-color: #d2d2d2 !important; + + /* icons */ + --lwt-toolbarbutton-icon-fill: #000 !important; + + /* icons_attention */ + --lwt-toolbarbutton-icon-fill-attention: #0078d4 !important; + + /* button_background_hover */ + --lwt-toolbarbutton-hover-background: #0000001a !important; + + /* button_background_active */ + --lwt-toolbarbutton-active-background: #0000002a !important; + + --lwt-toolbar-field-color: #000 !important; + --lwt-toolbar-field-focus-color: #000 !important; + + /* popup_highlight */ + --autocomplete-popup-highlight-background: #0001 !important; + + /* popup_highlight_text */ + --autocomplete-popup-highlight-color: #000 !important; + + --urlbar-popup-url-color: #0172C9 !important; + --lwt-toolbar-field-background-color: #fff !important; + --lwt-toolbar-field-focus: #fff !important; + --lwt-toolbar-field-border-color: #ccc !important; + + --tab-line-col: #0078d4 !important; + --toolbar-field-focus-border-color: #0078d4a0 !important; + --private-browsing-indicator: #0078d4 !important; } + /* Dark Mode */ :root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"], :root[style*="--lwt-accent-color:rgb(28, 27, 34); --lwt-text-color:rgba(251, 251, 254);"] /* Used for Proton (May be changed in future) */ -{ - /* accentcolor */ - --lwt-accent-color: #1b1b1b !important; - - /* textcolor */ - --lwt-text-color: #fff !important; - - /* toolbar */ - --toolbar-bgcolor: #3b3b3b !important; + { + /* accentcolor */ + --lwt-accent-color: #1b1b1b !important; - /* Force tabs to match --toolbar-bgcolor */ - --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; - - /* toolbar_text */ - --toolbar-color: #fff !important; - - /* toolbar_bottom_separator */ - --toolbox-border-bottom-color: #5B5B5B !important; /* legacy */ - --chrome-content-separator-color: #5B5B5B !important; - - /* icons */ - --lwt-toolbarbutton-icon-fill: #fff !important; - - /* icons_attention */ - --lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important; - - /* button_background_hover */ - --lwt-toolbarbutton-hover-background: #ffffff1a !important; - - /* button_background_active */ - --lwt-toolbarbutton-active-background: #ffffff2a !important; - - --lwt-toolbar-field-color: #fff !important; - --lwt-toolbar-field-focus-color: #fff !important; - - /* popup */ - --arrowpanel-background: #4a4a4a !important; - - /* popup_text */ - --arrowpanel-color: #fff !important; - --autocomplete-popup-color: #fff !important; - --panel-disabled-color: hsla(0, 0%, 100%, .5) !important; - - /* popup_border */ - --arrowpanel-border-color: #63636363 !important; - --autocomplete-popup-border-color: #636363 !important; - - /* popup_highlight */ - --autocomplete-popup-highlight-background: #fff1 !important; - - /* popup_highlight_text */ - --autocomplete-popup-highlight-color: #fff !important; + /* textcolor */ + --lwt-text-color: #fff !important; - --urlbar-popup-url-color: #75B6E8 !important; - --lwt-toolbar-field-background-color: #2b2b2b !important; - --lwt-toolbar-field-focus: #2b2b2b !important; - --lwt-toolbar-field-border-color: #656565 !important; + /* toolbar */ + --toolbar-bgcolor: #3b3b3b !important; - --tab-line-col: #4C98D1 !important; - --toolbar-field-focus-border-color: #4c97d1a0 !important; - --private-browsing-indicator: #006cbe !important; + /* tab background (unset to match toolbar-bgcolor) */ + --lwt-selected-tab-background-color: unset !important; + + /* toolbar_text */ + --toolbar-color: #fff !important; + + /* toolbar_bottom_separator */ + --toolbox-border-bottom-color: #5B5B5B !important; /* legacy */ + --chrome-content-separator-color: #5B5B5B !important; + + /* icons */ + --lwt-toolbarbutton-icon-fill: #fff !important; + + /* icons_attention */ + --lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important; + + /* button_background_hover */ + --lwt-toolbarbutton-hover-background: #ffffff1a !important; + + /* button_background_active */ + --lwt-toolbarbutton-active-background: #ffffff2a !important; + + --lwt-toolbar-field-color: #fff !important; + --lwt-toolbar-field-focus-color: #fff !important; + + /* popup */ + --arrowpanel-background: #4a4a4a !important; + + /* popup_text */ + --arrowpanel-color: #fff !important; + --autocomplete-popup-color: #fff !important; + --panel-disabled-color: hsla(0, 0%, 100%, .5) !important; + + /* popup_border */ + --arrowpanel-border-color: #63636363 !important; + --autocomplete-popup-border-color: #636363 !important; + + /* popup_highlight */ + --autocomplete-popup-highlight-background: #fff1 !important; + + /* popup_highlight_text */ + --autocomplete-popup-highlight-color: #fff !important; + + --urlbar-popup-url-color: #75B6E8 !important; + --lwt-toolbar-field-background-color: #2b2b2b !important; + --lwt-toolbar-field-focus: #2b2b2b !important; + --lwt-toolbar-field-border-color: #656565 !important; + + --tab-line-col: #4C98D1 !important; + --toolbar-field-focus-border-color: #4c97d1a0 !important; + --private-browsing-indicator: #006cbe !important; } /* Inactive Window Light Mode */ :-moz-any(:root:not([style]), :root:not([lwtheme]), :root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) { - --lwt-accent-color: #e8e8e8 !important; - --lwt-text-color: #3a3a3a !important; - --toolbar-color: #3a3a3a !important; + --lwt-accent-color: #e8e8e8 !important; + --lwt-text-color: #3a3a3a !important; + --toolbar-color: #3a3a3a !important; } /* Inactive Window Dark Mode */ :-moz-any(:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) { - --lwt-accent-color: #2e2e2e !important; - --lwt-text-color: #b7b7b7 !important; - --toolbar-color: #cecece !important; + --lwt-accent-color: #2e2e2e !important; + --lwt-text-color: #b7b7b7 !important; + --toolbar-color: #cecece !important; } /* Sidebar Light Mode */ :-moz-any(#sidebar-box, #sidebar), -:-moz-any(.sidebar-panel, body) -{ - /* sidebar */ - --sidebar-background-color: #f5f5f5 !important; - --lwt-sidebar-background-color: var(--sidebar-background-color) !important; - - /* sidebar_text */ - --sidebar-text-color: #000 !important; - --lwt-sidebar-text-color: var(--sidebar-text-color) !important; +:-moz-any(.sidebar-panel, body) { + /* sidebar */ + --sidebar-background-color: #f5f5f5 !important; + --lwt-sidebar-background-color: var(--sidebar-background-color) !important; + + /* sidebar_text */ + --sidebar-text-color: #000 !important; + --lwt-sidebar-text-color: var(--sidebar-text-color) !important; } /* Sidebar Dark Mode */ -:-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"], :-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"], -:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] -{ - /* sidebar */ - --sidebar-background-color: #3b3b3b !important; - --lwt-sidebar-background-color: var(--sidebar-background-color) !important; - - /* sidebar_text */ - --sidebar-text-color: #fff !important; - --lwt-sidebar-text-color: var(--sidebar-text-color) !important; +:-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"], +:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] { + /* sidebar */ + --sidebar-background-color: #3b3b3b !important; + --lwt-sidebar-background-color: var(--sidebar-background-color) !important; + + /* sidebar_text */ + --sidebar-text-color: #fff !important; + --lwt-sidebar-text-color: var(--sidebar-text-color) !important; } -:root -{ - --ease-in: cubic-bezier(.4, 0, 1, 1); - --ease-out: cubic-bezier(0, 0, .2, 1); - --ease-basic: linear; +:root { + --ease-in: cubic-bezier(.4, 0, 1, 1); + --ease-out: cubic-bezier(0, 0, .2, 1); + --ease-basic: linear; - --button-size: 32px; /* is this used? */ - --icon-size: 24px; /* is this used? */ - - --downloads-item-height: 48px !important; - - --toolbar-non-lwt-bgcolor: #f7f7f7 !important; - --toolbar-non-lwt-textcolor: #000 !important; + --button-size: 32px; /* is this used? */ + --icon-size: 24px; /* is this used? */ - --tab-separator-opacity: .5 !important; + --downloads-item-height: 48px !important; + + --toolbar-non-lwt-bgcolor: #f7f7f7 !important; + --toolbar-non-lwt-textcolor: #000 !important; + + --tab-separator-opacity: .5 !important; } @media (-moz-proton) { - :root { - --arrowpanel-menuitem-margin: 0 !important; /* used to get rid of the left/right margins in Proton */ - --space-above-tabbar: 0; - } + :root { + --arrowpanel-menuitem-margin: 0 !important; /* used to get rid of the left/right margins in Proton */ + --space-above-tabbar: 0; + } } #titlebar, -#tabbrowser-tabs -{ - --tab-min-height: 32px !important; +#tabbrowser-tabs { + --tab-min-height: 32px !important; } -@supports -moz-bool-pref("materialFox.reduceTabOverflow") -{ - #tabbrowser-tabs - { - --tab-min-width: 32px !important; - } +@supports -moz-bool-pref("materialFox.reduceTabOverflow") { + #tabbrowser-tabs { + --tab-min-width: 32px !important; + } } -@media (-moz-mac-yosemite-theme) -{ - :root[extradragspace] - { - --space-above-tabbar: 8px !important; - } +@media (-moz-mac-yosemite-theme) { + :root[extradragspace] { + --space-above-tabbar: 8px !important; + } } /* Ubuntu */ -@media (-moz-gtk-csd-available) -{ - :root:not(:-moz-lwtheme) - { - --toolbar-bgcolor: -moz-dialog !important; - --toolbar-color: -moz-dialogtext !important; - } +@media (-moz-gtk-csd-available) { + :root:not(:-moz-lwtheme) { + --toolbar-bgcolor: -moz-dialog !important; + --toolbar-color: -moz-dialogtext !important; + } } :root:-moz-lwtheme-darktext, :root toolbar:not([brighttext]), -.tabbrowser-tab[visuallyselected] -{ - --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 0%, .07)) !important; - --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 0%, .11)) !important; +.tabbrowser-tab[visuallyselected] { + --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 0%, .07)) !important; + --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 0%, .11)) !important; } :root:-moz-lwtheme-brighttext, :root toolbar[brighttext], -.tabbrowser-tab[visuallyselected]:-moz-lwtheme-brighttext -{ - --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 100%, .1)) !important; - --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 100%, .17)) !important; +.tabbrowser-tab[visuallyselected]:-moz-lwtheme-brighttext { + --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 100%, .1)) !important; + --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 100%, .17)) !important; } /* special case for urlbar buttons */ -:-moz-any(#urlbar, #searchbar) -{ - --toolbarbutton-hover-background: #0001 !important; - --toolbarbutton-active-background: #0002 !important; +:-moz-any(#urlbar, #searchbar) { + --toolbarbutton-hover-background: #0001 !important; + --toolbarbutton-active-background: #0002 !important; } -:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar) -{ - --toolbarbutton-hover-background: #fff1 !important; - --toolbarbutton-active-background: #fff2 !important; +:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar) { + --toolbarbutton-hover-background: #fff1 !important; + --toolbarbutton-active-background: #fff2 !important; } #TabsToolbar .toolbarbutton-1 { - fill: var(--lwt-text-color) !important; + fill: var(--lwt-text-color) !important; } :-moz-any(:root:not([style]), -:root:not([lwtheme]), -:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"], -:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]) #tabbrowser-tabs { - --tab-line-color: var(--tab-line-col) !important; + :root:not([lwtheme]), + :root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"], + :root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]) #tabbrowser-tabs { + --tab-line-color: var(--tab-line-col) !important; }