Skip to content

Instantly share code, notes, and snippets.

@chadlavi
Created February 27, 2021 23:58
Show Gist options
  • Save chadlavi/db538f23677383e1bf5be1420bd77b19 to your computer and use it in GitHub Desktop.
Save chadlavi/db538f23677383e1bf5be1420bd77b19 to your computer and use it in GitHub Desktop.
:root {
--link-color: #000099;
--grey-color: #757575;
--light-grey-color: #efefef;
--text-color: black;
--background-color: white;
--navy-color: #072284;
--orange-color: #c75300;
--yellow-color: #f2d037;
--base-font-size: 15px;
--line-height: 1.2;
}
@media (prefers-color-scheme: dark) {
:root {
--link-color: rgb(119, 141, 223);
--text-color: white;
--background-color: black;
--light-grey-color: black;
--navy-color: black;
}
body, .thisis {
color: var(--text-color) !important;
}
body {
background-color: var(--background-color);
color: var(--text-color);
}
textarea {
color: var(--text-color);
background-color: var(--background-color);
border: 1px solid var(--grey-color);
}
input[type="submit"], input[type="button"] {
color: inherit;
background-color: var(--light-grey-color);
border: 1px solid var(--grey-color);
}
.comment-footer, .posted-by-footer a.favorite-link, .fileline:nth-child(2n), .filelist .fileline:nth-child(2n) a:not(:hover), span.optional, .posted-by-footer, .posted-by-footer .date, #loggedin {
color: var(--grey-color) !important;
}
.fileline:nth-child(odd) {
color: var(--text-color) !important;
}
#sitemenu a, div.pilebanner a {
color: var(--orange-color) !important;
}
a {
color: var(--link-color) !important;
}
.pilebanner h2 {
color: var(--link-color) !important;
}
.fileline:hover, .fileline:hover a, a:hover {
background-color: var(--background-color) !important;
color: var(--text-color) !important;
}
.tabnav a.selected {
background: var(--background-color);
border-bottom: 2px solid var(--link-color);
}
.fileline:nth-child(2n+1) a {
color: var(--text-color);
}
.fileline a.newcomments-link, .fileline .newcomments, article .topic-comment-body a, article .topic-body>a, article .commentbody a, span.posted-by-footer>a.newcomments-link {
color: var(--orange-color) !important;
}
a.favorite-link.favd {
background-color: var(--navy-color) !important;
color: var(--yellow-color) !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment