WIP

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

@@ -12,7 +12,7 @@ const style: Style = {
   dark: {
     type: "solid",
     data: {
-      color: "#72b339",
+      color: "#72a843",
     },
   },
   light: {

src/board/styles-board/gradient/calm.ts

@@ -24,7 +24,7 @@ const style: Style = {
   },
   moveIndicator: {
     type: "color",
-    data: "#ee59ff55",
+    data: "#0055ff33",
   },
   border: {
     type: "gradient",

src/board/styles-board/index.ts

@@ -1,11 +1,15 @@
+import standard from "./mono/standard";
 import chesscom from "./mono/chesscom";
 import lichess from "./mono/lichess";
+import leko from "./mono/leko";
+import patina from "./mono/patina";
 import lila from "./mono/lila";
 import peach from "./mono/peach";
-import standard from "./mono/standard";
 import violet from "./mono/violet";
 import danya from "./mono/danya";
 import botez from "./mono/botez";
+import mud from "./mono/mud";
+import rose from "./mono/rose";
 
 import avocado from "./colorful/avocado";
 
@@ -21,6 +25,9 @@ import wood4 from "./pic/wood4";
 const styles = {
   standard,
   lila,
+  leko,
+  patina,
+  mud,
   peach,
   violet,
   chesscom,
@@ -28,6 +35,7 @@ const styles = {
   danya,
   botez,
   avocado,
+  rose,
   calm,
   laguna,
   sunset,

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

@@ -0,0 +1,41 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  name: "Leko",
+  category: "mono",
+  background: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  dark: {
+    type: "solid",
+    data: {
+      color: "#919caf",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "#c0c2d0",
+    },
+  },
+  moveIndicator: {
+    type: "hueShift",
+    data: -90,
+  },
+  border: {
+    type: "solid",
+    data: {
+      color: "#58606e",
+    },
+  },
+  coords: {
+    onLight: "#58606e",
+    onDark: "#dbe8ff",
+    onBorder: "#dbe8ff",
+  },
+};
+
+export default style;

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

@@ -0,0 +1,41 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  name: "Beige",
+  category: "mono",
+  background: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  dark: {
+    type: "solid",
+    data: {
+      color: "#b0a392",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "#cfc8be",
+    },
+  },
+  moveIndicator: {
+    type: "hueShift",
+    data: 60,
+  },
+  border: {
+    type: "solid",
+    data: {
+      color: "#6e6559",
+    },
+  },
+  coords: {
+    onLight: "#6e6559",
+    onDark: "#f5eee5",
+    onBorder: "#f5eee5",
+  },
+};
+
+export default style;

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

@@ -0,0 +1,41 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  name: "Beige",
+  category: "mono",
+  background: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  dark: {
+    type: "solid",
+    data: {
+      color: "#93b092",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "#becfc2",
+    },
+  },
+  moveIndicator: {
+    type: "hueShift",
+    data: 90,
+  },
+  border: {
+    type: "solid",
+    data: {
+      color: "#596e59",
+    },
+  },
+  coords: {
+    onLight: "#596e59",
+    onDark: "#e4f5e4",
+    onBorder: "#e4f5e4",
+  },
+};
+
+export default style;

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

@@ -0,0 +1,41 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  name: "Rose",
+  category: "mono",
+  background: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  dark: {
+    type: "solid",
+    data: {
+      color: "#f04a73",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "#ffb8c9",
+    },
+  },
+  moveIndicator: {
+    type: "hueShift",
+    data: -30,
+  },
+  border: {
+    type: "solid",
+    data: {
+      color: "#a62444",
+    },
+  },
+  coords: {
+    onLight: "#f04a73",
+    onDark: "#ffb8c9",
+    onBorder: "#ffb8c9",
+  },
+};
+
+export default style;