librewolf: add userContent for new tab page

[dotfiles.git] / librewolf / chrome / userContent.css

@-moz-document url-prefix(about:newtab) {
  :root {
    --sm-background-color: rgb(255, 255, 255, 0.8);
  }
  :root[lwt-newtab-brighttext] {
    --sm-background-color: rgb(23, 23, 23, 0.8);
  }

  .non-collapsible-section, .discovery-stream.ds-layout {
    background-color: var(--sm-background-color);
    backdrop-filter: blur(25px);
    border-radius: 4px;
    margin: 10px auto !important;
  }

  .collapsible-section.top-sites {
    margin-bottom: 0 !important;
  }
  .collapsible-section[data-section-id="topsites"] .section-top-bar {
    display: unset !important;
  }
  .collapsible-section[data-section-id="topsites"] .section-top-bar .section-title-container {
    visibility: unset !important;
  }

  body {
    /* XXX: CSS import doesn't work due to CSP. this is against ToS. */
    background-image: url("https://sev.monster/_unsplash_image.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
  }

  .logo-and-wordmark {
    display: none !important;
  }
  .search-wrapper .search-inner-wrapper {
    width: unset !important;
  }
}