223 lines
5.7 KiB
CSS
223 lines
5.7 KiB
CSS
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
/* bookmark_text */
|
|
--toolbar-color: #eff1f5ff !important;
|
|
|
|
/* button_background_active */
|
|
--toolbarbutton-active-background: rgba(156, 160, 176, 1) !important;
|
|
|
|
/* button_background_hover */
|
|
--toolbarbutton-hover-background: rgba(204, 208, 218, 1) !important;
|
|
|
|
/* icons */
|
|
--toolbarbutton-icon-fill: #4c4f69ff !important;
|
|
|
|
/* icons_attention */
|
|
--toolbarbutton-icon-fill-attention: #4c4f69ff !important;
|
|
|
|
/* frame */
|
|
--toolbox-non-lwt-bgcolor: #dce0e8ff !important;
|
|
|
|
/* frame_inactive */
|
|
&:where([tabsintitlebar]) {
|
|
--toolbox-non-lwt-bgcolor-inactive: #dce0e8ff !important;
|
|
}
|
|
|
|
/* popup */
|
|
--arrowpanel-background: #eff1f5ff !important;
|
|
|
|
/* popup_border */
|
|
--arrowpanel-border-color: #9ca0b0ff !important;
|
|
|
|
/* popup_highlight */
|
|
--urlbarView-highlight-background: #9ca0b0ff !important;
|
|
|
|
/* popup_highlight_text */
|
|
--urlbarView-highlight-color: #4c4f69ff !important;
|
|
|
|
/* popup_text */
|
|
--arrowpanel-color: #4c4f69ff !important;
|
|
|
|
/* tab_background_text */
|
|
--toolbox-non-lwt-textcolor: #4c4f69ff !important;
|
|
|
|
/* tab_line */
|
|
.tab-background[selected]:not([multiselected]) {
|
|
outline: 1px solid #9ca0b0ff;
|
|
outline-offset: -1px;
|
|
}
|
|
|
|
.tab-background[multiselected] {
|
|
--focus-outline-color: #9ca0b0ff;
|
|
}
|
|
|
|
/* tab_loading */
|
|
#tabbrowser-tabs {
|
|
--tab-loading-fill: #9ca0b0ff !important;
|
|
}
|
|
|
|
/* tab_selected */
|
|
--tab-selected-bgcolor: #eff1f5ff !important;
|
|
|
|
/* tab_text */
|
|
--tab-selected-textcolor: #4c4f69ff !important;
|
|
|
|
/* toolbar */
|
|
--toolbar-bgcolor: #eff1f5ff !important;
|
|
|
|
/* toolbar_bottom_separator */
|
|
--chrome-content-separator-color: #eff1f5ff !important;
|
|
|
|
/* toolbar_field */
|
|
--input-bgcolor: #e6e9efff !important;
|
|
--toolbar-field-background-color: var(--input-bgcolor) !important;
|
|
|
|
/* toolbar_field_border */
|
|
--input-border-color: #eff1f5ff !important;
|
|
--toolbar-field-border-color: var(--input-border-color) !important;
|
|
|
|
/* toolbar_field_border_focus */
|
|
--toolbar-field-focus-border-color: #6c7086ff !important;
|
|
|
|
/* toolbar_field_focus */
|
|
--toolbar-field-focus-background-color: #eff1f5ff !important;
|
|
|
|
/* toolbar_field_highlight */
|
|
#urlbar-input,
|
|
.searchbar-textbox {
|
|
&:focus::selection {
|
|
background-color: #6c7086ff;
|
|
}
|
|
}
|
|
|
|
/* toolbar_field_highlight_text */
|
|
#urlbar-input,
|
|
.searchbar-textbox {
|
|
&:focus::selection {
|
|
color: #eff1f5ff;
|
|
}
|
|
}
|
|
|
|
/* toolbar_field_text */
|
|
--input-color: #4c4f69ff !important;
|
|
--toolbar-field-color: var(--input-color) !important;
|
|
|
|
/* toolbar_field_text_focus */
|
|
--toolbar-field-focus-color: #4c4f69ff !important;
|
|
|
|
/* toolbar_vertical_separator */
|
|
--toolbarseparator-color: #6c7086ff !important;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
/* bookmark_text */
|
|
--toolbar-color: #1e1e2eff !important;
|
|
|
|
/* button_background_active */
|
|
--toolbarbutton-active-background: rgba(108, 112, 134, 1) !important;
|
|
|
|
/* button_background_hover */
|
|
--toolbarbutton-hover-background: rgba(49, 50, 68, 1) !important;
|
|
|
|
/* icons */
|
|
--toolbarbutton-icon-fill: #cdd6f4ff !important;
|
|
|
|
/* icons_attention */
|
|
--toolbarbutton-icon-fill-attention: #cdd6f4ff !important;
|
|
|
|
/* frame */
|
|
--toolbox-non-lwt-bgcolor: #11111bff !important;
|
|
|
|
/* frame_inactive */
|
|
&:where([tabsintitlebar]) {
|
|
--toolbox-non-lwt-bgcolor-inactive: #11111bff !important;
|
|
}
|
|
|
|
/* popup */
|
|
--arrowpanel-background: #1e1e2eff !important;
|
|
|
|
/* popup_border */
|
|
--arrowpanel-border-color: #6c7086ff !important;
|
|
|
|
/* popup_highlight */
|
|
--urlbarView-highlight-background: #6c7086ff !important;
|
|
|
|
/* popup_highlight_text */
|
|
--urlbarView-highlight-color: #cdd6f4ff !important;
|
|
|
|
/* popup_text */
|
|
--arrowpanel-color: #cdd6f4ff !important;
|
|
|
|
/* tab_background_text */
|
|
--toolbox-non-lwt-textcolor: #cdd6f4ff !important;
|
|
|
|
/* tab_line */
|
|
.tab-background[selected]:not([multiselected]) {
|
|
outline: 1px solid #6c7086ff;
|
|
outline-offset: -1px;
|
|
}
|
|
|
|
.tab-background[multiselected] {
|
|
--focus-outline-color: #6c7086ff;
|
|
}
|
|
|
|
/* tab_loading */
|
|
#tabbrowser-tabs {
|
|
--tab-loading-fill: #6c7086ff !important;
|
|
}
|
|
|
|
/* tab_selected */
|
|
--tab-selected-bgcolor: #1e1e2eff !important;
|
|
|
|
/* tab_text */
|
|
--tab-selected-textcolor: #cdd6f4ff !important;
|
|
|
|
/* toolbar */
|
|
--toolbar-bgcolor: #1e1e2eff !important;
|
|
|
|
/* toolbar_bottom_separator */
|
|
--chrome-content-separator-color: #1e1e2eff !important;
|
|
|
|
/* toolbar_field */
|
|
--input-bgcolor: #181825ff !important;
|
|
--toolbar-field-background-color: var(--input-bgcolor) !important;
|
|
|
|
/* toolbar_field_border */
|
|
--input-border-color: #1e1e2eff !important;
|
|
--toolbar-field-border-color: var(--input-border-color) !important;
|
|
|
|
/* toolbar_field_border_focus */
|
|
--toolbar-field-focus-border-color: #6c7086ff !important;
|
|
|
|
/* toolbar_field_focus */
|
|
--toolbar-field-focus-background-color: #1e1e2eff !important;
|
|
|
|
/* toolbar_field_highlight */
|
|
#urlbar-input,
|
|
.searchbar-textbox {
|
|
&:focus::selection {
|
|
background-color: #6c7086ff;
|
|
}
|
|
}
|
|
|
|
/* toolbar_field_highlight_text */
|
|
#urlbar-input,
|
|
.searchbar-textbox {
|
|
&:focus::selection {
|
|
color: #1e1e2eff;
|
|
}
|
|
}
|
|
|
|
/* toolbar_field_text */
|
|
--input-color: #cdd6f4ff !important;
|
|
--toolbar-field-color: var(--input-color) !important;
|
|
|
|
/* toolbar_field_text_focus */
|
|
--toolbar-field-focus-color: #cdd6f4ff !important;
|
|
|
|
/* toolbar_vertical_separator */
|
|
--toolbarseparator-color: #6c7086ff !important;
|
|
}
|
|
}
|