+
+.pv, #pv, #history { /* Mute move colors a bit. */
+ color: #555;
+}
+
+.imbalance-inverted-piece {
+ display: none;
+ filter: invert(1);
+}
+
+.imbalance-piece, .imbalance-inverted-piece {
+ width: 15px;
+ height: 15px;
+}
+
+@media (prefers-color-scheme: dark) {
+
+:root {
+ background: black;
+ color: #eee;
+}
+.pv, #pv, #history { /* Mute move colors a bit. */
+ color: #bbb;
+}
+#numviewers {
+ color: #bbb;
+}
+a.move, a.move:link {
+ color: #eee;
+}
+a:link {
+ color: rgb(128,128,238);
+}
+.imbalance-piece {
+ display: none;
+}
+.imbalance-inverted-piece {
+ display: initial;
+}
+
+}