This commit is contained in:
Maciej Caderek
2022-03-11 02:30:04 +01:00
parent 84bb4efd80
commit 56dd03f1a0
17 changed files with 527 additions and 11 deletions

View File

@@ -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,

View 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;

View 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;

View 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;

View 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;

View 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;

View 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;

View 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;

View 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;

View 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;

View 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;

View File

@@ -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",
},
};

View 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;

View File

@@ -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: {

View 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;

View File

@@ -18,7 +18,7 @@ const style: Style = {
light: {
type: "solid",
data: {
color: "#aae4d7",
color: "#9EE0BC",
},
},
moveIndicator: {

View File

@@ -18,7 +18,7 @@ const style: Style = {
light: {
type: "solid",
data: {
color: "#cea9f5",
color: "#CB95CB",
},
},
moveIndicator: {