KanjiDamage Dark by juniormint

/* ==UserStyle==
@name         KanjiDamage Dark
@namespace    juniormint
@author       Junior Mint
@description  This is a dark theme for https://www.kanjidamage.com/
@version      0.0.1
@license      CC-BY-SA-4.0
==/UserStyle== */
@-moz-document domain("kanjidamage.com") {
  :root {
    color-scheme: dark;
  }

  body {
    color: #ddd;
    background-color: #000;
  }

  .component {
    color: #fa4017;
  }

  .particles {
    color: #00bbcc;
  }

  .onyomi {
    color: #f0a011;
  }

  .translation {
    color: #15cc44;
  }

  .label {
    background-color: #118822;
  }

  .table {
    color: #dce3e7;
  }

  .usefulness-stars {
    color: #ffff00;
  }

  .style6 {
    color: #ff00aa;
  }

  .style18 {
    color: #aa44ff;
  }

  img[src="images/top.jpg"],
  img[src^="/assets/visualaids/kick-in-the-nuts"],
  img[src^="/assets/visualaids/blacksabbath-copy"],
  img[src="/visualaids/kanjimachine-copy.jpg"],
  img[src^="/assets/visualaids/b7ARROWSnarrow"],
  img[src^="/assets/radsmall/"], img[src^="/assets/radREALLYsmall/"] {
    filter: invert(1) hue-rotate(180deg);
  }

  a {
    color: #00bbff;
  }

  a:hover {
    color: #00dbff;
  }

  /* doesn't seem to affect anything */
  .dropdown-menu {
    color: #dce3e7;
    background-color: #000;
  }

  .dropdown-item {
    color: #fff;
  }

  .dropdown-menu a {
    background-color: #000;
  }

  /* for hover too, but only affects focus */
  .dropdown-item:focus {
    color: #e9e7e4;
    background-color: #070605;
  }
}