Improved paper-like boards, added missing move indicator colors

src/board/styles-board/pic/lines_alabaster.ts

@@ -22,7 +22,7 @@ const style: Style = {
   },
   moveIndicator: {
     hueShift: 0,
-    color: "#55ff0022",
+    color: "#55ff0033",
   },
   border: {
     type: "solid",

src/board/styles-board/pic/lines_cardboard.ts

@@ -22,7 +22,7 @@ const style: Style = {
   },
   moveIndicator: {
     hueShift: 0,
-    color: "#55ff0022",
+    color: "#1c67c933",
   },
   border: {
     type: "image",
@@ -32,8 +32,8 @@ const style: Style = {
   },
   coords: {
     onLight: "#0000007f",
-    onDark: "#000000bb",
-    onBorder: "#000000bb",
+    onDark: "#00000099",
+    onBorder: "#00000099",
   },
   ico: "/textures/cardboard_ico.png",
 };

src/board/styles-board/pic/lines_paper.ts

@@ -22,7 +22,7 @@ const style: Style = {
   },
   moveIndicator: {
     hueShift: 0,
-    color: "#55ff0022",
+    color: "#1c67c933",
   },
   border: {
     type: "image",
@@ -32,8 +32,8 @@ const style: Style = {
   },
   coords: {
     onLight: "#0000007f",
-    onDark: "#000000bb",
-    onBorder: "#000000bb",
+    onDark: "#00000099",
+    onBorder: "#00000099",
   },
   ico: "/textures/paper_ico.png",
 };

src/board/styles-board/pic/lines_parchment.ts

@@ -22,7 +22,7 @@ const style: Style = {
   },
   moveIndicator: {
     hueShift: 0,
-    color: "#55ff0022",
+    color: "#55ff0033",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/avocado.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 70,
-    color: "#",
+    hueShift: 0,
+    color: "#0099ff55",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/leko.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: -90,
-    color: "#",
+    hueShift: 0,
+    color: "#40bf4044",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/lila.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: -120,
-    color: "#",
+    hueShift: 0,
+    color: "#40bf4044",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/mono_blue.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: -30,
-    color: "#",
+    hueShift: 0,
+    color: "#ff00bb33",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/mono_chico.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: -30,
-    color: "#",
+    hueShift: 0,
+    color: "#33ff0033",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/mono_goblin.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 40,
-    color: "#",
+    hueShift: 0,
+    color: "#0077ff33",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/mono_heliotrope.ts

@@ -27,8 +27,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 30,
-    color: "#",
+    hueShift: 0,
+    color: "#009dff33",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/mono_mahogany.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 30,
-    color: "#",
+    hueShift: 0,
+    color: "#7b00ff33",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/mono_mojo.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 30,
-    color: "#",
+    hueShift: 0,
+    color: "#ff00d433",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/mono_mulberry.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: -30,
-    color: "#",
+    hueShift: 0,
+    color: "#ff910044",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/mono_sycamore.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 60,
-    color: "#",
+    hueShift: 0,
+    color: "#00aaff44",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/mono_teal.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: -30,
-    color: "#",
+    hueShift: 0,
+    color: "#aaff0033",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/mud.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 60,
-    color: "#",
+    hueShift: 0,
+    color: "#9940bf33",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/patina.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 90,
-    color: "#",
+    hueShift: 0,
+    color: "#bd4b2b2a",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/peach.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 30,
-    color: "#",
+    hueShift: 0,
+    color: "#ff00d044",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/rose.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: -30,
-    color: "#",
+    hueShift: 0,
+    color: "#ffbf0044",
   },
   border: {
     type: "solid",

src/board/styles-board/solid/violet.ts

@@ -21,8 +21,8 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: -60,
-    color: "#",
+    hueShift: 0,
+    color: "#ff000044",
   },
   border: {
     type: "solid",

src/types.ts

@@ -49,7 +49,7 @@ export type Coords = {
 export type SquareStyle = Gradient | Solid | Image;
 
 export type MoveIndicator = {
-  hueShift: number;
+  hueShift: 0;
   color: string;
 };