WIP
This commit is contained in:
41
src/board/styles-board/avocado.ts
Normal file
41
src/board/styles-board/avocado.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Avocado",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#72b339",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#ececa4",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#7D3EC155",
|
||||
},
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#1f2b15",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
lightColor: "#ececa4",
|
||||
darkColor: "#ececa4",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
43
src/board/styles-board/calm.ts
Normal file
43
src/board/styles-board/calm.ts
Normal file
@@ -0,0 +1,43 @@
|
||||
import { Style } from "../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Calm",
|
||||
background: {
|
||||
type: "gradient",
|
||||
data: {
|
||||
dir: "diagonal-top",
|
||||
colors: ["#96c93d", "#00b09b"],
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "rgba(0, 0, 0, 0)",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "rgba(255, 255, 255, 0.5)",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#ff00dd44",
|
||||
},
|
||||
},
|
||||
border: {
|
||||
type: "gradient",
|
||||
data: {
|
||||
dir: "diagonal-top",
|
||||
colors: ["#70982b", "#008b7a"],
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
lightColor: "rgba(255, 255, 255, 0.9)",
|
||||
darkColor: "rgba(255, 255, 255, 0.9)",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/glass.ts
Normal file
41
src/board/styles-board/glass.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Glass",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#ffffff33",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#ffffff99",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#0055ff77",
|
||||
},
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#ffffff66",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
lightColor: "#222",
|
||||
darkColor: "#222",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
19
src/board/styles-board/index.ts
Normal file
19
src/board/styles-board/index.ts
Normal file
@@ -0,0 +1,19 @@
|
||||
import avocado from "./avocado";
|
||||
import calm from "./calm";
|
||||
import standard from "./standard";
|
||||
import glass from "./glass";
|
||||
import kittens from "./kittens";
|
||||
import lila from "./lila";
|
||||
import mono from "./mono";
|
||||
import peach from "./peach";
|
||||
|
||||
export default {
|
||||
avocado,
|
||||
calm,
|
||||
glass,
|
||||
// kittens,
|
||||
lila,
|
||||
mono,
|
||||
peach,
|
||||
standard,
|
||||
};
|
||||
41
src/board/styles-board/kittens.ts
Normal file
41
src/board/styles-board/kittens.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Kittens",
|
||||
background: {
|
||||
type: "image",
|
||||
data: {
|
||||
src: "https://placekitten.com/1024/1024",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "image",
|
||||
data: {
|
||||
src: "https://placekitten.com/128/128",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#0055ff77",
|
||||
},
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#444",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
lightColor: "#eee",
|
||||
darkColor: "#eee",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/lila.ts
Normal file
41
src/board/styles-board/lila.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Lila",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#c0acb5",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#e5d0cb",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#0055ff77",
|
||||
},
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#735c66",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
lightColor: "#e5d0cb",
|
||||
darkColor: "#e5d0cb",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/mono.ts
Normal file
41
src/board/styles-board/mono.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Mono",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#bbb",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#eee",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#0055ff77",
|
||||
},
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#444",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
lightColor: "#eee",
|
||||
darkColor: "#eee",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
37
src/board/styles-board/peach.ts
Normal file
37
src/board/styles-board/peach.ts
Normal file
@@ -0,0 +1,37 @@
|
||||
import { Style } from "../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Peach",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#e54b4b",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#ffa987",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "solid",
|
||||
data: {
|
||||
// color: "#0055ff77",
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
border: null,
|
||||
coords: {
|
||||
lightColor: "#ffa987",
|
||||
darkColor: "#e54b4b",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/standard.ts
Normal file
41
src/board/styles-board/standard.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Standard",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#999",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#eee",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#0055ff55",
|
||||
},
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#444",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
lightColor: "#eee",
|
||||
darkColor: "#eee",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
Reference in New Issue
Block a user