Dark Metanit by httpshotmaker

/* ==UserStyle==
@name         Dark Metanit
@version      20230602.05.23
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://metanit.com") {
:root {
  --main-font-size: 16px;
  --main-font-family: -apple-system, "system-ui", Helvetica, Arial, sans-serif;
  --code-max-height: auto;
  --body-bg-color: #111;
  --container-bg-color: #222;
  --menc-bg-color: #333;
  --body-text-color: #fff;
  --mentA-text-color: #fff;
  --fa-border-color: #ccc;
  --fa-hover-color: #fff;
  --a-text-color: #00bfff;
  --h-text-color: #fff;
  --menu-bg-color: #222;
  --menu-second-bg-color: #333;
  --menu-text-color: #fff;
  --menu-text-shadow-width: 1px;
  --sprite-img: url(https://i.imgur.com/y9hSH86.png);
  --code-font-family: Consolas, 'Courier New', monospace;
  --code-font-size: 14px;
  --codef-bgcolor: #222;
  --code-bgcolor: #333;
  --code-keyword: #00bfff;
  --code-plain: #fff;
  --code-comment: #008000;
  --code-string: #ff4500;
  --tree-selcolor: #00008b;
  --tree-selbgcolor: #666;
  --fa-adjust: "\f186";
  --bottom-color: #fff;
  --socbtn-color: #777;
  --logo-color: #ccc;
  --logo-hover-color: #00bfff;
  --legend-text-color: #ccc;
  --dop-txt-color: #ccc;
  --dop-hover-txt-color: #fff;
  --console-bgcolor: #0c0c0c;
  --console-textcolor: #efefef;
  --contpage-color: #00bfff;
  --content-a-seltxtcolor: #fff;
  --tabhead-bgcolor: #444;
  --tab-bgcolor: #555;
}

body {
  background-color: var(--body-bg-color);
  color: var(--body-text-color);
  font-family: var(--main-font-family);
  font-size: var(--main-font-size);
}

.container {
  background-color: var(--container-bg-color);
}

.menu {
  background-color: var(--menu-bg-color);
  color: var(--menu-text-color);
}

.menu-second {
  background-color: var(--menu-second-bg-color);
}

a {
  color: var(--a-text-color);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--h-text-color);
}

.code {
  background-color: var(--code-bgcolor);
  color: var(--code-plain);
  font-family: var(--code-font-family);
  font-size: var(--code-font-size);
}

.code .keyword {
  color: var(--code-keyword);
}

.code .comment {
  color: var(--code-comment);
}

.code .string {
  color: var(--code-string);
}

.logo {
  color: var(--logo-color);
}

.logo:hover {
  color: var(--logo-hover-color);
}

.console {
  background-color: var(--console-bgcolor);
  color: var(--console-textcolor);
}

/* Дополнительные стили, основанные на стандартной теме */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--a-text-color);
}

.mentA {
  color: var(--mentA-text-color);
}

.fa {
  border-color: var(--fa-border-color);
}

.fa:hover {
  color: var(--fa-hover-color);
}

.tree li.selected {
  color: var(--tree-selcolor);
  background-color: var(--tree-selbgcolor);
}

.fa-adjust:before {
  content: var(--fa-adjust);
}

.bottom {
  color: var(--bottom-color);
}

.socbtn {
  color: var(--socbtn-color);
}

.legend-text {
  color: var(--legend-text-color);
}

.dop-txt {
  color: var(--dop-txt-color);
}

.dop-txt:hover {
  color: var(--dop-hover-txt-color);
}

.contpage {
  color: var(--contpage-color);
}

.content a.selected {
  color: var(--content-a-seltxtcolor);
}

.tabhead {
  background-color: var(--tabhead-bgcolor);
}

.tab {
  background-color: var(--tab-bgcolor);
}

}