yarnpkg.com search dark by forivall

/* ==UserStyle==
@name           yarnpkg.com search dark
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Dark theme for yarnpkg's search
@author         Emily Klassen
==/UserStyle== */

@-moz-document url-prefix("https://yarnpkg.com/search"), url-prefix("https://yarnpkg.com/package") {

.navbar__logo {
  filter: invert(100%) invert(15%) sepia(39%) saturate(2287%) hue-rotate(222deg) brightness(392%) contrast(94%);
}

:root {
  --ifm-color-scheme: dark;

  --ifm-background-color: #1b1b1d;
  --ifm-background-surface-color: #242526;

  --ifm-hover-overlay: rgba(255, 255, 255, 0.05);

  --ifm-color-content: #e3e3e3;
  --ifm-color-content-secondary: rgba(255, 255, 255, 1);

  --ifm-breadcrumb-separator-filter: invert(64%) sepia(11%) saturate(0%)
    hue-rotate(149deg) brightness(99%) contrast(95%);

  --ifm-code-background: rgba(255, 255, 255, 0.1);

  --ifm-scrollbar-track-background-color: #444444;
  --ifm-scrollbar-thumb-background-color: #686868;
  --ifm-scrollbar-thumb-hover-background-color: #7a7a7a;

  --ifm-table-stripe-background: rgba(255, 255, 255, 0.07);

  --ifm-toc-border-color: var(--ifm-color-emphasis-200);
  --ifm-color-primary: #25c2a0;
  --ifm-color-primary-dark: #21af90;
  --ifm-color-primary-darker: #1fa588;
  --ifm-color-primary-darkest: #1a8870;
  --ifm-color-primary-light: #29d5b0;
  --ifm-color-primary-lighter: #32d8b4;
  --ifm-color-primary-lightest: #4fddbf;
  
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);

    --ifm-color-primary-contrast-background: rgb(16, 36, 69);
    --ifm-color-primary-contrast-foreground: rgb(235, 242, 252);
    --ifm-color-secondary-contrast-background: rgb(71, 71, 72);
    --ifm-color-secondary-contrast-foreground: rgb(253, 253, 254);
    --ifm-color-success-contrast-background: rgb(0, 49, 0);
    --ifm-color-success-contrast-foreground: rgb(230, 246, 230);
    --ifm-color-info-contrast-background: rgb(25, 60, 71);
    --ifm-color-info-contrast-foreground: rgb(238, 249, 253);
    --ifm-color-warning-contrast-background: rgb(77, 56, 0);
    --ifm-color-warning-contrast-foreground: rgb(255, 248, 230);
    --ifm-color-danger-contrast-background: rgb(75, 17, 19);
    --ifm-color-danger-contrast-foreground: rgb(255, 235, 236);
    
      --ifm-color-gray-1000: var(--ifm-color-white);
  --ifm-color-gray-900: #f5f6f7;
  --ifm-color-gray-800: #ebedf0;
  --ifm-color-gray-700: #dadde1;
  --ifm-color-gray-600: #ccd0d5;
  --ifm-color-gray-500: #bec3c9;
  --ifm-color-gray-400: #8d949e;
  --ifm-color-gray-300: #606770;
  --ifm-color-gray-200: #444950;
  --ifm-color-gray-100: #1c1e21;
  --ifm-color-gray-0: var(--ifm-color-black);
}

[class*="sponsors_"] {
  background-color: #000;
}
[class*="resultAside_"] {
  background-color: hsl(214, 23%, 14%);
}
[class*="resultMain_"] {
  background-color: #000;
}
[class*="tool_"] {
    background: hsl(218, 22%, 20%);
    color: #fff !important;
}
[class*="docRoot_"] {
  background: black;
}
.reportReadme_pFO4 {
    border-color: hsl(210, 18%, 24%);
    background: hsl(0, 0%, 12%);
}
.reportMain_vpiu {
    border-color: hsl(210, 18%, 24%);
}
[id^="react-select-"][id$="-live-region"] ~ [class*="-menu"] {
  background-color: black;
}
[id^="react-select-"][id$="-live-region"] [id^="react-select-"][id*="-option-"]:hover {
  border-color: hsl(210, 18%, 24%);
}
}