108 lines
5.1 KiB
Nix
108 lines
5.1 KiB
Nix
rice: with rice.color; let
|
|
f = rice.lib.hex-to-rgb-comma-string;
|
|
# blur = builtins.toString 20;
|
|
in /* css */ ''
|
|
:root{
|
|
/* Popup panels */
|
|
--arrowpanel-background : rgba(${f background}, ${builtins.toString rice.transparency}) !important;
|
|
--arrowpanel-border-color : ${border} !important;
|
|
--arrowpanel-color : ${secondary.base} !important;
|
|
--arrowpanel-dimmed : rgba(${f background},0.4) !important;
|
|
--arrowpanel-dimmed-further : rgba(${f background},0.6) !important;
|
|
--arrowpanel-dimmed-even-further : rgba(${f background},0.8) !important;
|
|
|
|
/* Autocomplete */
|
|
--autocomplete-popup-background : rgba(${f background}, ${builtins.toString rice.transparency}) !important;
|
|
--autocomplete-popup-color : ${foreground} !important;
|
|
--autocomplete-popup-highlight-background: ${accent.base} !important;
|
|
--autocomplete-popup-highlight-color : ${foreground} !important;
|
|
|
|
/* Toolbar background */
|
|
--toolbar-bgcolor : transparent !important;
|
|
--toolbar-non-lwt-bgcolor : rgba(${f background}, ${builtins.toString rice.transparency}) !important;
|
|
--toolbar-non-lwt-bgimage : none !important;
|
|
--toolbar-color : ${foreground} !important;
|
|
|
|
/* Tabs */
|
|
--tab-selected-bgcolor : ${accent.base} !important;
|
|
--tabs-border-color : ${border} !important;
|
|
--tab-line-color : ${accent.base} !important;
|
|
--tab-loader-size : 16px !important;
|
|
|
|
/* Sidebar */
|
|
--lwt-sidebar-background-color : rgba(${f background}, ${builtins.toString rice.transparency}) !important;
|
|
--lwt-sidebar-text-color : ${foreground} !important;
|
|
--sidebar-background-color : rgba(${f background}, ${builtins.toString rice.transparency}) !important;
|
|
--sidebar-text-color : ${foreground} !important;
|
|
--sidebar-border-color : ${border} !important;
|
|
|
|
/* URL bar */
|
|
--urlbar-popup-url-color : ${foreground} !important;
|
|
--urlbar-popup-action-color : ${secondary.base} !important;
|
|
--toolbar-field-background-color : rgba(${f background}, ${builtins.toString rice.transparency}) !important;
|
|
--toolbar-field-focus-background-color : rgba(${f background}, ${builtins.toString rice.transparency}) !important;
|
|
--toolbar-field-color : ${accent.base} !important;
|
|
--toolbar-field-focus-color : ${foreground} !important;
|
|
--toolbar-field-focus-border-color : ${accent.base} !important;
|
|
|
|
/* Buttons */
|
|
--toolbarbutton-icon-fill : ${foreground} !important;
|
|
--toolbarbutton-hover-background : rgba(${f accent.base}, 0.2) !important;
|
|
--toolbarbutton-active-background : rgba(${f accent.base}, 0.4) !important;
|
|
|
|
/* Notification and panel */
|
|
--panel-disabled-color : rgba(${f foreground},0.3) !important;
|
|
--panel-separator-color : ${border} !important;
|
|
|
|
/* New tab page */
|
|
--newtab-background-color : transparent !important;
|
|
--newtab-background-color-secondary : ${secondary.dark} !important;
|
|
--newtab-text-primary-color : ${foreground} !important;
|
|
--newtab-text-secondary-color : ${secondary.base} !important;
|
|
--newtab-search-icon-color : ${accent.base} !important;
|
|
--newtab-background-card : ${accent.dark} !important;
|
|
--tabpanel-background-color : transparent !important;
|
|
|
|
background : transparent !important;
|
|
}
|
|
body {
|
|
background-color: unset !important;
|
|
background-color: transparent !important;
|
|
background-image: linear-gradient(0deg,rgba(${f accent.dark}, ${builtins.toString rice.transparency}) 0%, rgba(${f secondary.dark}, ${builtins.toString rice.transparency}) 100%) !important;
|
|
background-size: 100% 150% !important;
|
|
background-position: 0% 0% !important;
|
|
will-change: background-position;
|
|
transition: background-position 300ms !important;
|
|
&:-moz-window-inactive {
|
|
background-position: 0% 50% !important;
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
|
|
.tabbrowser-tab[selected="true"], .tab-text[selected=""],
|
|
.tab-close-button[selected=""] {
|
|
color: ${background} !important;
|
|
}
|
|
hbox#browser {
|
|
backround-color: transparent: !important;
|
|
}
|
|
|
|
#appcontent {
|
|
background: transparent !important;
|
|
}
|
|
#navigator-toolbox {
|
|
--tabs-border-color: transparent !important;
|
|
}
|
|
#toolbar-menubar, #TabsToolbar, #PersonalToolbar, #navigator-toolbox, #sidebar-box {
|
|
background-color: transparent !important;
|
|
-moz-appearance: none !important;
|
|
background-image: none !important;
|
|
}
|
|
|
|
window, #nav-bar{
|
|
background-color: transparent !important;
|
|
-moz-appearance: none !important;
|
|
background-image: none !important;
|
|
}
|
|
''
|