Better imbalance pieces in dark mode.

[remoteglot] / www / css / remoteglot.css

diff --git a/www/css/remoteglot.css b/www/css/remoteglot.css
index 42bf1b9c0b88105721aabbd73127978d9813bb1d..672e583d7032d80049b90cad9d112f923cb387f6 100644 (file)
--- a/www/css/remoteglot.css
+++ b/www/css/remoteglot.css
@@ -203,6 +203,11 @@ a.move:hover {
        color: #555;
 }
 
+.imbalance-inverted-piece {
+       display: none;
+       filter: invert(1);
+}
+
 @media (prefers-color-scheme: dark) {
 
 :root {
@@ -221,5 +226,9 @@ a.move, a.move:link {
 a:link {
        color: rgb(128,128,238);
 }
-
+.imbalance-piece {
+       display: none;
+}
+.imbalance-inverted-piece {
+       display: initial;
 }