--

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;
 }

webring.html

@@ -6,7 +6,6 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=0.5">
 <title id="title">Xolatile.Top</title>
-<svg id="dark-reader-svg" style="height: 0px; width: 0px;"><filter id="dark-reader-filter" x="0" y="0" width="99999" height="99999" style="color-interpolation-filters: srgb;"><feColorMatrix type="matrix" values="0.333 -0.667 -0.667 0.000 1.000 -0.667 0.333 -0.667 0.000 1.000 -0.667 -0.667 0.333 0.000 1.000 0.000 0.000 0.000 1.000 0.000"></feColorMatrix></filter><filter id="dark-reader-reverse-filter" x="0" y="0" width="99999" height="99999" style="color-interpolation-filters: srgb;"><feColorMatrix type="matrix" values="0.333 -0.667 -0.667 0.000 1.000 -0.667 0.333 -0.667 0.000 1.000 -0.667 -0.667 0.333 0.000 1.000 0.000 0.000 0.000 1.000 0.000"></feColorMatrix></filter></svg>
 </head>
 <body>
 <center>