WIP
This commit is contained in:
@@ -1,4 +1,8 @@
|
||||
import standard from "./solid/standard";
|
||||
import spring from "./solid/spring";
|
||||
import azure from "./solid/azure";
|
||||
import clay from "./solid/clay";
|
||||
import rock from "./solid/rock";
|
||||
import danny from "./solid/danny";
|
||||
import dannyGreen from "./solid/danny-green";
|
||||
import dannyCyan from "./solid/danny-cyan";
|
||||
@@ -18,6 +22,14 @@ import botez from "./solid/botez";
|
||||
import mud from "./solid/mud";
|
||||
import rose from "./solid/rose";
|
||||
import avocado from "./solid/avocado";
|
||||
import monoTeal from "./solid/mono-teal";
|
||||
import monoChico from "./solid/mono-chico";
|
||||
import monoGoblin from "./solid/mono-goblin";
|
||||
import monoMahogany from "./solid/mono-mahogany";
|
||||
import monoMojo from "./solid/mono-mojo";
|
||||
import monoMulberry from "./solid/mono-mulberry";
|
||||
import monoSycamore from "./solid/mono-sycamore";
|
||||
import monoBlue from "./solid/mono-blue";
|
||||
|
||||
import smoothSunset from "./gradient/smooth-sunset";
|
||||
import smoothSummer from "./gradient/smooth-summer";
|
||||
@@ -43,9 +55,13 @@ import wood8 from "./pic/wood8";
|
||||
|
||||
const styles = {
|
||||
standard,
|
||||
peach,
|
||||
spring,
|
||||
azure,
|
||||
violet,
|
||||
rose,
|
||||
peach,
|
||||
clay,
|
||||
rock,
|
||||
lila,
|
||||
leko,
|
||||
patina,
|
||||
@@ -62,6 +78,14 @@ const styles = {
|
||||
danya,
|
||||
botez,
|
||||
avocado,
|
||||
monoChico,
|
||||
monoMojo,
|
||||
monoMahogany,
|
||||
monoMulberry,
|
||||
monoBlue,
|
||||
monoTeal,
|
||||
monoGoblin,
|
||||
monoSycamore,
|
||||
|
||||
smoothSunset,
|
||||
smoothSummer,
|
||||
|
||||
41
src/board/styles-board/solid/azure.ts
Normal file
41
src/board/styles-board/solid/azure.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Azure",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#277ECE",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#7DD3E2",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "color",
|
||||
data: "#ffff0055",
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#0F508C",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#0F508C",
|
||||
onDark: "#ACE3EC",
|
||||
onBorder: "#ACE3EC",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/solid/clay.ts
Normal file
41
src/board/styles-board/solid/clay.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Clay",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#BF5344",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#D9B08F",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "color",
|
||||
data: "#ffff0055",
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#793329",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#793329",
|
||||
onDark: "#F4C8A3",
|
||||
onBorder: "#F4C8A3",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/solid/mono-blue.ts
Normal file
41
src/board/styles-board/solid/mono-blue.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Mono Blue",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#514FAE",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#8583C6",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "hueShift",
|
||||
data: -30,
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#514FAE",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#00000088",
|
||||
onDark: "#ffffffcc",
|
||||
onBorder: "#ffffffcc",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/solid/mono-chico.ts
Normal file
41
src/board/styles-board/solid/mono-chico.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Mono Chico",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#885953",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#AB8A86",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "hueShift",
|
||||
data: -30,
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#885953",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#00000088",
|
||||
onDark: "#ffffffcc",
|
||||
onBorder: "#ffffffcc",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/solid/mono-goblin.ts
Normal file
41
src/board/styles-board/solid/mono-goblin.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Mono Goblin",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#468557",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#7DA989",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "hueShift",
|
||||
data: 40,
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#468557",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#00000088",
|
||||
onDark: "#ffffffcc",
|
||||
onBorder: "#ffffffcc",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/solid/mono-mahogany.ts
Normal file
41
src/board/styles-board/solid/mono-mahogany.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Mono Mahogany",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#CA3838",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#DA7373",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "hueShift",
|
||||
data: 30,
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#CA3838",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#00000088",
|
||||
onDark: "#ffffffcc",
|
||||
onBorder: "#ffffffcc",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/solid/mono-mojo.ts
Normal file
41
src/board/styles-board/solid/mono-mojo.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Mono Blue",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#C95D3B",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#D98D75",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "hueShift",
|
||||
data: 30,
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#C95D3B",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#00000088",
|
||||
onDark: "#ffffffcc",
|
||||
onBorder: "#ffffffcc",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/solid/mono-mulberry.ts
Normal file
41
src/board/styles-board/solid/mono-mulberry.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Mono Mulberry",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#C24B84",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#D481A9",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "hueShift",
|
||||
data: -30,
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#C24B84",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#00000088",
|
||||
onDark: "#ffffffcc",
|
||||
onBorder: "#ffffffcc",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/solid/mono-sycamore.ts
Normal file
41
src/board/styles-board/solid/mono-sycamore.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Mono Sycamore",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#809D41",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#A6BA7A",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "hueShift",
|
||||
data: 60,
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#809D41",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#00000088",
|
||||
onDark: "#ffffffcc",
|
||||
onBorder: "#ffffffcc",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
41
src/board/styles-board/solid/mono-teal.ts
Normal file
41
src/board/styles-board/solid/mono-teal.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Mono Teal",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#106C73",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#4C989D",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "hueShift",
|
||||
data: -30,
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#106C73",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#00000088",
|
||||
onDark: "#ffffffcc",
|
||||
onBorder: "#ffffffcc",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
@@ -12,13 +12,13 @@ const style: Style = {
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#e54b4b",
|
||||
color: "#E54B4B",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#ffa987",
|
||||
color: "#EFB293",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
@@ -28,13 +28,13 @@ const style: Style = {
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#962c2c",
|
||||
color: "#9E3131",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#e54b4b",
|
||||
onDark: "#ffa987",
|
||||
onBorder: "#ffa987",
|
||||
onDark: "#EFB293",
|
||||
onBorder: "#EFB293",
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
41
src/board/styles-board/solid/rock.ts
Normal file
41
src/board/styles-board/solid/rock.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Rock",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#949494",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#D4D4D4",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "color",
|
||||
data: "#ffff0055",
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#595959",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#595959",
|
||||
onDark: "#EAEAEA",
|
||||
onBorder: "#EAEAEA",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
@@ -12,13 +12,13 @@ const style: Style = {
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#f04a73",
|
||||
color: "#F04A73",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#ffb8c9",
|
||||
color: "#F7A8A1",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
@@ -28,7 +28,7 @@ const style: Style = {
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#a62444",
|
||||
color: "#A62444",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
|
||||
41
src/board/styles-board/solid/spring.ts
Normal file
41
src/board/styles-board/solid/spring.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Style } from "../../../types";
|
||||
|
||||
const style: Style = {
|
||||
name: "Spring",
|
||||
category: "solid",
|
||||
background: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "transparent",
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#6BB53E",
|
||||
},
|
||||
},
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#C1D997",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
type: "color",
|
||||
data: "#ffff0055",
|
||||
},
|
||||
border: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#40761E",
|
||||
},
|
||||
},
|
||||
coords: {
|
||||
onLight: "#40761E",
|
||||
onDark: "#DBF5AD",
|
||||
onBorder: "#DBF5AD",
|
||||
},
|
||||
};
|
||||
|
||||
export default style;
|
||||
@@ -18,7 +18,7 @@ const style: Style = {
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#aae4d7",
|
||||
color: "#9EE0BC",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
|
||||
@@ -18,7 +18,7 @@ const style: Style = {
|
||||
light: {
|
||||
type: "solid",
|
||||
data: {
|
||||
color: "#cea9f5",
|
||||
color: "#CB95CB",
|
||||
},
|
||||
},
|
||||
moveIndicator: {
|
||||
|
||||
Reference in New Issue
Block a user