Removed hueShift from move indicators as incompatible with some targets

2022-05-03 03:47:14 +02:00
parent 9e4ddbcad3
commit 5aa7b59731
71 changed files with 6 additions and 103 deletions
--- a/src/board/layers/drawMoveIndicators.ts
+++ b/src/board/layers/drawMoveIndicators.ts
@@ -31,37 +31,10 @@ const drawMoveIndicators = async (
    (v) => v * squareSize + borderWidth
  );

-  let fromStyle;
-  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;
-  }
+  const style = {
+    type: "solid",
+    data: { color: moveIndicator.color },
+  } as SquareStyle;

  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
  );
 };
--- a/src/board/styles-board/gradient/contrast_a.ts
+++ b/src/board/styles-board/gradient/contrast_a.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#3cff0055",
  },
  border: {
--- a/src/board/styles-board/gradient/contrast_b.ts
+++ b/src/board/styles-board/gradient/contrast_b.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffaa0055",
  },
  border: {
--- a/src/board/styles-board/gradient/contrast_c.ts
+++ b/src/board/styles-board/gradient/contrast_c.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00ffff55",
  },
  border: {
--- a/src/board/styles-board/gradient/contrast_d.ts
+++ b/src/board/styles-board/gradient/contrast_d.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffaa0055",
  },
  border: {
--- a/src/board/styles-board/gradient/smooth_forest.ts
+++ b/src/board/styles-board/gradient/smooth_forest.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffff0055",
  },
  border: {
--- a/src/board/styles-board/gradient/smooth_laguna.ts
+++ b/src/board/styles-board/gradient/smooth_laguna.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#3cff0055",
  },
  border: {
--- a/src/board/styles-board/gradient/smooth_mono.ts
+++ b/src/board/styles-board/gradient/smooth_mono.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#3cff0055",
  },
  border: {
--- a/src/board/styles-board/gradient/smooth_sea.ts
+++ b/src/board/styles-board/gradient/smooth_sea.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff00ff55",
  },
  border: {
--- a/src/board/styles-board/gradient/smooth_spring.ts
+++ b/src/board/styles-board/gradient/smooth_spring.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00ffff55",
  },
  border: {
--- a/src/board/styles-board/gradient/smooth_summer.ts
+++ b/src/board/styles-board/gradient/smooth_summer.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00ffee55",
  },
  border: {
--- a/src/board/styles-board/gradient/smooth_sunset.ts
+++ b/src/board/styles-board/gradient/smooth_sunset.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00ffee55",
  },
  border: {
--- a/src/board/styles-board/gradient/smooth_violet.ts
+++ b/src/board/styles-board/gradient/smooth_violet.ts
@@ -22,7 +22,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffaa0055",
  },
  border: {
--- a/src/board/styles-board/pic/lines_alabaster.ts
+++ b/src/board/styles-board/pic/lines_alabaster.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#55ff0033",
  },
  border: {
--- a/src/board/styles-board/pic/lines_cardboard.ts
+++ b/src/board/styles-board/pic/lines_cardboard.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#1c67c933",
  },
  border: {
--- a/src/board/styles-board/pic/lines_paper.ts
+++ b/src/board/styles-board/pic/lines_paper.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#1c67c933",
  },
  border: {
--- a/src/board/styles-board/pic/lines_parchment.ts
+++ b/src/board/styles-board/pic/lines_parchment.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#55ff0033",
  },
  border: {
--- a/src/board/styles-board/pic/wood1.ts
+++ b/src/board/styles-board/pic/wood1.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#55ff0022",
  },
  border: {
--- a/src/board/styles-board/pic/wood2.ts
+++ b/src/board/styles-board/pic/wood2.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#55ff0022",
  },
  border: {
--- a/src/board/styles-board/pic/wood3.ts
+++ b/src/board/styles-board/pic/wood3.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff007733",
  },
  border: {
--- a/src/board/styles-board/pic/wood4.ts
+++ b/src/board/styles-board/pic/wood4.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff007733",
  },
  border: {
--- a/src/board/styles-board/pic/wood5.ts
+++ b/src/board/styles-board/pic/wood5.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#55ff0022",
  },
  border: {
--- a/src/board/styles-board/pic/wood6.ts
+++ b/src/board/styles-board/pic/wood6.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#55ff0022",
  },
  border: {
--- a/src/board/styles-board/pic/wood7.ts
+++ b/src/board/styles-board/pic/wood7.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#55ff0022",
  },
  border: {
--- a/src/board/styles-board/pic/wood8.ts
+++ b/src/board/styles-board/pic/wood8.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#55ff0022",
  },
  border: {
--- a/src/board/styles-board/solid/avocado.ts
+++ b/src/board/styles-board/solid/avocado.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#0099ff55",
  },
  border: {
--- a/src/board/styles-board/solid/azure.ts
+++ b/src/board/styles-board/solid/azure.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff000044",
  },
  border: {
--- a/src/board/styles-board/solid/botez.ts
+++ b/src/board/styles-board/solid/botez.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#7dacc97f",
  },
  border: {
--- a/src/board/styles-board/solid/clay.ts
+++ b/src/board/styles-board/solid/clay.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffff0055",
  },
  border: {
--- a/src/board/styles-board/solid/danny.ts
+++ b/src/board/styles-board/solid/danny.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffff007f",
  },
  border: {
--- a/src/board/styles-board/solid/danny_blue.ts
+++ b/src/board/styles-board/solid/danny_blue.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00bfff7f",
  },
  border: {
--- a/src/board/styles-board/solid/danny_cyan.ts
+++ b/src/board/styles-board/solid/danny_cyan.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00ff807f",
  },
  border: {
--- a/src/board/styles-board/solid/danny_green.ts
+++ b/src/board/styles-board/solid/danny_green.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#40ff007f",
  },
  border: {
--- a/src/board/styles-board/solid/danny_pink.ts
+++ b/src/board/styles-board/solid/danny_pink.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff38637f",
  },
  border: {
--- a/src/board/styles-board/solid/danny_purple.ts
+++ b/src/board/styles-board/solid/danny_purple.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff38af7f",
  },
  border: {
--- a/src/board/styles-board/solid/danny_red.ts
+++ b/src/board/styles-board/solid/danny_red.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffaf387f",
  },
  border: {
--- a/src/board/styles-board/solid/danny_yellow.ts
+++ b/src/board/styles-board/solid/danny_yellow.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffff007f",
  },
  border: {
--- a/src/board/styles-board/solid/danya.ts
+++ b/src/board/styles-board/solid/danya.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00a5ff7f",
  },
  border: {
--- a/src/board/styles-board/solid/leko.ts
+++ b/src/board/styles-board/solid/leko.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#40bf4044",
  },
  border: {
--- a/src/board/styles-board/solid/lichess.ts
+++ b/src/board/styles-board/solid/lichess.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#9bc70069",
  },
  border: {
--- a/src/board/styles-board/solid/lila.ts
+++ b/src/board/styles-board/solid/lila.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#40bf4044",
  },
  border: {
--- a/src/board/styles-board/solid/mono.ts
+++ b/src/board/styles-board/solid/mono.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#0088ff66",
  },
  border: {
--- a/src/board/styles-board/solid/mono_blue.ts
+++ b/src/board/styles-board/solid/mono_blue.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff00bb33",
  },
  border: {
--- a/src/board/styles-board/solid/mono_chico.ts
+++ b/src/board/styles-board/solid/mono_chico.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#33ff0033",
  },
  border: {
--- a/src/board/styles-board/solid/mono_contessa.ts
+++ b/src/board/styles-board/solid/mono_contessa.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00ff0033",
  },
  border: {
--- a/src/board/styles-board/solid/mono_coper.ts
+++ b/src/board/styles-board/solid/mono_coper.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00ff0033",
  },
  border: {
--- a/src/board/styles-board/solid/mono_coral.ts
+++ b/src/board/styles-board/solid/mono_coral.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00ffaa55",
  },
  border: {
--- a/src/board/styles-board/solid/mono_cornflower.ts
+++ b/src/board/styles-board/solid/mono_cornflower.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff770055",
  },
  border: {
--- a/src/board/styles-board/solid/mono_dodger.ts
+++ b/src/board/styles-board/solid/mono_dodger.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#55ff0055",
  },
  border: {
--- a/src/board/styles-board/solid/mono_flamingo.ts
+++ b/src/board/styles-board/solid/mono_flamingo.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffff0033",
  },
  border: {
--- a/src/board/styles-board/solid/mono_goblin.ts
+++ b/src/board/styles-board/solid/mono_goblin.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#0077ff33",
  },
  border: {
--- a/src/board/styles-board/solid/mono_harvest.ts
+++ b/src/board/styles-board/solid/mono_harvest.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00ff0033",
  },
  border: {
--- a/src/board/styles-board/solid/mono_heliotrope.ts
+++ b/src/board/styles-board/solid/mono_heliotrope.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#009dff33",
  },
  border: {
--- a/src/board/styles-board/solid/mono_mahogany.ts
+++ b/src/board/styles-board/solid/mono_mahogany.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#7b00ff33",
  },
  border: {
--- a/src/board/styles-board/solid/mono_mantis.ts
+++ b/src/board/styles-board/solid/mono_mantis.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffff0055",
  },
  border: {
--- a/src/board/styles-board/solid/mono_meadow.ts
+++ b/src/board/styles-board/solid/mono_meadow.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffff0055",
  },
  border: {
--- a/src/board/styles-board/solid/mono_mojo.ts
+++ b/src/board/styles-board/solid/mono_mojo.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff00d433",
  },
  border: {
--- a/src/board/styles-board/solid/mono_mulberry.ts
+++ b/src/board/styles-board/solid/mono_mulberry.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff910044",
  },
  border: {
--- a/src/board/styles-board/solid/mono_rose.ts
+++ b/src/board/styles-board/solid/mono_rose.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffff0033",
  },
  border: {
--- a/src/board/styles-board/solid/mono_sycamore.ts
+++ b/src/board/styles-board/solid/mono_sycamore.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00aaff44",
  },
  border: {
--- a/src/board/styles-board/solid/mono_teal.ts
+++ b/src/board/styles-board/solid/mono_teal.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#aaff0033",
  },
  border: {
--- a/src/board/styles-board/solid/mono_terracotta.ts
+++ b/src/board/styles-board/solid/mono_terracotta.ts
@@ -27,7 +27,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00ff0033",
  },
  border: {
--- a/src/board/styles-board/solid/mud.ts
+++ b/src/board/styles-board/solid/mud.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#9940bf33",
  },
  border: {
--- a/src/board/styles-board/solid/patina.ts
+++ b/src/board/styles-board/solid/patina.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#bd4b2b2a",
  },
  border: {
--- a/src/board/styles-board/solid/peach.ts
+++ b/src/board/styles-board/solid/peach.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff00d044",
  },
  border: {
--- a/src/board/styles-board/solid/rock.ts
+++ b/src/board/styles-board/solid/rock.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffff0055",
  },
  border: {
--- a/src/board/styles-board/solid/rose.ts
+++ b/src/board/styles-board/solid/rose.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffbf0044",
  },
  border: {
--- a/src/board/styles-board/solid/spring.ts
+++ b/src/board/styles-board/solid/spring.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#00ffff55",
  },
  border: {
--- a/src/board/styles-board/solid/standard.ts
+++ b/src/board/styles-board/solid/standard.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ffff0055",
  },
  border: {
--- a/src/board/styles-board/solid/violet.ts
+++ b/src/board/styles-board/solid/violet.ts
@@ -21,7 +21,6 @@ const style: Style = {
    },
  },
  moveIndicator: {
-    hueShift: 0,
    color: "#ff000044",
  },
  border: {
--- a/src/types.ts
+++ b/src/types.ts
@@ -49,7 +49,6 @@ export type Coords = {
 export type SquareStyle = Gradient | Solid | Image;

 export type MoveIndicator = {
-  hueShift: 0;
  color: string;
 };