From be93cbb6205d96ce854bea6fd933135d4830a167 Mon Sep 17 00:00:00 2001 From: bmFtZQ <62812711+bmFtZQ@users.noreply.github.com> Date: Thu, 15 Apr 2021 07:04:02 +0800 Subject: [PATCH] clean up formatting --- chrome/extras/accessibility.css | 315 +++++++++++++------------ chrome/extras/customColorTheme.css | 271 ++++++++++----------- chrome/extras/hidetabclosebutton.css | 17 +- chrome/extras/hidetoolbarbuttons.css | 20 +- chrome/extras/swapaccount-overflow.css | 15 +- chrome/extras/vibrancy.css | 30 +-- 6 files changed, 337 insertions(+), 331 deletions(-) diff --git a/chrome/extras/accessibility.css b/chrome/extras/accessibility.css index 20646fe..fdf5191 100644 --- a/chrome/extras/accessibility.css +++ b/chrome/extras/accessibility.css @@ -1,173 +1,182 @@ /* High Contrast Theme */ @media (prefers-contrast) { - :root, :root #navigator-toolbox, findbar { - --highContrastTheme-border-color: #777 !important; - --highContrastTheme-urlbar-border-color: #000a; + :root, + :root #navigator-toolbox, + findbar { + --highContrastTheme-border-color: #777 !important; + --highContrastTheme-urlbar-border-color: #000a; - --highContrastTheme-menuitem-selected-background: #444; - --highContrastTheme-menuitem-selected-background-active: #222; - --highContrastTheme-menuitem-selected-color: #fff; - --highContrastTheme-urlbar-URL-selected-color: #81c2ff; + --highContrastTheme-menuitem-selected-background: #444; + --highContrastTheme-menuitem-selected-background-active: #222; + --highContrastTheme-menuitem-selected-color: #fff; + --highContrastTheme-urlbar-URL-selected-color: #81c2ff; - --panel-separator-color: rgba(0,0,0,0.8) !important; - --toolbarbutton-icon-fill-attention: #003aa5 !important; + --panel-separator-color: rgba(0, 0, 0, 0.8) !important; + --toolbarbutton-icon-fill-attention: #003aa5 !important; - --chrome-content-separator-color: var(--highContrastTheme-border-color) !important; - --autocomplete-popup-highlight-background: var(--highContrastTheme-menuitem-selected-background) !important; - --autocomplete-popup-highlight-color: var(--highContrastTheme-menuitem-selected-color) !important; - --panelview-toolbarbutton-hover-bgcolor: var(--highContrastTheme-menuitem-selected-background) !important; - --panelview-toolbarbutton-hover-color: var(--highContrastTheme-menuitem-selected-color) !important; - --panelview-toolbarbutton-active-bgcolor: var(--highContrastTheme-menuitem-selected-background-active) !important; - --panelview-toolbarbutton-active-color: var(--highContrastTheme-menuitem-selected-color) !important; - } + --chrome-content-separator-color: var(--highContrastTheme-border-color) !important; + --autocomplete-popup-highlight-background: var(--highContrastTheme-menuitem-selected-background) !important; + --autocomplete-popup-highlight-color: var(--highContrastTheme-menuitem-selected-color) !important; + --panelview-toolbarbutton-hover-bgcolor: var(--highContrastTheme-menuitem-selected-background) !important; + --panelview-toolbarbutton-hover-color: var(--highContrastTheme-menuitem-selected-color) !important; + --panelview-toolbarbutton-active-bgcolor: var(--highContrastTheme-menuitem-selected-background-active) !important; + --panelview-toolbarbutton-active-color: var(--highContrastTheme-menuitem-selected-color) !important; + } - :root[lwthemetextcolor="bright"], :root[lwthemetextcolor="bright"] #navigator-toolbox, :root[lwthemetextcolor="bright"] findbar { - --highContrastTheme-border-color: #999 !important; - --highContrastTheme-urlbar-border-color: #fffa; + :root[lwthemetextcolor="bright"], + :root[lwthemetextcolor="bright"] #navigator-toolbox, + :root[lwthemetextcolor="bright"] findbar { + --highContrastTheme-border-color: #999 !important; + --highContrastTheme-urlbar-border-color: #fffa; - --highContrastTheme-menuitem-selected-background: #ccc; - --highContrastTheme-menuitem-selected-color: #000; - --highContrastTheme-urlbar-URL-selected-color: #004da5; + --highContrastTheme-menuitem-selected-background: #ccc; + --highContrastTheme-menuitem-selected-color: #000; + --highContrastTheme-urlbar-URL-selected-color: #004da5; - --panel-separator-color: rgba(255,255,255,0.8) !important; - --lwt-toolbarbutton-icon-fill-attention: #55befc !important; - } + --panel-separator-color: rgba(255, 255, 255, 0.8) !important; + --lwt-toolbarbutton-icon-fill-attention: #55befc !important; + } - menupopup, panel - { - --menu-border-radius: 2px; - --menu-border: 1px solid #fff; - --menu-shadow: 0 0 0 2px #000, 0 3px 10px 4px rgba(0,0,0,.3); - } - :root[lwthemetextcolor="bright"] :-moz-any(menupopup, panel) - { - --menu-border: 1px solid #fff; - --menu-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0,0,0,.3); - } + menupopup, + panel { + --menu-border-radius: 2px; + --menu-border: 1px solid #fff; + --menu-shadow: 0 0 0 2px #000, 0 3px 10px 4px rgba(0, 0, 0, .3); + } - menupopup menuseparator { - opacity: 1 !important; - color: var(--panel-separator-color) !important; - } + :root[lwthemetextcolor="bright"] :-moz-any(menupopup, panel) { + --menu-border: 1px solid #fff; + --menu-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0, 0, 0, .3); + } - menupopup menuitem:hover:not([disabled=true]), - menupopup menu:hover:not([disabled=true]), - .autocomplete-richlistitem:hover:not([disabled=true]):not([selected=true]), - #context-navigation .menuitem-iconic:hover:not([disabled]) - { - background-color: var(--highContrastTheme-menuitem-selected-background) !important; - color: var(--highContrastTheme-menuitem-selected-color) !important; - } + menupopup menuseparator { + opacity: 1 !important; + color: var(--panel-separator-color) !important; + } - menupopup menuitem:hover:active:not([disabled="true"]), - menupopup menu:hover:active:not([disabled="true"]), - .autocomplete-richlistitem:hover:active:not([disabled="true"]), - .autocomplete-richlistitem[selected="true"] { - background-color: var(--highContrastTheme-menuitem-selected-background-active) !important; - color: var(--highContrastTheme-menuitem-selected-color) !important; - } + menupopup menuitem:hover:not([disabled=true]), + menupopup menu:hover:not([disabled=true]), + .autocomplete-richlistitem:hover:not([disabled=true]):not([selected=true]), + #context-navigation .menuitem-iconic:hover:not([disabled]) { + background-color: var(--highContrastTheme-menuitem-selected-background) !important; + color: var(--highContrastTheme-menuitem-selected-color) !important; + } - #urlbar, #searchbar, hbox[anonid="findbar-textbox-wrapper"] { - box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important; - } - #urlbar:hover, #searchbar:hover, hbox[anonid="findbar-textbox-wrapper"]:hover:not(:focus-within) { - box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset, 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important; - } - #urlbar[open], #searchbar[open] { - box-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0,0,0,.3), 0 0 0 1px #fff inset !important; - border-radius: 2px !important; - } - .urlbarView-row[selected] { - --urlbar-popup-url-color: var(--highContrastTheme-urlbar-URL-selected-color) !important; - } + menupopup menuitem:hover:active:not([disabled="true"]), + menupopup menu:hover:active:not([disabled="true"]), + .autocomplete-richlistitem:hover:active:not([disabled="true"]), + .autocomplete-richlistitem[selected="true"] { + background-color: var(--highContrastTheme-menuitem-selected-background-active) !important; + color: var(--highContrastTheme-menuitem-selected-color) !important; + } - :is(:root, :root[lwthemetextcolor="bright"]) #nav-bar { - box-shadow: 0 -1px var(--highContrastTheme-border-color) !important; - } - :is(:root, :root[lwthemetextcolor="bright"]) .tabbrowser-tab[visuallyselected] .tab-background { - box-shadow: 0 0 0 1px var(--highContrastTheme-border-color) !important; - } - .tab-background::before - { - box-shadow: -1px -1px 0 var(--highContrastTheme-border-color) inset, 4px 4px 0 4px var(--tab-bgcolor) !important; - } - .tab-background::after - { - box-shadow: 1px -1px 0 var(--highContrastTheme-border-color) inset, -4px 4px 0 4px var(--tab-bgcolor) !important; - } - .tabbrowser-tab:not([selected=true]):hover, - .tabbrowser-tab[multiselected]:not([selected=true]) - { - --tab-opacity: .6; - } - #TabsToolbar[brighttext] .tabbrowser-tab:not([selected=true]):hover, - #TabsToolbar[brighttext] .tabbrowser-tab[multiselected]:not([selected=true]) - { - --tab-opacity: .2; - } + #urlbar, + #searchbar, + hbox[anonid="findbar-textbox-wrapper"] { + box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important; + } + + #urlbar:hover, + #searchbar:hover, + hbox[anonid="findbar-textbox-wrapper"]:hover:not(:focus-within) { + box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset, 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important; + } + + #urlbar[open], + #searchbar[open] { + box-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0, 0, 0, .3), 0 0 0 1px #fff inset !important; + border-radius: 2px !important; + } + + .urlbarView-row[selected] { + --urlbar-popup-url-color: var(--highContrastTheme-urlbar-URL-selected-color) !important; + } + + :is(:root, :root[lwthemetextcolor="bright"]) #nav-bar { + box-shadow: 0 -1px var(--highContrastTheme-border-color) !important; + } + + :is(:root, :root[lwthemetextcolor="bright"]) .tabbrowser-tab[visuallyselected] .tab-background { + box-shadow: 0 0 0 1px var(--highContrastTheme-border-color) !important; + } + + .tab-background::before { + box-shadow: -1px -1px 0 var(--highContrastTheme-border-color) inset, 4px 4px 0 4px var(--tab-bgcolor) !important; + } + + .tab-background::after { + box-shadow: 1px -1px 0 var(--highContrastTheme-border-color) inset, -4px 4px 0 4px var(--tab-bgcolor) !important; + } + + .tabbrowser-tab:not([selected=true]):hover, + .tabbrowser-tab[multiselected]:not([selected=true]) { + --tab-opacity: .6; + } + + #TabsToolbar[brighttext] .tabbrowser-tab:not([selected=true]):hover, + #TabsToolbar[brighttext] .tabbrowser-tab[multiselected]:not([selected=true]) { + --tab-opacity: .2; + } } /* Reduce Motion */ @media (prefers-reduced-motion) { - .tabbrowser-tab - { - --tab-transition-duration: 0s !important; - } + .tabbrowser-tab { + --tab-transition-duration: 0s !important; + } - #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), - .tab-close-button, .tab-icon-overlay[activemedia-blocked], .tab-icon-sound, - .urlbar-icon, - #page-action-buttons > toolbarbutton, - .searchbar-search-button, - #tracking-protection-icon-box, - #identity-icon-box, - #identity-permission-box, - #tracking-protection-icon-box, #urlbar:hover #tracking-protection-icon-box, #tracking-protection-icon-container[open] #tracking-protection-icon-box, #tracking-protection-icon-box[active], - #urlbar:is(:hover, :not(:hover)) .urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine - ), - .urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine - ):-moz-any(:hover, [open], [readeractive]), - .urlbar-page-action:-moz-any(:hover, [open]) ~ .urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine), - #tracking-protection-icon-container[open] ~ #page-action-buttons .urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine), - hbox[anonid="findbar-textbox-wrapper"] toolbarbutton, - hbox[anonid="findbar-textbox-wrapper"] - { - transition-duration: 0s, 0s, 0s, 0s, 0s !important; - } + #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), + .tab-close-button, + .tab-icon-overlay[activemedia-blocked], + .tab-icon-sound, + .urlbar-icon, + #page-action-buttons>toolbarbutton, + .searchbar-search-button, + #tracking-protection-icon-box, + #identity-icon-box, + #identity-permission-box, + #tracking-protection-icon-box, + #urlbar:hover #tracking-protection-icon-box, + #tracking-protection-icon-container[open] #tracking-protection-icon-box, + #tracking-protection-icon-box[active], + #urlbar:is(:hover, :not(:hover)) .urlbar-page-action:-moz-any(#reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine), + .urlbar-page-action:-moz-any(#reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine):-moz-any(:hover, [open], [readeractive]), + .urlbar-page-action:-moz-any(:hover, [open])~.urlbar-page-action:-moz-any(#reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine), + #tracking-protection-icon-container[open]~#page-action-buttons .urlbar-page-action:-moz-any(#reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine), + hbox[anonid="findbar-textbox-wrapper"] toolbarbutton, + hbox[anonid="findbar-textbox-wrapper"] { + transition-duration: 0s, 0s, 0s, 0s, 0s !important; + } } \ No newline at end of file diff --git a/chrome/extras/customColorTheme.css b/chrome/extras/customColorTheme.css index a1ba098..5a20689 100644 --- a/chrome/extras/customColorTheme.css +++ b/chrome/extras/customColorTheme.css @@ -1,166 +1,167 @@ /* Light Mode */ :root:not([style]), :root:not([lwtheme]), -:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"] -{ - /* accentcolor */ - --lwt-accent-color: #cecece !important; - - /* textcolor */ - --lwt-text-color: #000 !important; - - /* toolbar */ - --toolbar-bgcolor: #f7f7f7 !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; +:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"] { + /* accentcolor */ + --lwt-accent-color: #cecece !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; + /* textcolor */ + --lwt-text-color: #000 !important; - --tab-line-col: #0078d4 !important; - --toolbar-field-focus-border-color: #0078d4a0 !important; - --private-browsing-indicator: #0078d4 !important; + /* toolbar */ + --toolbar-bgcolor: #f7f7f7 !important; + + /* tab background (unset to match toolbar-bgcolor) */ + --lwt-selected-tab-background-color: unset !important; + + /* toolbar_text */ + --toolbar-color: #000 !important; + + /* toolbar_bottom_separator */ + --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);"] -{ - /* accentcolor */ - --lwt-accent-color: #1b1b1b !important; - - /* textcolor */ - --lwt-text-color: #fff !important; - - /* toolbar */ - --toolbar-bgcolor: #3b3b3b !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; +:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"] { + /* accentcolor */ + --lwt-accent-color: #1b1b1b !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; + /* textcolor */ + --lwt-text-color: #fff !important; - --tab-line-col: #4C98D1 !important; - --toolbar-field-focus-border-color: #4c97d1a0 !important; - --private-browsing-indicator: #006cbe !important; + /* toolbar */ + --toolbar-bgcolor: #3b3b3b !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; } /* Urlbar Button Backgrounds Light Mode */ -:-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; } /* Urlbar Button Backgrounds Dark Mode */ -: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; } \ No newline at end of file diff --git a/chrome/extras/hidetabclosebutton.css b/chrome/extras/hidetabclosebutton.css index 93338ad..8e8f193 100644 --- a/chrome/extras/hidetabclosebutton.css +++ b/chrome/extras/hidetabclosebutton.css @@ -1,12 +1,13 @@ /* Hide tab close button when mouse not hovering over it */ .tab-close-button { - transform: translateY(32px) !important; - margin-inline-start: -16px !important; - transition-property: margin, transform !important; - transition-duration: 200ms !important; - transition-timing-function: cubic-bezier(1, 0, 0, 1) !important; + transform: translateY(32px) !important; + margin-inline-start: -16px !important; + transition-property: margin, transform !important; + transition-duration: 200ms !important; + transition-timing-function: cubic-bezier(1, 0, 0, 1) !important; } + :-moz-any(.tabbrowser-tab:hover:hover, .tabbrowser-tab[visuallyselected]) .tab-close-button { - transform: none !important; - margin-inline-start: 0 !important; -} + transform: none !important; + margin-inline-start: 0 !important; +} \ No newline at end of file diff --git a/chrome/extras/hidetoolbarbuttons.css b/chrome/extras/hidetoolbarbuttons.css index 7accb9c..2bd3950 100644 --- a/chrome/extras/hidetoolbarbuttons.css +++ b/chrome/extras/hidetoolbarbuttons.css @@ -2,18 +2,18 @@ .toolbarbutton-icon, .toolbarbutton-badge-stack, -#nav-bar .toolbarbutton-1 -{ - transition-duration: 0.1s !important; - transition-property: width, padding, border !important; +#nav-bar .toolbarbutton-1 { + transition-duration: 0.1s !important; + transition-property: width, padding, border !important; } -:root:not([customizing]) #navigator-toolbox:not(:hover) > #nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - width: 0 !important; padding: 0 !important; + +:root:not([customizing]) #navigator-toolbox:not(:hover)>#nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) { + width: 0 !important; + padding: 0 !important; } -:root:not([customizing]) #navigator-toolbox:not(:hover) > #nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) -{ - border-width: 0 !important; + +:root:not([customizing]) #navigator-toolbox:not(:hover)>#nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) { + border-width: 0 !important; } /* Also Hide urlbar background */ diff --git a/chrome/extras/swapaccount-overflow.css b/chrome/extras/swapaccount-overflow.css index fa07aa3..db36a91 100644 --- a/chrome/extras/swapaccount-overflow.css +++ b/chrome/extras/swapaccount-overflow.css @@ -1,12 +1,11 @@ /* (BUGGY: USE AT OWN RISK!) Swap Account icon and Overflow icon (must be placed next to each other) */ @media (min-width: 687px) { - :root:not([customizing]) #nav-bar-overflow-button - { - transform: translateX(-44px); - } - :root:not([customizing]) #fxa-toolbar-menu-button - { - transform: translateX(44px); - } + :root:not([customizing]) #nav-bar-overflow-button { + transform: translateX(-44px); + } + + :root:not([customizing]) #fxa-toolbar-menu-button { + transform: translateX(44px); + } } \ No newline at end of file diff --git a/chrome/extras/vibrancy.css b/chrome/extras/vibrancy.css index de0681c..daeef9f 100644 --- a/chrome/extras/vibrancy.css +++ b/chrome/extras/vibrancy.css @@ -1,26 +1,22 @@ /* (MACOS ONLY!) Enable window vibrancy behind tabs */ -#navigator-toolbox:not(:-moz-window-inactive) -{ - background-color: #0001 !important; -} -#main-window[lwthemetextcolor="bright"] #navigator-toolbox:not(:-moz-window-inactive) -{ - background-color: #1114 !important; +#navigator-toolbox:not(:-moz-window-inactive) { + background-color: #0001 !important; } -#main-window -{ - appearance: -moz-mac-vibrant-titlebar-light !important; +#main-window[lwthemetextcolor="bright"] #navigator-toolbox:not(:-moz-window-inactive) { + background-color: #1114 !important; } -#main-window[lwthemetextcolor="bright"] -{ - appearance: -moz-mac-vibrant-titlebar-dark !important; +#main-window { + appearance: -moz-mac-vibrant-titlebar-light !important; } -:-moz-any(#main-window, #navigator-toolbox):-moz-any([inFullscreen="true"], :-moz-window-inactive) -{ - appearance: none !important; - background-color: var(--lwt-accent-color) !important; +#main-window[lwthemetextcolor="bright"] { + appearance: -moz-mac-vibrant-titlebar-dark !important; +} + +:-moz-any(#main-window, #navigator-toolbox):-moz-any([inFullscreen="true"], :-moz-window-inactive) { + appearance: none !important; + background-color: var(--lwt-accent-color) !important; } \ No newline at end of file