[WIP] add theme and non theme colors row

may fix lichess-org#13
ryg-git · Apr 13, 2024 · 0403fcb · 0403fcb
1 parent f2d857f
commit 0403fcb
Show file tree

Hide file tree

Showing 36 changed files with 73 additions and 8 deletions.
diff --git a/theme/ch.py b/theme/ch.py
@@ -10,6 +10,15 @@
 
 ms = importlib.import_module("make-sprites")
 
+NONTHEME_COLORS = [
+    "#262421",  # dark background
+    "#bababa",  # text color
+    "#bf811d",  # title color
+    "#b72fc6",  # bot color
+    "#706f6e",  # 50% text color on dark background
+]
+
+COLOR_WIDTH = SQUARE_SIZE * 2 // 3
 
 def make_ch_sprite(piece_set_name: str):
     svg = ET.Element(
@@ -18,7 +27,7 @@ def make_ch_sprite(piece_set_name: str):
             "xmlns": "http://www.w3.org/2000/svg",
             "version": "1.1",
             "xmlns:xlink": "http://www.w3.org/1999/xlink",
-            "viewBox": f"0 0 {SQUARE_SIZE * 8} {SQUARE_SIZE * 8}",
+            "viewBox": f"0 0 {SQUARE_SIZE * 8} {SQUARE_SIZE * 9}",
         },
     )
 
@@ -27,7 +36,37 @@ def make_ch_sprite(piece_set_name: str):
     for g in ms.make_piece_set(piece_set_name):
         defs.append(ET.fromstring(g))
 
-    for y in range(5):
+
+    for x, color in enumerate(NONTHEME_COLORS):
+        ET.SubElement(
+            svg,
+            "rect",
+            {
+                "x": str(SQUARE_SIZE * 4 + COLOR_WIDTH * x),
+                "y": "0",
+                "width": str(COLOR_WIDTH),
+                "height": str(SQUARE_SIZE),
+                "stroke": "none",
+                "fill": color,
+            },
+        )
+
+
+    ET.SubElement(
+        svg,
+        "rect",
+        {
+            "x": "0",
+            "y": "0",
+            "width": str(SQUARE_SIZE * 4),
+            "height": str(SQUARE_SIZE),
+            "stroke": "none",
+            "fill": "#888888",
+        },
+    )
+
+
+    for y in range(2, 6):
         for x in range(8):
             ET.SubElement(
                 svg,
@@ -69,7 +108,7 @@ def make_ch_sprite(piece_set_name: str):
                     svg,
                     "image",
                     {
-                        "xlink:href": f"ch-numbers/ch{y}.png",
+                        "xlink:href": f"ch-numbers/ch{y - 1}.png",
                         "transform": f"translate({SQUARE_SIZE * (x + 0.60)}, {SQUARE_SIZE * (y + 0.60)})",
                         "width": "15",
                         "height": "15"
@@ -82,7 +121,33 @@ def make_ch_sprite(piece_set_name: str):
             "rect",
             {
                 "x": str(SQUARE_SIZE * x),
-                "y": str(SQUARE_SIZE * 5),
+                "y": str(SQUARE_SIZE),
+                "width": str(SQUARE_SIZE),
+                "height": str(SQUARE_SIZE),
+                "stroke": "none",
+                "fill": "#888888",
+            },
+        )
+
+        color = "w" if x >= 4 else "b"
+
+        ET.SubElement(
+            svg,
+            "use",
+            {
+                "xlink:href": f"#{color}{ms.PIECE_TYPES[1 + x % 4]}",
+                "transform": f"translate({SQUARE_SIZE * x}, {SQUARE_SIZE})",
+                "opacity": "0.1",
+            },
+        )
+
+    for x in range(8):
+        ET.SubElement(
+            svg,
+            "rect",
+            {
+                "x": str(SQUARE_SIZE * x),
+                "y": str(SQUARE_SIZE * 6),
                 "width": str(SQUARE_SIZE),
                 "height": str(SQUARE_SIZE),
                 "stroke": "none",
@@ -97,12 +162,12 @@ def make_ch_sprite(piece_set_name: str):
             "use",
             {
                 "xlink:href": f"#{color}{ms.PIECE_TYPES[0]}",
-                "transform": f"translate({SQUARE_SIZE * x}, {SQUARE_SIZE * 5})",
+                "transform": f"translate({SQUARE_SIZE * x}, {SQUARE_SIZE * 6})",
                 "opacity": "0.1",
             },
         )
 
-    for y in range(6, 8):
+    for y in range(7, 9):
         for x in range(8):
             ET.SubElement(
                 svg,
@@ -117,7 +182,7 @@ def make_ch_sprite(piece_set_name: str):
                 },
             )
 
-            color = "w" if y == 7 else "b"
+            color = "w" if y == 8 else "b"
 
             ET.SubElement(
                 svg,

diff --git a/theme/make-sprites.py b/theme/make-sprites.py
@@ -141,7 +141,7 @@ def make_sprite(theme_name: str, piece_set_name: str):
             "xmlns": "http://www.w3.org/2000/svg",
             "version": "1.1",
             "xmlns:xlink": "http://www.w3.org/1999/xlink",
-            "viewBox": f"0 0 {SQUARE_SIZE * 8} {SQUARE_SIZE * 9}",
+            "viewBox": f"0 0 {SQUARE_SIZE * 8} {SQUARE_SIZE * 8}",
         },
     )
 

