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 */
|
||||
@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;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue