GBATEK dark theme

gbatek-dark.user.css

/* ==UserStyle==
@name           GBATEK Dark
@namespace      exelo.tl
@version        1.0.2
@description    GBATEK dark userstyle based on Water.css
@updateURL      https://gist.githubusercontent.com/exelotl/8bdb37470e16174f668a54be62094cef/raw/gbatek-dark.user.css
@author         exelotl
==/UserStyle== */
@-moz-document url("http://problemkaputt.de/gbatek.htm"),
url("https://problemkaputt.de/gbatek.htm"),
url("http://www.problemkaputt.de/gbatek.htm"),
url("https://www.problemkaputt.de/gbatek.htm"),
url("https://www.akkit.org/info/gbatek.htm") {
  :root {
    --background-body: #202b38;
    --background: #161f27;
    --background-alt: #1a242f;
    --selection: #161f27;
    --text-main: #dbdbdb;
    --text-bright: #ffffff;
    --text-muted: #717880;
    --links: #41adff;
    --focus: #0096bfab;
    --border: #dbdbdb;
    --code: #ffbe85;
    --animation-duration: 0.1s;
    --button-hover: #324759;
    --scrollbar-thumb: var(--button-hover);
    --scrollbar-thumb-hover: rgb(65, 92, 115);
    --form-placeholder: #a9a9a9;
    --form-text: #ffffff;
    --variable: #d941e2;
    --highlight: #efdb43;
  }

  body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    max-width: 1280px;
    margin: 20px auto;
    padding: 0 10px;
    color: var(--text-main);
    background: var(--background-body);
  }

  a {
    text-decoration: none;
    color: var(--links);
  }
  a:hover {
    text-decoration: underline;
  }

  /* Headings */
  tr[bgcolor="#cccccc"] {
    background-color: var(--background);
  }
  tr[bgcolor="#cccccc"] td {
    padding-bottom: 2px;
  }

  /* Code blocks and diagrams */
  td pre {
    /*     color: var(--code); */
    background-color: var(--background);
    padding: 6px 14px 6px 0;
    margin-top: 5px;
  }
}