mirror of
https://github.com/blahai/nyx.git
synced 2025-01-19 03:20:20 +00:00
252 lines
8.1 KiB
CSS
Executable file
252 lines
8.1 KiB
CSS
Executable file
:root {
|
|
--ease-in: cubic-bezier(0.32, 0, 0.67, 0);
|
|
--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
|
|
--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
|
|
--transition-time: 0.4s !important;
|
|
--ease-basic: linear;
|
|
|
|
--button-size: 32px; /* is this used? */
|
|
--icon-size: 24px; /* is this used? */
|
|
|
|
--downloads-item-height: 48px !important;
|
|
|
|
--toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor) !important;
|
|
--toolbar-non-lwt-textcolor: var(--toolbar-color) !important;
|
|
--toolbar-field-focus-border-color: var(--lwt-toolbar-field-color) !important;
|
|
|
|
--toolbar-field-background-color: var(--dark-1) !important;
|
|
--toolbar-field-focus-background-color: var(--dark-1) !important;
|
|
}
|
|
|
|
/* dark mode */
|
|
:root{
|
|
/* accentcolor */
|
|
--lwt-accent-color: var(--dark-base) !important;
|
|
|
|
/* textcolor */
|
|
--lwt-text-color: var(--light-base) !important;
|
|
|
|
/* toolbar */
|
|
--toolbar-bgcolor: var(--dark-base) !important;
|
|
|
|
/* toolbar_text */
|
|
--toolbar-color: var(--light-1) !important;
|
|
|
|
--urlbarView-popup-title: var(--light-1) !important;
|
|
|
|
--urlbarView-popup-url: var(--light-4) !important;
|
|
|
|
/* toolbar_bottom_separator */
|
|
--toolbox-border-bottom-color: var(--dark-base) !important; /* legacy */
|
|
--chrome-content-separator-color: var(--dark-base) !important;
|
|
|
|
/* icons */
|
|
--lwt-toolbarbutton-icon-fill: var(--light-1) !important;
|
|
|
|
/* icons_attention */
|
|
--lwt-toolbarbutton-icon-fill-attention: var(--accent) !important;
|
|
|
|
/* button_background_hover */
|
|
--lwt-toolbarbutton-hover-background: var(--dark-2) !important;
|
|
|
|
/* button_background_active */
|
|
--lwt-toolbarbutton-active-background: var(--dark-4) !important;
|
|
|
|
--lwt-toolbar-field-color: var(--light-2) !important;
|
|
|
|
/* popup */
|
|
--arrowpanel-background: var(--dark-1) !important;
|
|
--arrowpanel-dimmed: var(--dark-2) !important; /* hover color */
|
|
--arrowpanel-dimmed-further: var(--dark-3) !important; /* hover color */
|
|
|
|
/* popup_text */
|
|
--arrowpanel-color: var(--light-1) !important;
|
|
--autocomplete-popup-color: var(--light-1) !important;
|
|
--panel-disabled-color: hsla(0, 0%, 100%, 0.5) !important;
|
|
|
|
/* popup_border */
|
|
--arrowpanel-border-color: var(--dark-1) !important;
|
|
--autocomplete-popup-border-color: var(--dark-1) !important;
|
|
|
|
/* popup_highlight */
|
|
--autocomplete-popup-highlight-background: var(--dark-2) !important;
|
|
|
|
/* popup_highlight_text */
|
|
--autocomplete-popup-highlight-color: var(--light-2) !important;
|
|
|
|
/* urlbar icon */
|
|
--toolbarbutton-hover-background: var(--dark-4) !important;
|
|
--toolbarbutton-active-background: var(--dark-base) !important;
|
|
|
|
--sidebar-shadow-color: var(--dark-0);
|
|
|
|
/* background color when starting firefox, or when loading pages... */
|
|
--tabpanel-background-color: var(--dark-0) !important;/* /#2B2A33; */
|
|
|
|
/* history popup bar left */
|
|
/* sidebar */
|
|
--lwt-sidebar-background-color: var(--dark-base) !important;
|
|
|
|
/* sidebar_text */
|
|
--lwt-sidebar-text-color: var(--light-base) !important;
|
|
}
|
|
|
|
/* light mode */
|
|
:root:not([style]),
|
|
:root[style*="--lwt-accent-color:rgb(227, 228, 230);"],
|
|
:root[style*="--lwt-accent-color:white;"] {
|
|
/* accentcolor */
|
|
--lwt-accent-color: var(--light-base) !important;
|
|
|
|
/* textcolor */
|
|
--lwt-text-color: var(--dark-base) !important;
|
|
|
|
/* toolbar */
|
|
--toolbar-bgcolor: var(--light-base) !important;
|
|
|
|
/* toolbar_text */
|
|
--toolbar-color: var(--dark-1) !important;
|
|
|
|
--urlbarView-popup-title: var(--dark-1) !important;
|
|
|
|
--urlbarView-popup-url: var(--dark-4) !important;
|
|
|
|
/* toolbar_bottom_separator */
|
|
--toolbox-border-bottom-color: var(--light-base) !important; /* legacy */
|
|
--chrome-content-separator-color: var(--light-base) !important;
|
|
|
|
/* icons */
|
|
--lwt-toolbarbutton-icon-fill: var(--dark-1) !important;
|
|
|
|
/* icons_attention */
|
|
--lwt-toolbarbutton-icon-fill-attention: var(--accent) !important;
|
|
|
|
/* button_background_hover */
|
|
--lwt-toolbarbutton-hover-background: var(--light-2) !important;
|
|
|
|
/* button_background_active */
|
|
--lwt-toolbarbutton-active-background: var(--light-4) !important;
|
|
|
|
--lwt-toolbar-field-color: var(--dark-2) !important;
|
|
|
|
/* popup */
|
|
--arrowpanel-background: var(--light-1) !important;
|
|
--arrowpanel-dimmed: var(--light-2) !important; /* hover color */
|
|
--arrowpanel-dimmed-further: var(--light-3) !important; /* hover color */
|
|
|
|
/* popup_text */
|
|
--arrowpanel-color: var(--dark-1) !important;
|
|
--autocomplete-popup-color: var(--dark-1) !important;
|
|
--panel-disabled-color: hsla(0, 0%, 100%, 0.5) !important;
|
|
|
|
/* popup_border */
|
|
--arrowpanel-border-color: var(--light-1) !important;
|
|
--autocomplete-popup-border-color: var(--light-1) !important;
|
|
|
|
/* popup_highlight */
|
|
--autocomplete-popup-highlight-background: var(--light-2) !important;
|
|
|
|
/* popup_highlight_text */
|
|
--autocomplete-popup-highlight-color: var(--dark-2) !important;
|
|
|
|
/* urlbar icon */
|
|
--toolbarbutton-hover-background: var(--light-4) !important;
|
|
--toolbarbutton-active-background: var(--light-base) !important;
|
|
|
|
--sidebar-shadow-color: var(--dark-4);
|
|
}
|
|
|
|
/* don't bother with sidebar in light mode */
|
|
:-moz-any(#sidebar-box, #sidebar) {
|
|
/* sidebar */
|
|
--sidebar-background-color: var(--dark-base) !important;
|
|
|
|
/* sidebar_text */
|
|
--sidebar-text-color: #f1f3ee !important;
|
|
}
|
|
|
|
:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] {
|
|
/* sidebar */
|
|
--lwt-sidebar-background-color: var(--dark-base) !important;
|
|
|
|
/* sidebar_text */
|
|
--lwt-sidebar-text-color: var(--light-base) !important;
|
|
}
|
|
|
|
#titlebar,
|
|
#tabbrowser-tabs {
|
|
--tab-min-height: 34px !important;
|
|
}
|
|
|
|
:root:-moz-any(:-moz-lwtheme-brighttext, [privatebrowsingmode="temporary"]) {
|
|
--toolbar-field-background-color: var(--dark-1) !important;
|
|
--toolbar-field-hover-background-color: var(--dark-1) !important;
|
|
--toolbar-field-focus-background-color: var(--dark-1) !important;
|
|
}
|
|
|
|
:root:not(:-moz-lwtheme):not([privatebrowsingmode="temporary"]) {
|
|
/* --toolbar-bgcolor: hsl(0, 0%, 100%); */
|
|
--toolbar-color: hsl(213, 5%, 39%) !important;
|
|
--toolbox-border-bottom-color: hsl(0, 0%, 70%) !important;
|
|
}
|
|
|
|
@media (-moz-mac-yosemite-theme) {
|
|
:root[extradragspace] {
|
|
--space-above-tabbar: 8px !important;
|
|
}
|
|
}
|
|
|
|
/* Ubuntu */
|
|
@media (-moz-gtk-csd-available) {
|
|
:root:not(:-moz-lwtheme):not([privatebrowsingmode="temporary"]) {
|
|
/* --toolbar-bgcolor: -moz-dialog; */
|
|
--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%, 0.07)) !important;
|
|
--toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 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%, 0.1)) !important;
|
|
--toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 100%, 0.17)) !important;
|
|
}
|
|
|
|
/* Container identity colors */
|
|
|
|
.identity-color-pink {
|
|
--identity-tab-color: #ED64A6 !important;
|
|
--identity-icon-color: #ED64A6 !important;
|
|
}
|
|
|
|
.identity-color-blue {
|
|
--identity-tab-color: #4299E1 !important;
|
|
--identity-icon-color: #4299E1 !important;
|
|
}
|
|
|
|
.identity-color-green {
|
|
--identity-tab-color: #48BB78 !important;
|
|
--identity-icon-color: #48BB78 !important;
|
|
}
|
|
|
|
.identity-color-orange {
|
|
--identity-tab-color: #ED8936 !important;
|
|
--identity-icon-color: #ED8936 !important;
|
|
}
|
|
|
|
/* /1* special case for urlbar buttons *1/ */
|
|
/* :-moz-any(#urlbar, #searchbar) { */
|
|
/* --toolbarbutton-hover-background: var(--dark-4) !important; */
|
|
/* --toolbarbutton-active-background: var(--dark-base) !important; */
|
|
/* } */
|
|
|
|
/* :root:-moz-any([privatebrowsingmode="temporary"], :-moz-lwtheme-brighttext) :-moz-any(#urlbar, #searchbar) { */
|
|
/* --toolbarbutton-hover-background: var(--dark-4) !important; */
|
|
/* --toolbarbutton-active-background: var(--dark-base) !important; */
|
|
/* } */
|