diff --git a/theme/sprites/crazyhouse-alpha.gif b/theme/sprites/crazyhouse-alpha.gif
diff --git a/theme/sprites/crazyhouse-anarcandy.gif b/theme/sprites/crazyhouse-anarcandy.gif
diff --git a/theme/sprites/crazyhouse-caliente.gif b/theme/sprites/crazyhouse-caliente.gif
diff --git a/theme/sprites/crazyhouse-california.gif b/theme/sprites/crazyhouse-california.gif
diff --git a/theme/sprites/crazyhouse-cardinal.gif b/theme/sprites/crazyhouse-cardinal.gif
diff --git a/theme/sprites/crazyhouse-cburnett.gif b/theme/sprites/crazyhouse-cburnett.gif
diff --git a/theme/sprites/crazyhouse-celtic.gif b/theme/sprites/crazyhouse-celtic.gif
diff --git a/theme/sprites/crazyhouse-chess7.gif b/theme/sprites/crazyhouse-chess7.gif
diff --git a/theme/sprites/crazyhouse-chessnut.gif b/theme/sprites/crazyhouse-chessnut.gif
diff --git a/theme/sprites/crazyhouse-companion.gif b/theme/sprites/crazyhouse-companion.gif
diff --git a/theme/sprites/crazyhouse-disguised.gif b/theme/sprites/crazyhouse-disguised.gif
diff --git a/theme/sprites/crazyhouse-dubrovny.gif b/theme/sprites/crazyhouse-dubrovny.gif
diff --git a/theme/sprites/crazyhouse-fantasy.gif b/theme/sprites/crazyhouse-fantasy.gif
diff --git a/theme/sprites/crazyhouse-fresca.gif b/theme/sprites/crazyhouse-fresca.gif
diff --git a/theme/sprites/crazyhouse-gioco.gif b/theme/sprites/crazyhouse-gioco.gif
diff --git a/theme/sprites/crazyhouse-governor.gif b/theme/sprites/crazyhouse-governor.gif
diff --git a/theme/sprites/crazyhouse-horsey.gif b/theme/sprites/crazyhouse-horsey.gif
diff --git a/theme/sprites/crazyhouse-icpieces.gif b/theme/sprites/crazyhouse-icpieces.gif
diff --git a/theme/sprites/crazyhouse-kiwen-suwi.gif b/theme/sprites/crazyhouse-kiwen-suwi.gif
diff --git a/theme/sprites/crazyhouse-kosal.gif b/theme/sprites/crazyhouse-kosal.gif
diff --git a/theme/sprites/crazyhouse-leipzig.gif b/theme/sprites/crazyhouse-leipzig.gif
diff --git a/theme/sprites/crazyhouse-letter.gif b/theme/sprites/crazyhouse-letter.gif
diff --git a/theme/sprites/crazyhouse-libra.gif b/theme/sprites/crazyhouse-libra.gif
diff --git a/theme/sprites/crazyhouse-maestro.gif b/theme/sprites/crazyhouse-maestro.gif
diff --git a/theme/sprites/crazyhouse-merida.gif b/theme/sprites/crazyhouse-merida.gif
diff --git a/theme/sprites/crazyhouse-mpchess.gif b/theme/sprites/crazyhouse-mpchess.gif
diff --git a/theme/sprites/crazyhouse-pirouetti.gif b/theme/sprites/crazyhouse-pirouetti.gif
diff --git a/theme/sprites/crazyhouse-pixel.gif b/theme/sprites/crazyhouse-pixel.gif
diff --git a/theme/sprites/crazyhouse-reillycraig.gif b/theme/sprites/crazyhouse-reillycraig.gif
diff --git a/theme/sprites/crazyhouse-riohacha.gif b/theme/sprites/crazyhouse-riohacha.gif
diff --git a/theme/sprites/crazyhouse-shapes.gif b/theme/sprites/crazyhouse-shapes.gif
diff --git a/theme/sprites/crazyhouse-spatial.gif b/theme/sprites/crazyhouse-spatial.gif
diff --git a/theme/sprites/crazyhouse-staunty.gif b/theme/sprites/crazyhouse-staunty.gif
diff --git a/theme/sprites/crazyhouse-tatiana.gif b/theme/sprites/crazyhouse-tatiana.gif