If anyone was looking for a decent dark style for the board I wrote this in my xstyle addon for firefox (note I have trimmed out other domains that were in it):
Code:
@-moz-document regexp(".*")
{
:root
{
--my-info-lit1: #444;
--my-info-lit0: #333;
--my-info-dim1: #111;
--my-info-dim0: #000;
--my-link-lit1: #770;
--my-link-lit0: #550;
--my-link-dim1: #37f;
--my-link-dim0: #35f;
}
}
@-moz-document regexp("https?(?!.*(llyods)).*")
{
:root, html, body
{
background-color: var(--my-info-dim0) !important;
color: var(--my-info-lit0) !important
}
input, select, option, textarea
{
background-color: var(--my-info-dim1) !important;
color: var(--my-info-lit1) !important
}
:link, :link *
{
color: var(--my-link-dim0) !important;
border-color: var(--my-link-dim0) !important
}
:visited, :visited *
{
color: var(--my-link-lit0) !important;
border-color: var(--my-link-lit0) !important
}
:link:hover, :link:hover *
{
color: var(--my-link-dim1) !important;
border-color: var(--my-link-dim1) !important
}
:visited:hover, :visited:hover *
{
color: var(--my-link-lit1) !important;
border-color: var(--my-link-lit1) !important
}
:is(.btn, .button, button, input[type="button"], input[type="submit"]),
:is(.btn, .button, button, input[type="button"], input[type="submit"]) *
{
background-color: var(--my-link-dim0) !important;
color: var(--my-link-lit0) !important;
border-color: var(--my-link-lit0) !important
}
:is(.btn, .button, button, input[type="button"], input[type="submit"]):hover,
:is(.btn, .button, button, input[type="button"], input[type="submit"]):hover *
{
background-color: var(--my-link-dim1) !important;
color: var(--my-link-lit1) !important;
border-color: var(--my-link-lit1) !important
}
}
@-moz-document url-prefix("moz-extension://2883fe0a-523a-4a37-9caf-559e29f572b6")
{
:root, .codemirror-colorview { filter: invert() }
}
@-moz-document domain(cboard.cprogramming.com)
{
body > :is(.above_body, .body_wrapper),
body > :is(.above_body, .body_wrapper) :is( :link, img )
{
filter: invert()
}
body > :is(.above_body, .body_wrapper) :link img
{
filter: none
}
.navtab,
.navtab *
{
background-color: var(--my-link-dim0) !important;
color: var(--my-link-lit0) !important;
border-color: var(--my-link-lit0) !important
}
.navtab:hover,
.navtab:hover *
{
background-color: var(--my-link-dim1) !important;
color: var(--my-link-lit1) !important;
border-color: var(--my-link-lit1) !important
}
}
It's not perfect but it's close enough that most things look fine