From 9e4ddbcad3fafde4b6315903def134f137e060c5 Mon Sep 17 00:00:00 2001 From: Maciej Caderek Date: Tue, 3 May 2022 03:41:12 +0200 Subject: [PATCH] Improved paper-like boards, added missing move indicator colors --- public/textures/squares/dark-lines.svg | 37 ++++++++++--------- public/textures/squares/dark-lines2.svg | 37 ++++++++++--------- src/board/styles-board/pic/lines_alabaster.ts | 2 +- src/board/styles-board/pic/lines_cardboard.ts | 6 +-- src/board/styles-board/pic/lines_paper.ts | 6 +-- src/board/styles-board/pic/lines_parchment.ts | 2 +- src/board/styles-board/solid/avocado.ts | 4 +- src/board/styles-board/solid/leko.ts | 4 +- src/board/styles-board/solid/lila.ts | 4 +- src/board/styles-board/solid/mono_blue.ts | 4 +- src/board/styles-board/solid/mono_chico.ts | 4 +- src/board/styles-board/solid/mono_goblin.ts | 4 +- .../styles-board/solid/mono_heliotrope.ts | 4 +- src/board/styles-board/solid/mono_mahogany.ts | 4 +- src/board/styles-board/solid/mono_mojo.ts | 4 +- src/board/styles-board/solid/mono_mulberry.ts | 4 +- src/board/styles-board/solid/mono_sycamore.ts | 4 +- src/board/styles-board/solid/mono_teal.ts | 4 +- src/board/styles-board/solid/mud.ts | 4 +- src/board/styles-board/solid/patina.ts | 4 +- src/board/styles-board/solid/peach.ts | 4 +- src/board/styles-board/solid/rose.ts | 4 +- src/board/styles-board/solid/violet.ts | 4 +- src/types.ts | 2 +- 24 files changed, 81 insertions(+), 79 deletions(-) diff --git a/public/textures/squares/dark-lines.svg b/public/textures/squares/dark-lines.svg index 7f2065a..5f39e23 100644 --- a/public/textures/squares/dark-lines.svg +++ b/public/textures/squares/dark-lines.svg @@ -1,24 +1,25 @@ - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - + diff --git a/public/textures/squares/dark-lines2.svg b/public/textures/squares/dark-lines2.svg index 5bb2975..c64fb42 100644 --- a/public/textures/squares/dark-lines2.svg +++ b/public/textures/squares/dark-lines2.svg @@ -1,24 +1,25 @@ - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - + diff --git a/src/board/styles-board/pic/lines_alabaster.ts b/src/board/styles-board/pic/lines_alabaster.ts index 7f081a4..0e5dd5d 100644 --- a/src/board/styles-board/pic/lines_alabaster.ts +++ b/src/board/styles-board/pic/lines_alabaster.ts @@ -22,7 +22,7 @@ const style: Style = { }, moveIndicator: { hueShift: 0, - color: "#55ff0022", + color: "#55ff0033", }, border: { type: "solid", diff --git a/src/board/styles-board/pic/lines_cardboard.ts b/src/board/styles-board/pic/lines_cardboard.ts index 26b85a8..ed5c668 100644 --- a/src/board/styles-board/pic/lines_cardboard.ts +++ b/src/board/styles-board/pic/lines_cardboard.ts @@ -22,7 +22,7 @@ const style: Style = { }, moveIndicator: { hueShift: 0, - color: "#55ff0022", + color: "#1c67c933", }, border: { type: "image", @@ -32,8 +32,8 @@ const style: Style = { }, coords: { onLight: "#0000007f", - onDark: "#000000bb", - onBorder: "#000000bb", + onDark: "#00000099", + onBorder: "#00000099", }, ico: "/textures/cardboard_ico.png", }; diff --git a/src/board/styles-board/pic/lines_paper.ts b/src/board/styles-board/pic/lines_paper.ts index 75244a0..fb0497c 100644 --- a/src/board/styles-board/pic/lines_paper.ts +++ b/src/board/styles-board/pic/lines_paper.ts @@ -22,7 +22,7 @@ const style: Style = { }, moveIndicator: { hueShift: 0, - color: "#55ff0022", + color: "#1c67c933", }, border: { type: "image", @@ -32,8 +32,8 @@ const style: Style = { }, coords: { onLight: "#0000007f", - onDark: "#000000bb", - onBorder: "#000000bb", + onDark: "#00000099", + onBorder: "#00000099", }, ico: "/textures/paper_ico.png", }; diff --git a/src/board/styles-board/pic/lines_parchment.ts b/src/board/styles-board/pic/lines_parchment.ts index eaf37e9..5732905 100644 --- a/src/board/styles-board/pic/lines_parchment.ts +++ b/src/board/styles-board/pic/lines_parchment.ts @@ -22,7 +22,7 @@ const style: Style = { }, moveIndicator: { hueShift: 0, - color: "#55ff0022", + color: "#55ff0033", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/avocado.ts b/src/board/styles-board/solid/avocado.ts index 4149749..32da0b9 100644 --- a/src/board/styles-board/solid/avocado.ts +++ b/src/board/styles-board/solid/avocado.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: 70, - color: "#", + hueShift: 0, + color: "#0099ff55", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/leko.ts b/src/board/styles-board/solid/leko.ts index 4e4c7f4..2b74bc8 100644 --- a/src/board/styles-board/solid/leko.ts +++ b/src/board/styles-board/solid/leko.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: -90, - color: "#", + hueShift: 0, + color: "#40bf4044", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/lila.ts b/src/board/styles-board/solid/lila.ts index 6e3ea4b..8df9cce 100644 --- a/src/board/styles-board/solid/lila.ts +++ b/src/board/styles-board/solid/lila.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: -120, - color: "#", + hueShift: 0, + color: "#40bf4044", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/mono_blue.ts b/src/board/styles-board/solid/mono_blue.ts index 1ec5d89..97f6530 100644 --- a/src/board/styles-board/solid/mono_blue.ts +++ b/src/board/styles-board/solid/mono_blue.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: -30, - color: "#", + hueShift: 0, + color: "#ff00bb33", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/mono_chico.ts b/src/board/styles-board/solid/mono_chico.ts index 0aac25d..7d50c88 100644 --- a/src/board/styles-board/solid/mono_chico.ts +++ b/src/board/styles-board/solid/mono_chico.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: -30, - color: "#", + hueShift: 0, + color: "#33ff0033", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/mono_goblin.ts b/src/board/styles-board/solid/mono_goblin.ts index 814839c..15a4bb8 100644 --- a/src/board/styles-board/solid/mono_goblin.ts +++ b/src/board/styles-board/solid/mono_goblin.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: 40, - color: "#", + hueShift: 0, + color: "#0077ff33", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/mono_heliotrope.ts b/src/board/styles-board/solid/mono_heliotrope.ts index 5541ce7..1cc2253 100644 --- a/src/board/styles-board/solid/mono_heliotrope.ts +++ b/src/board/styles-board/solid/mono_heliotrope.ts @@ -27,8 +27,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: 30, - color: "#", + hueShift: 0, + color: "#009dff33", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/mono_mahogany.ts b/src/board/styles-board/solid/mono_mahogany.ts index 204457b..90d1d1b 100644 --- a/src/board/styles-board/solid/mono_mahogany.ts +++ b/src/board/styles-board/solid/mono_mahogany.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: 30, - color: "#", + hueShift: 0, + color: "#7b00ff33", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/mono_mojo.ts b/src/board/styles-board/solid/mono_mojo.ts index 7d548d1..0a0603c 100644 --- a/src/board/styles-board/solid/mono_mojo.ts +++ b/src/board/styles-board/solid/mono_mojo.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: 30, - color: "#", + hueShift: 0, + color: "#ff00d433", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/mono_mulberry.ts b/src/board/styles-board/solid/mono_mulberry.ts index 4610725..37c2d94 100644 --- a/src/board/styles-board/solid/mono_mulberry.ts +++ b/src/board/styles-board/solid/mono_mulberry.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: -30, - color: "#", + hueShift: 0, + color: "#ff910044", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/mono_sycamore.ts b/src/board/styles-board/solid/mono_sycamore.ts index 68dac6c..6e3c21f 100644 --- a/src/board/styles-board/solid/mono_sycamore.ts +++ b/src/board/styles-board/solid/mono_sycamore.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: 60, - color: "#", + hueShift: 0, + color: "#00aaff44", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/mono_teal.ts b/src/board/styles-board/solid/mono_teal.ts index 39f9cfb..8272250 100644 --- a/src/board/styles-board/solid/mono_teal.ts +++ b/src/board/styles-board/solid/mono_teal.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: -30, - color: "#", + hueShift: 0, + color: "#aaff0033", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/mud.ts b/src/board/styles-board/solid/mud.ts index a161110..8be5466 100644 --- a/src/board/styles-board/solid/mud.ts +++ b/src/board/styles-board/solid/mud.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: 60, - color: "#", + hueShift: 0, + color: "#9940bf33", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/patina.ts b/src/board/styles-board/solid/patina.ts index ef10a7d..8c5e53a 100644 --- a/src/board/styles-board/solid/patina.ts +++ b/src/board/styles-board/solid/patina.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: 90, - color: "#", + hueShift: 0, + color: "#bd4b2b2a", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/peach.ts b/src/board/styles-board/solid/peach.ts index 2bd3d99..a480381 100644 --- a/src/board/styles-board/solid/peach.ts +++ b/src/board/styles-board/solid/peach.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: 30, - color: "#", + hueShift: 0, + color: "#ff00d044", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/rose.ts b/src/board/styles-board/solid/rose.ts index b9c9e46..a5a6328 100644 --- a/src/board/styles-board/solid/rose.ts +++ b/src/board/styles-board/solid/rose.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: -30, - color: "#", + hueShift: 0, + color: "#ffbf0044", }, border: { type: "solid", diff --git a/src/board/styles-board/solid/violet.ts b/src/board/styles-board/solid/violet.ts index e4ed5ba..aceb30d 100644 --- a/src/board/styles-board/solid/violet.ts +++ b/src/board/styles-board/solid/violet.ts @@ -21,8 +21,8 @@ const style: Style = { }, }, moveIndicator: { - hueShift: -60, - color: "#", + hueShift: 0, + color: "#ff000044", }, border: { type: "solid", diff --git a/src/types.ts b/src/types.ts index e82f1fe..1655f0b 100644 --- a/src/types.ts +++ b/src/types.ts @@ -49,7 +49,7 @@ export type Coords = { export type SquareStyle = Gradient | Solid | Image; export type MoveIndicator = { - hueShift: number; + hueShift: 0; color: string; };