Added paper-style boards

src/board/styles-board/boardStyles.ts

@@ -65,6 +65,10 @@ import wood5 from "./pic/wood5";
 import wood6 from "./pic/wood6";
 import wood7 from "./pic/wood7";
 import wood8 from "./pic/wood8";
+import lines_parchment from "./pic/lines_parchment";
+import lines_alabaster from "./pic/lines_alabaster";
+import lines_paper from "./pic/lines_paper";
+import lines_cardboard from "./pic/lines_cardboard";
 
 const boardStyles = {
   standard,
@@ -133,6 +137,10 @@ const boardStyles = {
   wood6,
   wood7,
   wood8,
+  lines_parchment,
+  lines_alabaster,
+  lines_paper,
+  lines_cardboard,
 };
 
 const boardNames = Object.keys(boardStyles);

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

@@ -0,0 +1,40 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  category: "pic",
+  background: {
+    type: "solid",
+    data: {
+      color: "#EDEDED",
+    },
+  },
+  dark: {
+    type: "image",
+    data: {
+      src: "/textures/squares/dark-lines.svg",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  moveIndicator: {
+    type: "color",
+    data: "#55ff0022",
+  },
+  border: {
+    type: "solid",
+    data: {
+      color: "#BBBBBB",
+    },
+  },
+  coords: {
+    onLight: "#0000007f",
+    onDark: "#00000099",
+    onBorder: "#00000099",
+  },
+};
+
+export default style;

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

@@ -0,0 +1,41 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  category: "pic",
+  background: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  dark: {
+    type: "image",
+    data: {
+      src: "/textures/squares/dark-lines2.svg",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  moveIndicator: {
+    type: "color",
+    data: "#55ff0022",
+  },
+  border: {
+    type: "image",
+    data: {
+      src: "/textures/cardboard.jpg",
+    },
+  },
+  coords: {
+    onLight: "#0000007f",
+    onDark: "#00000099",
+    onBorder: "#00000099",
+  },
+  ico: "/textures/cardboard_ico.png",
+};
+
+export default style;

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

@@ -0,0 +1,41 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  category: "pic",
+  background: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  dark: {
+    type: "image",
+    data: {
+      src: "/textures/squares/dark-lines2.svg",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  moveIndicator: {
+    type: "color",
+    data: "#55ff0022",
+  },
+  border: {
+    type: "image",
+    data: {
+      src: "/textures/paper.jpg",
+    },
+  },
+  coords: {
+    onLight: "#0000007f",
+    onDark: "#00000099",
+    onBorder: "#00000099",
+  },
+  ico: "/textures/paper_ico.png",
+};
+
+export default style;

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

@@ -0,0 +1,40 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  category: "pic",
+  background: {
+    type: "solid",
+    data: {
+      color: "#EFDEB1",
+    },
+  },
+  dark: {
+    type: "image",
+    data: {
+      src: "/textures/squares/dark-lines.svg",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  moveIndicator: {
+    type: "color",
+    data: "#55ff0022",
+  },
+  border: {
+    type: "solid",
+    data: {
+      color: "#C5B386",
+    },
+  },
+  coords: {
+    onLight: "#0000007f",
+    onDark: "#00000099",
+    onBorder: "#00000099",
+  },
+};
+
+export default style;