clean up formatting
This commit is contained in:
bmFtZQ
GitHub
parent
1df521b333
commit
be93cbb620
6 changed files with 337 additions and 331 deletions
|
|
@ -1,173 +1,182 @@
|
||||||
/* High Contrast Theme */
|
/* High Contrast Theme */
|
||||||
@media (prefers-contrast) {
|
@media (prefers-contrast) {
|
||||||
:root, :root #navigator-toolbox, findbar {
|
:root,
|
||||||
--highContrastTheme-border-color: #777 !important;
|
:root #navigator-toolbox,
|
||||||
--highContrastTheme-urlbar-border-color: #000a;
|
findbar {
|
||||||
|
--highContrastTheme-border-color: #777 !important;
|
||||||
|
--highContrastTheme-urlbar-border-color: #000a;
|
||||||
|
|
||||||
--highContrastTheme-menuitem-selected-background: #444;
|
--highContrastTheme-menuitem-selected-background: #444;
|
||||||
--highContrastTheme-menuitem-selected-background-active: #222;
|
--highContrastTheme-menuitem-selected-background-active: #222;
|
||||||
--highContrastTheme-menuitem-selected-color: #fff;
|
--highContrastTheme-menuitem-selected-color: #fff;
|
||||||
--highContrastTheme-urlbar-URL-selected-color: #81c2ff;
|
--highContrastTheme-urlbar-URL-selected-color: #81c2ff;
|
||||||
|
|
||||||
--panel-separator-color: rgba(0,0,0,0.8) !important;
|
--panel-separator-color: rgba(0, 0, 0, 0.8) !important;
|
||||||
--toolbarbutton-icon-fill-attention: #003aa5 !important;
|
--toolbarbutton-icon-fill-attention: #003aa5 !important;
|
||||||
|
|
||||||
--chrome-content-separator-color: var(--highContrastTheme-border-color) !important;
|
--chrome-content-separator-color: var(--highContrastTheme-border-color) !important;
|
||||||
--autocomplete-popup-highlight-background: var(--highContrastTheme-menuitem-selected-background) !important;
|
--autocomplete-popup-highlight-background: var(--highContrastTheme-menuitem-selected-background) !important;
|
||||||
--autocomplete-popup-highlight-color: var(--highContrastTheme-menuitem-selected-color) !important;
|
--autocomplete-popup-highlight-color: var(--highContrastTheme-menuitem-selected-color) !important;
|
||||||
--panelview-toolbarbutton-hover-bgcolor: var(--highContrastTheme-menuitem-selected-background) !important;
|
--panelview-toolbarbutton-hover-bgcolor: var(--highContrastTheme-menuitem-selected-background) !important;
|
||||||
--panelview-toolbarbutton-hover-color: var(--highContrastTheme-menuitem-selected-color) !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-bgcolor: var(--highContrastTheme-menuitem-selected-background-active) !important;
|
||||||
--panelview-toolbarbutton-active-color: var(--highContrastTheme-menuitem-selected-color) !important;
|
--panelview-toolbarbutton-active-color: var(--highContrastTheme-menuitem-selected-color) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root[lwthemetextcolor="bright"], :root[lwthemetextcolor="bright"] #navigator-toolbox, :root[lwthemetextcolor="bright"] findbar {
|
:root[lwthemetextcolor="bright"],
|
||||||
--highContrastTheme-border-color: #999 !important;
|
:root[lwthemetextcolor="bright"] #navigator-toolbox,
|
||||||
--highContrastTheme-urlbar-border-color: #fffa;
|
:root[lwthemetextcolor="bright"] findbar {
|
||||||
|
--highContrastTheme-border-color: #999 !important;
|
||||||
|
--highContrastTheme-urlbar-border-color: #fffa;
|
||||||
|
|
||||||
--highContrastTheme-menuitem-selected-background: #ccc;
|
--highContrastTheme-menuitem-selected-background: #ccc;
|
||||||
--highContrastTheme-menuitem-selected-color: #000;
|
--highContrastTheme-menuitem-selected-color: #000;
|
||||||
--highContrastTheme-urlbar-URL-selected-color: #004da5;
|
--highContrastTheme-urlbar-URL-selected-color: #004da5;
|
||||||
|
|
||||||
--panel-separator-color: rgba(255,255,255,0.8) !important;
|
--panel-separator-color: rgba(255, 255, 255, 0.8) !important;
|
||||||
--lwt-toolbarbutton-icon-fill-attention: #55befc !important;
|
--lwt-toolbarbutton-icon-fill-attention: #55befc !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
menupopup, panel
|
menupopup,
|
||||||
{
|
panel {
|
||||||
--menu-border-radius: 2px;
|
--menu-border-radius: 2px;
|
||||||
--menu-border: 1px solid #fff;
|
--menu-border: 1px solid #fff;
|
||||||
--menu-shadow: 0 0 0 2px #000, 0 3px 10px 4px rgba(0,0,0,.3);
|
--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 menuseparator {
|
:root[lwthemetextcolor="bright"] :-moz-any(menupopup, panel) {
|
||||||
opacity: 1 !important;
|
--menu-border: 1px solid #fff;
|
||||||
color: var(--panel-separator-color) !important;
|
--menu-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0, 0, 0, .3);
|
||||||
}
|
}
|
||||||
|
|
||||||
menupopup menuitem:hover:not([disabled=true]),
|
menupopup menuseparator {
|
||||||
menupopup menu:hover:not([disabled=true]),
|
opacity: 1 !important;
|
||||||
.autocomplete-richlistitem:hover:not([disabled=true]):not([selected=true]),
|
color: var(--panel-separator-color) !important;
|
||||||
#context-navigation .menuitem-iconic:hover:not([disabled])
|
}
|
||||||
{
|
|
||||||
background-color: var(--highContrastTheme-menuitem-selected-background) !important;
|
|
||||||
color: var(--highContrastTheme-menuitem-selected-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menupopup menuitem:hover:active:not([disabled="true"]),
|
menupopup menuitem:hover:not([disabled=true]),
|
||||||
menupopup menu:hover:active:not([disabled="true"]),
|
menupopup menu:hover:not([disabled=true]),
|
||||||
.autocomplete-richlistitem:hover:active:not([disabled="true"]),
|
.autocomplete-richlistitem:hover:not([disabled=true]):not([selected=true]),
|
||||||
.autocomplete-richlistitem[selected="true"] {
|
#context-navigation .menuitem-iconic:hover:not([disabled]) {
|
||||||
background-color: var(--highContrastTheme-menuitem-selected-background-active) !important;
|
background-color: var(--highContrastTheme-menuitem-selected-background) !important;
|
||||||
color: var(--highContrastTheme-menuitem-selected-color) !important;
|
color: var(--highContrastTheme-menuitem-selected-color) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#urlbar, #searchbar, hbox[anonid="findbar-textbox-wrapper"] {
|
menupopup menuitem:hover:active:not([disabled="true"]),
|
||||||
box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important;
|
menupopup menu:hover:active:not([disabled="true"]),
|
||||||
}
|
.autocomplete-richlistitem:hover:active:not([disabled="true"]),
|
||||||
#urlbar:hover, #searchbar:hover, hbox[anonid="findbar-textbox-wrapper"]:hover:not(:focus-within) {
|
.autocomplete-richlistitem[selected="true"] {
|
||||||
box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset, 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important;
|
background-color: var(--highContrastTheme-menuitem-selected-background-active) !important;
|
||||||
}
|
color: var(--highContrastTheme-menuitem-selected-color) !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 {
|
#urlbar,
|
||||||
box-shadow: 0 -1px var(--highContrastTheme-border-color) !important;
|
#searchbar,
|
||||||
}
|
hbox[anonid="findbar-textbox-wrapper"] {
|
||||||
:is(:root, :root[lwthemetextcolor="bright"]) .tabbrowser-tab[visuallyselected] .tab-background {
|
box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important;
|
||||||
box-shadow: 0 0 0 1px var(--highContrastTheme-border-color) !important;
|
}
|
||||||
}
|
|
||||||
.tab-background::before
|
#urlbar:hover,
|
||||||
{
|
#searchbar:hover,
|
||||||
box-shadow: -1px -1px 0 var(--highContrastTheme-border-color) inset, 4px 4px 0 4px var(--tab-bgcolor) !important;
|
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;
|
||||||
.tab-background::after
|
}
|
||||||
{
|
|
||||||
box-shadow: 1px -1px 0 var(--highContrastTheme-border-color) inset, -4px 4px 0 4px var(--tab-bgcolor) !important;
|
#urlbar[open],
|
||||||
}
|
#searchbar[open] {
|
||||||
.tabbrowser-tab:not([selected=true]):hover,
|
box-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0, 0, 0, .3), 0 0 0 1px #fff inset !important;
|
||||||
.tabbrowser-tab[multiselected]:not([selected=true])
|
border-radius: 2px !important;
|
||||||
{
|
}
|
||||||
--tab-opacity: .6;
|
|
||||||
}
|
.urlbarView-row[selected] {
|
||||||
#TabsToolbar[brighttext] .tabbrowser-tab:not([selected=true]):hover,
|
--urlbar-popup-url-color: var(--highContrastTheme-urlbar-URL-selected-color) !important;
|
||||||
#TabsToolbar[brighttext] .tabbrowser-tab[multiselected]:not([selected=true])
|
}
|
||||||
{
|
|
||||||
--tab-opacity: .2;
|
: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 */
|
/* Reduce Motion */
|
||||||
@media (prefers-reduced-motion) {
|
@media (prefers-reduced-motion) {
|
||||||
.tabbrowser-tab
|
.tabbrowser-tab {
|
||||||
{
|
--tab-transition-duration: 0s !important;
|
||||||
--tab-transition-duration: 0s !important;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)),
|
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)),
|
||||||
.tab-close-button, .tab-icon-overlay[activemedia-blocked], .tab-icon-sound,
|
.tab-close-button,
|
||||||
.urlbar-icon,
|
.tab-icon-overlay[activemedia-blocked],
|
||||||
#page-action-buttons > toolbarbutton,
|
.tab-icon-sound,
|
||||||
.searchbar-search-button,
|
.urlbar-icon,
|
||||||
#tracking-protection-icon-box,
|
#page-action-buttons>toolbarbutton,
|
||||||
#identity-icon-box,
|
.searchbar-search-button,
|
||||||
#identity-permission-box,
|
#tracking-protection-icon-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],
|
#identity-icon-box,
|
||||||
#urlbar:is(:hover, :not(:hover)) .urlbar-page-action:-moz-any(
|
#identity-permission-box,
|
||||||
#reader-mode-button,
|
#tracking-protection-icon-box,
|
||||||
#pageActionButton,
|
#urlbar:hover #tracking-protection-icon-box,
|
||||||
#pocket-button-box,
|
#tracking-protection-icon-container[open] #tracking-protection-icon-box,
|
||||||
#pageAction-urlbar-screenshots_mozilla_org,
|
#tracking-protection-icon-box[active],
|
||||||
#pageAction-urlbar-sendToDevice,
|
#urlbar:is(:hover, :not(:hover)) .urlbar-page-action:-moz-any(#reader-mode-button,
|
||||||
#pageAction-urlbar-emailLink,
|
#pageActionButton,
|
||||||
#pageAction-urlbar-copyURL,
|
#pocket-button-box,
|
||||||
#pageAction-urlbar-shareURL,
|
#pageAction-urlbar-screenshots_mozilla_org,
|
||||||
#pageAction-urlbar-addSearchEngine
|
#pageAction-urlbar-sendToDevice,
|
||||||
),
|
#pageAction-urlbar-emailLink,
|
||||||
.urlbar-page-action:-moz-any(
|
#pageAction-urlbar-copyURL,
|
||||||
#reader-mode-button,
|
#pageAction-urlbar-shareURL,
|
||||||
#pageActionButton,
|
#pageAction-urlbar-addSearchEngine),
|
||||||
#pocket-button-box,
|
.urlbar-page-action:-moz-any(#reader-mode-button,
|
||||||
#pageAction-urlbar-screenshots_mozilla_org,
|
#pageActionButton,
|
||||||
#pageAction-urlbar-sendToDevice,
|
#pocket-button-box,
|
||||||
#pageAction-urlbar-emailLink,
|
#pageAction-urlbar-screenshots_mozilla_org,
|
||||||
#pageAction-urlbar-copyURL,
|
#pageAction-urlbar-sendToDevice,
|
||||||
#pageAction-urlbar-shareURL,
|
#pageAction-urlbar-emailLink,
|
||||||
#pageAction-urlbar-addSearchEngine
|
#pageAction-urlbar-copyURL,
|
||||||
):-moz-any(:hover, [open], [readeractive]),
|
#pageAction-urlbar-shareURL,
|
||||||
.urlbar-page-action:-moz-any(:hover, [open]) ~ .urlbar-page-action:-moz-any(
|
#pageAction-urlbar-addSearchEngine):-moz-any(:hover, [open], [readeractive]),
|
||||||
#reader-mode-button,
|
.urlbar-page-action:-moz-any(:hover, [open])~.urlbar-page-action:-moz-any(#reader-mode-button,
|
||||||
#pageActionButton,
|
#pageActionButton,
|
||||||
#pocket-button-box,
|
#pocket-button-box,
|
||||||
#pageAction-urlbar-screenshots_mozilla_org,
|
#pageAction-urlbar-screenshots_mozilla_org,
|
||||||
#pageAction-urlbar-sendToDevice,
|
#pageAction-urlbar-sendToDevice,
|
||||||
#pageAction-urlbar-emailLink,
|
#pageAction-urlbar-emailLink,
|
||||||
#pageAction-urlbar-copyURL,
|
#pageAction-urlbar-copyURL,
|
||||||
#pageAction-urlbar-shareURL,
|
#pageAction-urlbar-shareURL,
|
||||||
#pageAction-urlbar-addSearchEngine),
|
#pageAction-urlbar-addSearchEngine),
|
||||||
#tracking-protection-icon-container[open] ~ #page-action-buttons .urlbar-page-action:-moz-any(
|
#tracking-protection-icon-container[open]~#page-action-buttons .urlbar-page-action:-moz-any(#reader-mode-button,
|
||||||
#reader-mode-button,
|
#pageActionButton,
|
||||||
#pageActionButton,
|
#pocket-button-box,
|
||||||
#pocket-button-box,
|
#pageAction-urlbar-screenshots_mozilla_org,
|
||||||
#pageAction-urlbar-screenshots_mozilla_org,
|
#pageAction-urlbar-sendToDevice,
|
||||||
#pageAction-urlbar-sendToDevice,
|
#pageAction-urlbar-emailLink,
|
||||||
#pageAction-urlbar-emailLink,
|
#pageAction-urlbar-copyURL,
|
||||||
#pageAction-urlbar-copyURL,
|
#pageAction-urlbar-shareURL,
|
||||||
#pageAction-urlbar-shareURL,
|
#pageAction-urlbar-addSearchEngine),
|
||||||
#pageAction-urlbar-addSearchEngine),
|
hbox[anonid="findbar-textbox-wrapper"] toolbarbutton,
|
||||||
hbox[anonid="findbar-textbox-wrapper"] toolbarbutton,
|
hbox[anonid="findbar-textbox-wrapper"] {
|
||||||
hbox[anonid="findbar-textbox-wrapper"]
|
transition-duration: 0s, 0s, 0s, 0s, 0s !important;
|
||||||
{
|
}
|
||||||
transition-duration: 0s, 0s, 0s, 0s, 0s !important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
@ -1,166 +1,167 @@
|
||||||
/* Light Mode */
|
/* Light Mode */
|
||||||
:root:not([style]),
|
:root:not([style]),
|
||||||
:root:not([lwtheme]),
|
: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(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"] {
|
||||||
{
|
/* accentcolor */
|
||||||
/* accentcolor */
|
--lwt-accent-color: #cecece !important;
|
||||||
--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;
|
|
||||||
|
|
||||||
--urlbar-popup-url-color: #0172C9 !important;
|
/* textcolor */
|
||||||
--lwt-toolbar-field-background-color: #fff !important;
|
--lwt-text-color: #000 !important;
|
||||||
--lwt-toolbar-field-focus: #fff !important;
|
|
||||||
--lwt-toolbar-field-border-color: #ccc !important;
|
|
||||||
|
|
||||||
--tab-line-col: #0078d4 !important;
|
/* toolbar */
|
||||||
--toolbar-field-focus-border-color: #0078d4a0 !important;
|
--toolbar-bgcolor: #f7f7f7 !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 */
|
||||||
|
--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 */
|
/* Dark Mode */
|
||||||
:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]
|
:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"] {
|
||||||
{
|
/* accentcolor */
|
||||||
/* accentcolor */
|
--lwt-accent-color: #1b1b1b !important;
|
||||||
--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;
|
|
||||||
|
|
||||||
--urlbar-popup-url-color: #75B6E8 !important;
|
/* textcolor */
|
||||||
--lwt-toolbar-field-background-color: #2b2b2b !important;
|
--lwt-text-color: #fff !important;
|
||||||
--lwt-toolbar-field-focus: #2b2b2b !important;
|
|
||||||
--lwt-toolbar-field-border-color: #656565 !important;
|
|
||||||
|
|
||||||
--tab-line-col: #4C98D1 !important;
|
/* toolbar */
|
||||||
--toolbar-field-focus-border-color: #4c97d1a0 !important;
|
--toolbar-bgcolor: #3b3b3b !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 */
|
/* 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) {
|
:-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-accent-color: #e8e8e8 !important;
|
||||||
--lwt-text-color: #3a3a3a !important;
|
--lwt-text-color: #3a3a3a !important;
|
||||||
--toolbar-color: #3a3a3a !important;
|
--toolbar-color: #3a3a3a !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Inactive Window Dark Mode */
|
/* 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) {
|
:-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-accent-color: #2e2e2e !important;
|
||||||
--lwt-text-color: #b7b7b7 !important;
|
--lwt-text-color: #b7b7b7 !important;
|
||||||
--toolbar-color: #cecece !important;
|
--toolbar-color: #cecece !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Sidebar Light Mode */
|
/* Sidebar Light Mode */
|
||||||
:-moz-any(#sidebar-box, #sidebar),
|
:-moz-any(#sidebar-box, #sidebar),
|
||||||
:-moz-any(.sidebar-panel, body)
|
:-moz-any(.sidebar-panel, body) {
|
||||||
{
|
/* sidebar */
|
||||||
/* sidebar */
|
--sidebar-background-color: #f5f5f5 !important;
|
||||||
--sidebar-background-color: #f5f5f5 !important;
|
--lwt-sidebar-background-color: var(--sidebar-background-color) !important;
|
||||||
--lwt-sidebar-background-color: var(--sidebar-background-color) !important;
|
|
||||||
|
/* sidebar_text */
|
||||||
/* sidebar_text */
|
--sidebar-text-color: #000 !important;
|
||||||
--sidebar-text-color: #000 !important;
|
--lwt-sidebar-text-color: var(--sidebar-text-color) !important;
|
||||||
--lwt-sidebar-text-color: var(--sidebar-text-color) !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Sidebar Dark Mode */
|
/* 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-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 */
|
--sidebar-background-color: #3b3b3b !important;
|
||||||
--sidebar-background-color: #3b3b3b !important;
|
--lwt-sidebar-background-color: var(--sidebar-background-color) !important;
|
||||||
--lwt-sidebar-background-color: var(--sidebar-background-color) !important;
|
|
||||||
|
/* sidebar_text */
|
||||||
/* sidebar_text */
|
--sidebar-text-color: #fff !important;
|
||||||
--sidebar-text-color: #fff !important;
|
--lwt-sidebar-text-color: var(--sidebar-text-color) !important;
|
||||||
--lwt-sidebar-text-color: var(--sidebar-text-color) !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Urlbar Button Backgrounds Light Mode */
|
/* Urlbar Button Backgrounds Light Mode */
|
||||||
:-moz-any(#urlbar, #searchbar)
|
:-moz-any(#urlbar, #searchbar) {
|
||||||
{
|
--toolbarbutton-hover-background: #0001 !important;
|
||||||
--toolbarbutton-hover-background: #0001 !important;
|
--toolbarbutton-active-background: #0002 !important;
|
||||||
--toolbarbutton-active-background: #0002 !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Urlbar Button Backgrounds Dark Mode */
|
/* Urlbar Button Backgrounds Dark Mode */
|
||||||
:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar)
|
:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar) {
|
||||||
{
|
--toolbarbutton-hover-background: #fff1 !important;
|
||||||
--toolbarbutton-hover-background: #fff1 !important;
|
--toolbarbutton-active-background: #fff2 !important;
|
||||||
--toolbarbutton-active-background: #fff2 !important;
|
|
||||||
}
|
}
|
||||||
|
|
@ -1,12 +1,13 @@
|
||||||
/* Hide tab close button when mouse not hovering over it */
|
/* Hide tab close button when mouse not hovering over it */
|
||||||
.tab-close-button {
|
.tab-close-button {
|
||||||
transform: translateY(32px) !important;
|
transform: translateY(32px) !important;
|
||||||
margin-inline-start: -16px !important;
|
margin-inline-start: -16px !important;
|
||||||
transition-property: margin, transform !important;
|
transition-property: margin, transform !important;
|
||||||
transition-duration: 200ms !important;
|
transition-duration: 200ms !important;
|
||||||
transition-timing-function: cubic-bezier(1, 0, 0, 1) !important;
|
transition-timing-function: cubic-bezier(1, 0, 0, 1) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:-moz-any(.tabbrowser-tab:hover:hover, .tabbrowser-tab[visuallyselected]) .tab-close-button {
|
:-moz-any(.tabbrowser-tab:hover:hover, .tabbrowser-tab[visuallyselected]) .tab-close-button {
|
||||||
transform: none !important;
|
transform: none !important;
|
||||||
margin-inline-start: 0 !important;
|
margin-inline-start: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
@ -2,18 +2,18 @@
|
||||||
|
|
||||||
.toolbarbutton-icon,
|
.toolbarbutton-icon,
|
||||||
.toolbarbutton-badge-stack,
|
.toolbarbutton-badge-stack,
|
||||||
#nav-bar .toolbarbutton-1
|
#nav-bar .toolbarbutton-1 {
|
||||||
{
|
transition-duration: 0.1s !important;
|
||||||
transition-duration: 0.1s !important;
|
transition-property: width, padding, border !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)
|
|
||||||
{
|
: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;
|
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])
|
|
||||||
{
|
: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;
|
border-width: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Also Hide urlbar background */
|
/* Also Hide urlbar background */
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,11 @@
|
||||||
/* (BUGGY: USE AT OWN RISK!) Swap Account icon and Overflow icon (must be placed next to each other) */
|
/* (BUGGY: USE AT OWN RISK!) Swap Account icon and Overflow icon (must be placed next to each other) */
|
||||||
|
|
||||||
@media (min-width: 687px) {
|
@media (min-width: 687px) {
|
||||||
:root:not([customizing]) #nav-bar-overflow-button
|
:root:not([customizing]) #nav-bar-overflow-button {
|
||||||
{
|
transform: translateX(-44px);
|
||||||
transform: translateX(-44px);
|
}
|
||||||
}
|
|
||||||
:root:not([customizing]) #fxa-toolbar-menu-button
|
:root:not([customizing]) #fxa-toolbar-menu-button {
|
||||||
{
|
transform: translateX(44px);
|
||||||
transform: translateX(44px);
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
@ -1,26 +1,22 @@
|
||||||
/* (MACOS ONLY!) Enable window vibrancy behind tabs */
|
/* (MACOS ONLY!) Enable window vibrancy behind tabs */
|
||||||
|
|
||||||
#navigator-toolbox:not(:-moz-window-inactive)
|
#navigator-toolbox:not(:-moz-window-inactive) {
|
||||||
{
|
background-color: #0001 !important;
|
||||||
background-color: #0001 !important;
|
|
||||||
}
|
|
||||||
#main-window[lwthemetextcolor="bright"] #navigator-toolbox:not(:-moz-window-inactive)
|
|
||||||
{
|
|
||||||
background-color: #1114 !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-window
|
#main-window[lwthemetextcolor="bright"] #navigator-toolbox:not(:-moz-window-inactive) {
|
||||||
{
|
background-color: #1114 !important;
|
||||||
appearance: -moz-mac-vibrant-titlebar-light !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-window[lwthemetextcolor="bright"]
|
#main-window {
|
||||||
{
|
appearance: -moz-mac-vibrant-titlebar-light !important;
|
||||||
appearance: -moz-mac-vibrant-titlebar-dark !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
:-moz-any(#main-window, #navigator-toolbox):-moz-any([inFullscreen="true"], :-moz-window-inactive)
|
#main-window[lwthemetextcolor="bright"] {
|
||||||
{
|
appearance: -moz-mac-vibrant-titlebar-dark !important;
|
||||||
appearance: none !important;
|
}
|
||||||
background-color: var(--lwt-accent-color) !important;
|
|
||||||
|
:-moz-any(#main-window, #navigator-toolbox):-moz-any([inFullscreen="true"], :-moz-window-inactive) {
|
||||||
|
appearance: none !important;
|
||||||
|
background-color: var(--lwt-accent-color) !important;
|
||||||
}
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue