WIP

src/board/layers/drawCoords.ts

@@ -1,6 +1,6 @@
 import { Coords } from "../../types";
 
-const BASE_FONT_SIZE = 24;
+const BASE_FONT_SIZE = 22;
 const FONT_FAMILY = "Fira Mono";
 
 const drawCoords = (

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

@@ -7,7 +7,7 @@ const style: Style = {
     type: "gradient",
     data: {
       dir: "diagonal-top",
-      colors: ["#3df5a7", "#096fe0"],
+      colors: ["#00c4a0", "#096fe0"],
     },
   },
   dark: {
@@ -19,7 +19,7 @@ const style: Style = {
   light: {
     type: "solid",
     data: {
-      color: "#ffffff55",
+      color: "#ffffff77",
     },
   },
   moveIndicator: {
@@ -30,7 +30,7 @@ const style: Style = {
     type: "gradient",
     data: {
       dir: "diagonal-top",
-      colors: ["#00b568", "#0052ad"],
+      colors: ["#009c7f", "#0052ad"],
     },
   },
   coords: {

src/board/styles-board/gradient/rainbow-light.ts

@@ -1,50 +0,0 @@
-import { Style } from "../../../types";
-
-const style: Style = {
-  name: "Rainbow Light",
-  category: "gradient",
-  background: {
-    type: "gradient",
-    data: {
-      dir: "vertical",
-      colors: [
-        "hsl(350, 100%, 60%)",
-        "hsl(35, 100%, 60%)",
-        "hsl(80, 100%, 60%)",
-        "hsl(125, 100%, 60%)",
-        "hsl(215, 100%, 60%)",
-        "hsl(260, 100%, 60%)",
-        "hsl(305, 100%, 60%)",
-      ],
-    },
-  },
-  dark: {
-    type: "solid",
-    data: {
-      color: "#ffffff22",
-    },
-  },
-  light: {
-    type: "solid",
-    data: {
-      color: "#ffffff88",
-    },
-  },
-  moveIndicator: {
-    type: "color",
-    data: "#00ffff66",
-  },
-  border: {
-    type: "solid",
-    data: {
-      color: "#bd2f47",
-    },
-  },
-  coords: {
-    onLight: "#bd2f47",
-    onDark: "#000000bb",
-    onBorder: "#ffffffcc",
-  },
-};
-
-export default style;

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

@@ -1,50 +0,0 @@
-import { Style } from "../../../types";
-
-const style: Style = {
-  name: "Rainbow",
-  category: "gradient",
-  background: {
-    type: "gradient",
-    data: {
-      dir: "vertical",
-      colors: [
-        "hsl(350, 70%, 50%)",
-        "hsl(35, 70%, 50%)",
-        "hsl(80, 70%, 50%)",
-        "hsl(125, 70%, 50%)",
-        "hsl(215, 70%, 50%)",
-        "hsl(260, 70%, 50%)",
-        "hsl(305, 70%, 50%)",
-      ],
-    },
-  },
-  dark: {
-    type: "solid",
-    data: {
-      color: "#ffffff22",
-    },
-  },
-  light: {
-    type: "solid",
-    data: {
-      color: "#ffffff99",
-    },
-  },
-  moveIndicator: {
-    type: "color",
-    data: "#00ffff66",
-  },
-  border: {
-    type: "solid",
-    data: {
-      color: "#271936",
-    },
-  },
-  coords: {
-    onLight: "#271936",
-    onDark: "#271936",
-    onBorder: "#ffffffbb",
-  },
-};
-
-export default style;

src/board/styles-board/index.ts

@@ -12,25 +12,23 @@ import avocado from "./colorful/avocado";
 import calm from "./gradient/calm";
 import laguna from "./gradient/laguna";
 import sunset from "./gradient/sunset";
-import rainbow from "./gradient/rainbow";
-import rainbowLight from "./gradient/rainbow-light";
 
 // import kittens from "./pic/kittens";
 
-export default {
+const styles = {
   standard,
-  chesscom,
-  lichess,
   lila,
   peach,
   violet,
+  chesscom,
+  lichess,
   danya,
   botez,
   avocado,
   calm,
   laguna,
   sunset,
-  rainbow,
-  rainbowLight,
   // kittens,
 };
+
+export default styles;

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

@@ -28,13 +28,13 @@ const style: Style = {
   border: {
     type: "solid",
     data: {
-      color: "#271936",
+      color: "#50346e",
     },
   },
   coords: {
-    onLight: "#271936",
-    onDark: "#271936",
-    onBorder: "#cea9f5",
+    onLight: "#50346e",
+    onDark: "#eedeff",
+    onBorder: "#e2c7ff",
   },
 };