Removed hueShift from move indicators as incompatible with some targets

src/board/layers/drawMoveIndicators.ts

@@ -31,37 +31,10 @@ const drawMoveIndicators = async (
     (v) => v * squareSize + borderWidth
   );
 
-  let fromStyle;
+  const style = {
-  let toStyle;
-
-  if (moveIndicator.hueShift !== 0) {
-    const newLight: Solid = {
-      type: "solid",
-      data: {
-        color: light.data.color
-          ? changeHSL(light.data.color, moveIndicator.hueShift)
-          : "#00ff0055",
-      },
-    };
-
-    const newDark: Solid = {
-      type: "solid",
-      data: {
-        color: dark.data.color
-          ? changeHSL(dark.data.color, moveIndicator.hueShift)
-          : "#00ff0055",
-      },
-    };
-
-    fromStyle = (x0 + y0) % 2 === 0 ? newLight : newDark;
-    toStyle = (x1 + y1) % 2 === 0 ? newLight : newDark;
-  } else {
-    fromStyle = {
     type: "solid",
     data: { color: moveIndicator.color },
   } as SquareStyle;
-    toStyle = fromStyle;
-  }
 
   drawRectangle(
     ctx,
@@ -69,7 +42,7 @@ const drawMoveIndicators = async (
     squareSize,
     fromX,
     fromY + margin,
-    fromStyle,
+    style,
     loadImage
   );
   drawRectangle(
@@ -78,7 +51,7 @@ const drawMoveIndicators = async (
     squareSize,
     toX,
     toY + margin,
-    toStyle,
+    style,
     loadImage
   );
 };

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#3cff0055",
   },
   border: {

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffaa0055",
   },
   border: {

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00ffff55",
   },
   border: {

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffaa0055",
   },
   border: {

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffff0055",
   },
   border: {

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#3cff0055",
   },
   border: {

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#3cff0055",
   },
   border: {

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff00ff55",
   },
   border: {

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00ffff55",
   },
   border: {

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00ffee55",
   },
   border: {

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00ffee55",
   },
   border: {

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

@@ -22,7 +22,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffaa0055",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#55ff0033",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#1c67c933",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#1c67c933",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#55ff0033",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#55ff0022",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#55ff0022",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff007733",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff007733",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#55ff0022",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#55ff0022",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#55ff0022",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#55ff0022",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#0099ff55",
   },
   border: {

src/board/styles-board/solid/azure.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff000044",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#7dacc97f",
   },
   border: {

src/board/styles-board/solid/clay.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffff0055",
   },
   border: {

src/board/styles-board/solid/danny.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffff007f",
   },
   border: {

src/board/styles-board/solid/danny_blue.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00bfff7f",
   },
   border: {

src/board/styles-board/solid/danny_cyan.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00ff807f",
   },
   border: {

src/board/styles-board/solid/danny_green.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#40ff007f",
   },
   border: {

src/board/styles-board/solid/danny_pink.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff38637f",
   },
   border: {

src/board/styles-board/solid/danny_purple.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff38af7f",
   },
   border: {

src/board/styles-board/solid/danny_red.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffaf387f",
   },
   border: {

src/board/styles-board/solid/danny_yellow.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffff007f",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00a5ff7f",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#40bf4044",
   },
   border: {

src/board/styles-board/solid/lichess.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#9bc70069",
   },
   border: {

src/board/styles-board/solid/lila.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#40bf4044",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#0088ff66",
   },
   border: {

src/board/styles-board/solid/mono_blue.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff00bb33",
   },
   border: {

src/board/styles-board/solid/mono_chico.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#33ff0033",
   },
   border: {

src/board/styles-board/solid/mono_contessa.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00ff0033",
   },
   border: {

src/board/styles-board/solid/mono_coper.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00ff0033",
   },
   border: {

src/board/styles-board/solid/mono_coral.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00ffaa55",
   },
   border: {

src/board/styles-board/solid/mono_cornflower.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff770055",
   },
   border: {

src/board/styles-board/solid/mono_dodger.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#55ff0055",
   },
   border: {

src/board/styles-board/solid/mono_flamingo.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffff0033",
   },
   border: {

src/board/styles-board/solid/mono_goblin.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#0077ff33",
   },
   border: {

src/board/styles-board/solid/mono_harvest.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00ff0033",
   },
   border: {

src/board/styles-board/solid/mono_heliotrope.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#009dff33",
   },
   border: {

src/board/styles-board/solid/mono_mahogany.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#7b00ff33",
   },
   border: {

src/board/styles-board/solid/mono_mantis.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffff0055",
   },
   border: {

src/board/styles-board/solid/mono_meadow.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffff0055",
   },
   border: {

src/board/styles-board/solid/mono_mojo.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff00d433",
   },
   border: {

src/board/styles-board/solid/mono_mulberry.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff910044",
   },
   border: {

src/board/styles-board/solid/mono_rose.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffff0033",
   },
   border: {

src/board/styles-board/solid/mono_sycamore.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00aaff44",
   },
   border: {

src/board/styles-board/solid/mono_teal.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#aaff0033",
   },
   border: {

src/board/styles-board/solid/mono_terracotta.ts

@@ -27,7 +27,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00ff0033",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#9940bf33",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#bd4b2b2a",
   },
   border: {

src/board/styles-board/solid/peach.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff00d044",
   },
   border: {

src/board/styles-board/solid/rock.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffff0055",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffbf0044",
   },
   border: {

src/board/styles-board/solid/spring.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#00ffff55",
   },
   border: {

src/board/styles-board/solid/standard.ts

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ffff0055",
   },
   border: {

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

@@ -21,7 +21,6 @@ const style: Style = {
     },
   },
   moveIndicator: {
-    hueShift: 0,
     color: "#ff000044",
   },
   border: {

src/types.ts

@@ -49,7 +49,6 @@ export type Coords = {
 export type SquareStyle = Gradient | Solid | Image;
 
 export type MoveIndicator = {
-  hueShift: 0;
   color: string;
 };