diff --git a/public/textures/cardboard.jpg b/public/textures/cardboard.jpg new file mode 100644 index 0000000..264223c Binary files /dev/null and b/public/textures/cardboard.jpg differ diff --git a/public/textures/cardboard_ico.png b/public/textures/cardboard_ico.png new file mode 100644 index 0000000..93fc45f Binary files /dev/null and b/public/textures/cardboard_ico.png differ diff --git a/public/textures/paper.jpg b/public/textures/paper.jpg new file mode 100644 index 0000000..39a6df9 Binary files /dev/null and b/public/textures/paper.jpg differ diff --git a/public/textures/paper_ico.png b/public/textures/paper_ico.png new file mode 100644 index 0000000..31cabb4 Binary files /dev/null and b/public/textures/paper_ico.png differ diff --git a/public/textures/squares/dark-lines.svg b/public/textures/squares/dark-lines.svg new file mode 100644 index 0000000..7f2065a --- /dev/null +++ b/public/textures/squares/dark-lines.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/textures/squares/dark-lines2.svg b/public/textures/squares/dark-lines2.svg new file mode 100644 index 0000000..5bb2975 --- /dev/null +++ b/public/textures/squares/dark-lines2.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/board/styles-board/boardStyles.ts b/src/board/styles-board/boardStyles.ts index 99370f0..89a371a 100644 --- a/src/board/styles-board/boardStyles.ts +++ b/src/board/styles-board/boardStyles.ts @@ -65,6 +65,10 @@ import wood5 from "./pic/wood5"; import wood6 from "./pic/wood6"; import wood7 from "./pic/wood7"; import wood8 from "./pic/wood8"; +import lines_parchment from "./pic/lines_parchment"; +import lines_alabaster from "./pic/lines_alabaster"; +import lines_paper from "./pic/lines_paper"; +import lines_cardboard from "./pic/lines_cardboard"; const boardStyles = { standard, @@ -133,6 +137,10 @@ const boardStyles = { wood6, wood7, wood8, + lines_parchment, + lines_alabaster, + lines_paper, + lines_cardboard, }; const boardNames = Object.keys(boardStyles); diff --git a/src/board/styles-board/pic/lines_alabaster.ts b/src/board/styles-board/pic/lines_alabaster.ts new file mode 100644 index 0000000..acb4140 --- /dev/null +++ b/src/board/styles-board/pic/lines_alabaster.ts @@ -0,0 +1,40 @@ +import { Style } from "../../../types"; + +const style: Style = { + category: "pic", + background: { + type: "solid", + data: { + color: "#EDEDED", + }, + }, + dark: { + type: "image", + data: { + src: "/textures/squares/dark-lines.svg", + }, + }, + light: { + type: "solid", + data: { + color: "transparent", + }, + }, + moveIndicator: { + type: "color", + data: "#55ff0022", + }, + border: { + type: "solid", + data: { + color: "#BBBBBB", + }, + }, + coords: { + onLight: "#0000007f", + onDark: "#00000099", + onBorder: "#00000099", + }, +}; + +export default style; diff --git a/src/board/styles-board/pic/lines_cardboard.ts b/src/board/styles-board/pic/lines_cardboard.ts new file mode 100644 index 0000000..5c5cff0 --- /dev/null +++ b/src/board/styles-board/pic/lines_cardboard.ts @@ -0,0 +1,41 @@ +import { Style } from "../../../types"; + +const style: Style = { + category: "pic", + background: { + type: "solid", + data: { + color: "transparent", + }, + }, + dark: { + type: "image", + data: { + src: "/textures/squares/dark-lines2.svg", + }, + }, + light: { + type: "solid", + data: { + color: "transparent", + }, + }, + moveIndicator: { + type: "color", + data: "#55ff0022", + }, + border: { + type: "image", + data: { + src: "/textures/cardboard.jpg", + }, + }, + coords: { + onLight: "#0000007f", + onDark: "#00000099", + onBorder: "#00000099", + }, + ico: "/textures/cardboard_ico.png", +}; + +export default style; diff --git a/src/board/styles-board/pic/lines_paper.ts b/src/board/styles-board/pic/lines_paper.ts new file mode 100644 index 0000000..fa6204f --- /dev/null +++ b/src/board/styles-board/pic/lines_paper.ts @@ -0,0 +1,41 @@ +import { Style } from "../../../types"; + +const style: Style = { + category: "pic", + background: { + type: "solid", + data: { + color: "transparent", + }, + }, + dark: { + type: "image", + data: { + src: "/textures/squares/dark-lines2.svg", + }, + }, + light: { + type: "solid", + data: { + color: "transparent", + }, + }, + moveIndicator: { + type: "color", + data: "#55ff0022", + }, + border: { + type: "image", + data: { + src: "/textures/paper.jpg", + }, + }, + coords: { + onLight: "#0000007f", + onDark: "#00000099", + onBorder: "#00000099", + }, + ico: "/textures/paper_ico.png", +}; + +export default style; diff --git a/src/board/styles-board/pic/lines_parchment.ts b/src/board/styles-board/pic/lines_parchment.ts new file mode 100644 index 0000000..0551ac3 --- /dev/null +++ b/src/board/styles-board/pic/lines_parchment.ts @@ -0,0 +1,40 @@ +import { Style } from "../../../types"; + +const style: Style = { + category: "pic", + background: { + type: "solid", + data: { + color: "#EFDEB1", + }, + }, + dark: { + type: "image", + data: { + src: "/textures/squares/dark-lines.svg", + }, + }, + light: { + type: "solid", + data: { + color: "transparent", + }, + }, + moveIndicator: { + type: "color", + data: "#55ff0022", + }, + border: { + type: "solid", + data: { + color: "#C5B386", + }, + }, + coords: { + onLight: "#0000007f", + onDark: "#00000099", + onBorder: "#00000099", + }, +}; + +export default style;