Dark Drafts for C++ by eracpp

/* ==UserStyle==
@name           Dark Drafts for C++
@description    A dark theme for sites hosting HTML versions of the C++ standard.
@namespace      eracpp
@author         eracpp
@version        2024.11.14
@license        CC0-1.0
==/UserStyle== */
/**
*** CHANGELOG
***
*** 2024-11-14:
***  - Republished on userstyles.world (archived as https://uso.kkx.one/style/141878).
***
*** NOTES
***
*** Colors are converted using https://www.w3schools.com/colors/colors_picker.asp:
***   Original Color -> Round brightness by 5% -> 100% - Brightness -> New Color
**/
@-moz-document regexp(".*://eel\\.is/c\\+\\+draft/.*"),
regexp(".*://timsong-cpp\\.github\\.io/cppwp/.*") {

  /***************************
  *** Links and References ***
  ***************************/
  a:link {
    color: cyan;
  }

  a:visited {
    color: teal;
  }

  a:hover {
    text-decoration: underline;
  }

  /**************************
  *** Text and Background ***
  **************************/
  body {
    color: ghostwhite;
    border-left-color: ghostwhite;
    border-right-color: ghostwhite;
    background-color: black;
  }

  text,
  span {
    color: ghostwhite;
  }

  /**************************
  *** Syntax Highlighting ***
  **************************/
  span.comment {
    /* #008000 */
    color: #80ff80;
  }
  span.keyword {
    /* #00607c */
    color: #80e1ff;
  }
  span.parenthesis {
    /* #af1915 */
    color: #ea4e48;
  }
  span.curlybracket {
    /* #af1915 */
    color: #ea4e48;
  }
  span.squarebracket {
    /* #af1915 */
    color: #ea4e48;
  }
  span.literal {
    /* #9F6807 */
    color: #f8bc54;
  }
  span.operator {
    /* #570057 */
    color: #ff99ff;
  }
  span.anglebracket {
    /* #570057 */
    color: #ff99ff;
  }
  span.preprocessordirective {
    /* #6F4E37 */
    color: #c4a187;
  }

  /*************************
  *** Figures and Graphs ***
  *************************/
  g,
  g > text {
    fill: ghostwhite;
  }

  g > ellipse,
  g > path {
    fill: none;
    stroke: ghostwhite;
  }

  g > polygon {
    fill: ghostwhite;
    stroke: ghostwhite;
  }

  /*************
  *** Tables ***
  *************/
  table {
    border: 1px solid ghostwhite;
  }

  td.border {
    border-left: 1px solid ghostwhite;
  }

  td.cline {
    border-top: 1px solid ghostwhite;
  }

  tr.capsep {
    border-top: 3px solid ghostwhite;
    border-top-style: double;
  }

  tr.rowsep {
    border-top: 1px solid ghostwhite;
  }

  /*************************
  *** Section Highlights ***
  *************************/
  :target,
  :target .codeblock,
  :target ul {
    background-color: #1a1a1a;
  }
}