Skip to content

Instantly share code, notes, and snippets.

@tiffany352

tiffany352/style.css

Created December 20, 2020 07:02
Show Gist options
  • Save tiffany352/c139a7ef7aa90ec9c3fd7707a9da5176 to your computer and use it in GitHub Desktop.
Save tiffany352/c139a7ef7aa90ec9c3fd7707a9da5176 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. tiffany352 created this gist Dec 20, 2020.
    119 changes: 119 additions & 0 deletions style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,119 @@
    /* Import Roboto as font for body text */
    @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

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

    font-family: 'Roboto', sans-serif;

    /* Color scheme - for easy adjustments. */
    --text-color: white;
    --text-faded: rgb(221, 221, 221);
    --main-bg: rgb(10, 10, 10);
    --panel-bg: rgb(20, 20, 20);
    --table-1: var(--panel-bg);
    --table-2: rgb(15, 15, 15);
    --border-color: rgb(62, 62, 62);
    --link: rgb(76, 153, 230);
    --link-hover: rgb(76, 107, 135);
    }

    /* Force text into readable column width. I don't understand why
    people think 400 character lines are good for English prose. */
    div.block {
    max-width: 40em;
    }

    /* Be more lenient for tables. */
    .contentContainer {
    max-width: 70em;
    }

    /* One-off: buttons on tables, needed because link color was changed. */
    .memberSummary caption span.tableTab span,
    .packagesSummary caption span.tableTab span,
    .overviewSummary caption span.tableTab span,
    .typeSummary caption span.tableTab span {
    background-color: rgb(11, 29, 47);
    }

    code,
    pre {
    font-family: "Cascadia Mono", "Consolas", "Monaco", monospace;
    font-size: inherit !important;
    }

    /* They set their body text here for some reason, force unset it. */
    div.block {
    font-family: inherit !important;
    font-size: inherit !important;
    }

    /* Same here. Monitors are not 800x600 anymore, fonts do not need to be this small. */
    td.colSecond,
    th.colSecond,
    td.colLast,
    th.colConstructorName,
    th.colDeprecatedItemName,
    th.colLast {
    font-size: inherit !important;
    }

    /* The rest of these rules are for applying the color scheme in various places */
    .subNav,
    .bottomNav,
    .topNav {
    background-color: var(--panel-bg);
    }

    a {
    color: var(--link) !important;
    }

    a:hover {
    color: var(--link-hover) !important;
    }

    dt {
    color: var(--text-color) !important;
    }

    .block {
    color: var(--text-faded);
    }

    ul.blockList ul.blockList li.blockList,
    ul.blockList ul.blockListLast li.blockList,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .title {
    background-color: unset !important;
    }

    .title {
    color: var(--text-color) !important;
    }

    * {
    border-color: var(--border-color) !important;
    }

    .altColor,
    .altColor th {
    background-color: var(--table-2);
    }

    .rowColor,
    .rowColor th {
    background-color: var(--table-1);
    }

    tr:first-of-type > th {
    background-color: var(--table-1);
    }