librewolf/chrome/userContent.css

   1 @-moz-document url-prefix(about:newtab) {
   2   :root {
   3     --sm-panel-bg-filter: blur(25px);
   4     --sm-panel-bg-color-rgb: 25, 23, 20;
   5     --sm-panel-bg-color-alpha: 0.8;
   6     --sm-panel-bg-color: rgb(var(--sm-panel-bg-color-rgb), var(--sm-panel-bg-color-alpha));
   7   }
   8   :root[lwt-newtab-brighttext] {
   9     --sm-panel-bg-color-rgb: 230, 225, 220;
  10   }
  11
  12   .non-collapsible-section, .discovery-stream.ds-layout {
  13     background-color: var(--sm-panel-bg-color);
  14     backdrop-filter: blur(25px);
  15     border-radius: 4px;
  16     margin: 10px auto !important;
  17   }
  18
  19   .search-wrapper {
  20     padding: 30px 0 30px 0 !important;
  21   }
  22
  23   .collapsible-section.top-sites {
  24     margin-bottom: 0 !important;
  25   }
  26   .collapsible-section[data-section-id="topsites"] .section-top-bar {
  27     display: unset !important;
  28   }
  29   .collapsible-section[data-section-id="topsites"] .section-top-bar .section-title-container {
  30     visibility: unset !important;
  31   }
  32
  33   body {
  34     /* XXX: CSS import doesn't work due to CSP. this is against ToS. */
  35     background-image: url("https://sev.monster/_unsplash_image.jpg");
  36     background-position: center;
  37     background-size: cover;
  38     background-attachment: fixed;
  39   }
  40
  41   .logo-and-wordmark {
  42     display: none !important;
  43   }
  44   .search-wrapper .search-inner-wrapper {
  45     width: unset !important;
  46   }
  47 }