diff --git a/home-modules/firefox.nix b/home-modules/firefox.nix index a23be5a..04f91a7 100644 --- a/home-modules/firefox.nix +++ b/home-modules/firefox.nix @@ -5,7 +5,7 @@ ".mozilla/firefox/${user}/chrome/userChrome.css".text = /* css */ '' :root{ /* Popup panels */ - --arrowpanel-background : ${background} !important; + --arrowpanel-background : rgba(${rice.lib.hex-to-rgb-comma-string background}, ${builtins.toString rice.transparency}) !important; --arrowpanel-border-color : ${border} !important; --arrowpanel-color : ${secondary.base} !important; --arrowpanel-dimmed : rgba(${rice.lib.hex-to-rgb-comma-string background},0.4) !important; @@ -13,14 +13,14 @@ --arrowpanel-dimmed-even-further : rgba(${rice.lib.hex-to-rgb-comma-string background},0.8) !important; /* Autocomplete */ - --autocomplete-popup-background : ${background} !important; + --autocomplete-popup-background : rgba(${rice.lib.hex-to-rgb-comma-string 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 : rgba(${rice.lib.hex-to-rgb-comma-string background},0.4) !important; - --toolbar-non-lwt-bgcolor : ${background} !important; + --toolbar-non-lwt-bgcolor : rgba(${rice.lib.hex-to-rgb-comma-string background}, ${builtins.toString rice.transparency}) !important; --toolbar-non-lwt-bgimage : none !important; --toolbar-color : ${foreground} !important; @@ -31,17 +31,17 @@ --tab-loader-size : 16px !important; /* Sidebar */ - --lwt-sidebar-background-color : ${background} !important; + --lwt-sidebar-background-color : rgba(${rice.lib.hex-to-rgb-comma-string background}, ${builtins.toString rice.transparency}) !important; --lwt-sidebar-text-color : ${foreground} !important; - --sidebar-background-color : ${background} !important; + --sidebar-background-color : rgba(${rice.lib.hex-to-rgb-comma-string 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 : ${background} !important; - --toolbar-field-focus-background-color : ${background} !important; + --toolbar-field-background-color : rgba(${rice.lib.hex-to-rgb-comma-string background}, ${builtins.toString rice.transparency}) !important; + --toolbar-field-focus-background-color : rgba(${rice.lib.hex-to-rgb-comma-string 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; @@ -63,7 +63,7 @@ --newtab-search-icon-color : ${accent.base} !important; --tabpanel-background-color : transparent !important; - background : transparent !important; + background : rgba(${rice.lib.hex-to-rgb-comma-string background}, ${builtins.toString rice.transparency}) !important; } .tabbrowser-tab[selected="true"] { color: ${background} !important; @@ -73,7 +73,18 @@ background: transparent !important; } #navigator-toolbox { - --tabs-border-color: none !important; + --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; } '';