WIP

src/board/styles-board/index.ts

@@ -4,6 +4,8 @@ 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 avocado from "./colorful/avocado";
 
@@ -22,6 +24,8 @@ export default {
   lila,
   peach,
   violet,
+  danya,
+  botez,
   avocado,
   calm,
   laguna,

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

@@ -0,0 +1,41 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  name: "Botez",
+  category: "mono",
+  background: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  dark: {
+    type: "solid",
+    data: {
+      color: "#8877b6",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "#efefef",
+    },
+  },
+  moveIndicator: {
+    type: "color",
+    data: "#7dacc97f",
+  },
+  border: {
+    type: "solid",
+    data: {
+      color: "#554973",
+    },
+  },
+  coords: {
+    onLight: "#554973",
+    onDark: "#f2f2f2",
+    onBorder: "#efefef",
+  },
+};
+
+export default style;

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

@@ -0,0 +1,41 @@
+import { Style } from "../../../types";
+
+const style: Style = {
+  name: "Danya",
+  category: "mono",
+  background: {
+    type: "solid",
+    data: {
+      color: "transparent",
+    },
+  },
+  dark: {
+    type: "solid",
+    data: {
+      color: "#4c7399",
+    },
+  },
+  light: {
+    type: "solid",
+    data: {
+      color: "#eae9d2",
+    },
+  },
+  moveIndicator: {
+    type: "color",
+    data: "#00a5ff7f",
+  },
+  border: {
+    type: "solid",
+    data: {
+      color: "#2a4057",
+    },
+  },
+  coords: {
+    onLight: "#2a4057",
+    onDark: "#fffff0",
+    onBorder: "#eae9d2",
+  },
+};
+
+export default style;

src/board/styles-pieces/index.ts

@@ -1,9 +1,12 @@
 import alpha from "./alpha";
 import cardinal from "./cardinal";
 import cburnett from "./cburnett";
+import companion from "./companion";
 import fantasy from "./fantasy";
 import gioco from "./gioco";
+import governor from "./governor";
 import horsey from "./horsey";
+import maestro from "./maestro";
 import merida from "./merida";
 import staunty from "./staunty";
 import tatiana from "./tatiana";
@@ -12,9 +15,12 @@ const piecesSets = {
   alpha,
   cardinal,
   cburnett,
+  companion,
   fantasy,
   gioco,
+  governor,
   horsey,
+  maestro,
   merida,
   staunty,
   tatiana,

src/main.tsx

@@ -110,6 +110,15 @@ const main = async () => {
       setState({ pgn: "", fen, moves: game.getMoves(), ply: 0, game });
       window.location.hash = `v1/fen/${state.fen}`;
       await player.load(game);
+      setState("activeTab", "game");
+
+      if (
+        game.getPosition(0).turn === "b" &&
+        state.boardConfig.flipped === false
+      ) {
+        setState("boardConfig", "flipped", true);
+        board.flip();
+      }
 
       document.title = `SHORTCASTLE - FEN ${fen}`;
     },

src/types.ts

@@ -93,12 +93,14 @@ export type Piece =
   | "pb";
 
 export type BoardStyle =
+  | "standard"
   | "chesscom"
   | "lichess"
   | "lila"
   | "peach"
-  | "standard"
   | "violet"
+  | "danya"
+  | "botez"
   | "avocado"
   | "calm"
   | "laguna"
@@ -110,9 +112,12 @@ export type PiecesStyle =
   | "alpha"
   | "cardinal"
   | "cburnett"
+  | "companion"
   | "fantasy"
   | "gioco"
+  | "governor"
   | "horsey"
+  | "maestro"
   | "merida"
   | "staunty"
   | "tatiana";