:root { --color-scheme-background: #201c23; --color-scheme-background-other: grey; --color-scheme-text-color: white; --color-scheme-blockquote-background: #383838; --color-scheme-blockquote-border: snow; --color-scheme-link-color: #00b1ed; } @media (prefers-color-scheme:light) { :root { --color-scheme-background: whitesmoke; --color-scheme-background-other: white; --color-scheme-text-color: black; --color-scheme-blockquote-background: white; --color-scheme-blockquote-border: lightgrey; --color-scheme-link-color: #007dfa; } }@media (prefers-color-scheme:dark) { :root { --color-scheme-background: #201c23; --color-scheme-background-other: grey; --color-scheme-text-color: white; --color-scheme-blockquote-background: #383838; --color-scheme-blockquote-border: snow; --color-scheme-link-color: #00b1ed; } }body { font-family: MonoRale, sans-serif; background: var(--color-scheme-background); color: var(--color-scheme-text-color); word-wrap: break-word; } body::before { background: var(--color-scheme-background); } .bg-primary { background-color: var(--color-scheme-background)!important; background-image: none; } .nav-link { color: var(--color-scheme-text-color); } a { color: var(--color-scheme-text-color); text-decoration: underline; } .navbar-dark .navbar-brand { text-decoration: none; color: var(--color-scheme-text-color); } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: var(--color-scheme-text-color); } .navbar-dark .navbar-nav .nav-link { text-decoration: none; color: var(--color-scheme-text-color); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: var(--color-scheme-text-color); } .nav a { text-decoration: none; } h1, h2, h3 { color: var(--color-scheme-text-color); } h2 { margin-top: 1em; margin-bottom: .75em; } h3 { margin-top: .5em; margin-bottom: .5em; } .col-md-9 img { background-color: var(--color-scheme-background); border: none; } footer { font-size: .85em; background: var(--color-scheme-background); } footer ul { list-style-type: none; } li { margin-bottom: 1rem; } blockquote { background-color: var(--color-scheme-blockquote-background); border-color: var(--color-scheme-blockquote-border); padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; text-align: left; box-sizing: border-box; } .navbar-nav { padding-top: 1rem; } a { color: var(--color-scheme-link-color); text-decoration: underline; } table { border-collapse: collapse; } th, td { border:.5px solid; padding: 5px; }