/* ==UserStyle==
@name           npm Docs Dark
@namespace      github.com/aruncveli/userstyles
@version 25.7.16
@description    Dark theme for npm Docs
@author         Arun Chandanaveli <aruncveli@gmail.com> (https://github.com/aruncveli)
@homepageURL    https://github.com/aruncveli/userstyles
@supportURL     https://github.com/aruncveli/userstyles/issues
@updateURL      https://raw.githubusercontent.com/aruncveli/userstyles/refs/heads/main/sites/npm-docs/npm-docs.user.css
@license        MIT
@preprocessor   default
@var color fg "Foreground" white
@var color bg "Background" black
@var color bg1 "Background lightened 1" #111
@var color bg2 "Background lightened 2" #222
@var color link-color "Link" #ff453a
==/UserStyle== */
@-moz-document url-prefix("https://docs.npmjs.com") {
  :root {
    color-scheme: dark;
    --fgColor-accent: var(--link-color);
    --fgColor-default: var(--fg);
    --fgColor-muted: var(--fg);
    --bgColor-default: var(--bg);
    --bgColor-accent-muted: var(--bg1);
    --bgColor-neutral-muted: var(--bg1);
    --control-transparent-bgColor-hover: var(--bg1);
    --control-transparent-bgColor-active: var(--bg2);
    --control-transparent-bgColor-selected: var(--bg2);
    --borderColor-default: var(--bg);
    --button-default-borderColor-active: var(--bg);
    --button-default-borderColor-hover: var(--bg);
    --button-default-borderColor-rest: var(--bg);
    --button-default-bgColor-rest: var(--bg1);
    --button-default-bgColor-hover: var(--bg2);
    --button-default-bgColor-active: var(--bg2);
    --button-default-fgColor-rest: var(--fg);
    --overlay-bgColor: var(--bg1);
    --borderColor-muted: var(--bg1);
  }
  .bRtvlF /* Code blocks */ {
    color: var(--fg) !important;
    background-color: var(--bg1) !important;
  }
  .token-line {
    color: var(--fg) !important;
    .operator {
      color: var(--fg) !important;
    }
  }
  .token.punctuation {
    color: var(--fg) !important;
  }
}