Created
December 20, 2020 07:02
-
-
Save tiffany352/c139a7ef7aa90ec9c3fd7707a9da5176 to your computer and use it in GitHub Desktop.
Dark theme for docs.oracle.com
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment