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                               : linear-gradient(180deg,rgba(${f secondary.dark}, ${builtins.toString rice.transparency}) 0%, rgba(${f accent.dark}, ${builtins.toString rice.transparency}) 100%) !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;
  } 
''