diff --git a/style.css b/style.css index e8b2aae..65eedae 100644 --- a/style.css +++ b/style.css @@ -45,75 +45,70 @@ font-size: 0.7em; padding: 1em; } -/* I stole this from darkreader */ -@media screen { - -/* Leading rule */ -html { - -webkit-filter: url(#dark-reader-filter) !important; - filter: url(#dark-reader-filter) !important; +html, +body, +:not([style*="background-color:"]):not(iframe) { + background-color: rgb(16, 20, 23) !important; } - -/* Reverse rule */ -img, -video, -:not(object):not(body)>embed, -object, -svg image, -[style*="background:url"], -[style*="background-image:url"], -[style*="background: url"], -[style*="background-image: url"], -[background], -twitterwidget, -.sr-reader, -.sr-backdrop, -iframe:fullscreen, -[class="opinary-iframe"] { - -webkit-filter: url(#dark-reader-reverse-filter) !important; - filter: url(#dark-reader-reverse-filter) !important; +html, +body, +:not([style*="color:"]), +.sr-reader *:not([class*='sr-pivot']) { + color: rgb(167, 158, 139) !important; } -[style*="background:url"] *, -[style*="background-image:url"] *, -[style*="background: url"] *, -[style*="background-image: url"] *, -input, -[background] *, -img[src^="https://s0.wp.com/latex.php"], -img.Wirisformula, -twitterwidget .NaturalImage-image { - -webkit-filter: none !important; - filter: none !important; +h1:not([style*="color:"]), +h2:not([style*="color:"]), +h3:not([style*="color:"]), +h4:not([style*="color:"]), +h5:not([style*="color:"]), +h6:not([style*="color:"]) { + color: rgb(247, 142, 102) !important; } -.compatibility-with-darkreader-below-4-3-3 { - background: white !important; +cite:not([style*="color:"]) { + color: rgb(128, 204, 148) !important; } - -/* Text contrast */ -html { - text-shadow: 0 0 0 !important; +input:not([style*="background-color:"]), +textarea:not([style*="background-color:"]), +button:not([style*="background-color:"]), +[role="button"] { + background-color: rgb(32, 48, 64) !important; } - -/* Full screen */ -:-webkit-full-screen, :-webkit-full-screen * { - -webkit-filter: none !important; - filter: none !important; +input:not([style*="background-color:"]):hover, +textarea:not([style*="background-color:"]):hover, +button:not([style*="background-color:"]):hover, +[role="button"]:hover { + background-color: rgb(30, 54, 78) !important; } -:-moz-full-screen, :-moz-full-screen * { - -webkit-filter: none !important; - filter: none !important; +input:not([style*="background-color:"]):active, input:not([style*="background-color:"]):focus, +textarea:not([style*="background-color:"]):active, textarea:not([style*="background-color:"]):focus, +button:not([style*="background-color:"]):active, button:not([style*="background-color:"]):focus, +[role="button"]:active, [role="button"]:focus { + background-color: rgb(29, 56, 83) !important; } -:fullscreen, :fullscreen * { - -webkit-filter: none !important; - filter: none !important; +a:not([style*="color:"]) { + color: rgb(128, 182, 204) !important; } - -/* Page background */ -html { - background: rgb(255,255,255) !important; +a:not([style*="color:"]):hover { + color: rgb(142, 193, 217) !important; } - -/* Custom rules */ -.compatibility-with-darkreader-below-4-3-3 { - background: white !important; +a:not([style*="color:"]):active, a:not([style*="color:"]):focus { + color: rgb(155, 203, 230) !important; +} +:not([style*="border-color:"]), +::before, +::after { + border-color: rgb(80, 115, 134) !important; +} +div:empty, +.sr-reader *, +.sr-backdrop { + background-color: rgba(16, 20, 23, 0.5) !important; +} +input::placeholder, +textarea::placeholder { + color: rgba(167, 158, 139, 0.5) !important; +} +input:not([style*="background-image:"]), +textarea:not([style*="background-image:"]) { + background-image: none !important; } diff --git a/webring.html b/webring.html index 8c06723..54a7f6a 100644 --- a/webring.html +++ b/webring.html @@ -6,7 +6,6 @@ Xolatile.Top -