Dark theme for docs.oracle.com

style.css

/* 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);
}