WIP

src/board/styles-board/index.ts

@@ -34,6 +34,10 @@ import wood1 from "./pic/wood1";
 import wood2 from "./pic/wood2";
 import wood3 from "./pic/wood3";
 import wood4 from "./pic/wood4";
+import wood5 from "./pic/wood5";
+import wood6 from "./pic/wood6";
+import wood7 from "./pic/wood7";
+import wood8 from "./pic/wood8";
 
 const styles = {
   standard,
@@ -71,6 +75,10 @@ const styles = {
   wood2,
   wood3,
   wood4,
+  wood5,
+  wood6,
+  wood7,
+  wood8,
 };
 
 export default styles;

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

@@ -32,9 +32,9 @@ const style: Style = {
     },
   },
   coords: {
-    onLight: "#5a4334",
+    onLight: "#604939",
-    onDark: "#c2a078",
+    onDark: "#e1d0b7",
-    onBorder: "#c2a078",
+    onBorder: "#dac4a4",
   },
   ico: "/textures/wood01_ico.png",
 };

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

@@ -23,7 +23,7 @@ const style: Style = {
   },
   moveIndicator: {
     type: "color",
-    data: "#ff007733",
+    data: "#55ff0022",
   },
   border: {
     type: "image",
@@ -32,9 +32,9 @@ const style: Style = {
     },
   },
   coords: {
-    onLight: "#773e2d",
+    onLight: "#704642",
-    onDark: "#d6b29a",
+    onDark: "#e1c1b7",
-    onBorder: "#d6b29a",
+    onBorder: "#d9b1a5",
   },
   ico: "/textures/wood02_ico.png",
 };

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

@@ -23,7 +23,7 @@ const style: Style = {
   },
   moveIndicator: {
     type: "color",
-    data: "#55ff0022",
+    data: "#ff007733",
   },
   border: {
     type: "image",
@@ -32,9 +32,9 @@ const style: Style = {
     },
   },
   coords: {
-    onLight: "#452b1d",
+    onLight: "#986738",
-    onDark: "#c49969",
+    onDark: "#e2d3b6",
-    onBorder: "#c49969",
+    onBorder: "#dac7a0",
   },
   ico: "/textures/wood03_ico.png",
 };

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

@@ -23,7 +23,7 @@ const style: Style = {
   },
   moveIndicator: {
     type: "color",
-    data: "#55ff0022",
+    data: "#ff007733",
   },
   border: {
     type: "image",
@@ -32,9 +32,9 @@ const style: Style = {
     },
   },
   coords: {
-    onLight: "#8b674c",
+    onLight: "#9e543b",
-    onDark: "#ebdbc8",
+    onDark: "#e3c7b5",
-    onBorder: "#e7cbac",
+    onBorder: "#ddbba4",
   },
   ico: "/textures/wood04_ico.png",
 };

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

@@ -0,0 +1,42 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  name: "Wood 5",
+  category: "pic",
+  background: {
+    type: "image",
+    data: {
+      src: "/textures/wood05.jpg",
+    },
+  },
+  dark: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  moveIndicator: {
+    type: "color",
+    data: "#55ff0022",
+  },
+  border: {
+    type: "image",
+    data: {
+      src: "/textures/wood05_bg.jpg",
+    },
+  },
+  coords: {
+    onLight: "#8f653d",
+    onDark: "#e3ceb5",
+    onBorder: "#dcc2a3",
+  },
+  ico: "/textures/wood05_ico.png",
+};
+
+export default style;

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

@@ -0,0 +1,42 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  name: "Wood 6",
+  category: "pic",
+  background: {
+    type: "image",
+    data: {
+      src: "/textures/wood06.jpg",
+    },
+  },
+  dark: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  moveIndicator: {
+    type: "color",
+    data: "#55ff0022",
+  },
+  border: {
+    type: "image",
+    data: {
+      src: "/textures/wood06_bg.jpg",
+    },
+  },
+  coords: {
+    onLight: "#865946",
+    onDark: "#dfc8b9",
+    onBorder: "#d7bba8",
+  },
+  ico: "/textures/wood06_ico.png",
+};
+
+export default style;

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

@@ -0,0 +1,42 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  name: "Wood 7",
+  category: "pic",
+  background: {
+    type: "image",
+    data: {
+      src: "/textures/wood07.jpg",
+    },
+  },
+  dark: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  moveIndicator: {
+    type: "color",
+    data: "#55ff0022",
+  },
+  border: {
+    type: "image",
+    data: {
+      src: "/textures/wood07_bg.jpg",
+    },
+  },
+  coords: {
+    onLight: "#734926",
+    onDark: "#cab99b",
+    onBorder: "#cab99b",
+  },
+  ico: "/textures/wood07_ico.png",
+};
+
+export default style;

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

@@ -0,0 +1,42 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  name: "Wood 8",
+  category: "pic",
+  background: {
+    type: "image",
+    data: {
+      src: "/textures/wood08.jpg",
+    },
+  },
+  dark: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  moveIndicator: {
+    type: "color",
+    data: "#55ff0022",
+  },
+  border: {
+    type: "image",
+    data: {
+      src: "/textures/wood08_bg.jpg",
+    },
+  },
+  coords: {
+    onLight: "#723627",
+    onDark: "#cbad9a",
+    onBorder: "#cbad9a",
+  },
+  ico: "/textures/wood08_ico.png",
+};
+
+export default style;