generative-processing/palettes.ts at master · plusk/generative-processing · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
export type PALETTE_NAME =
  | "mono"
  | "monomild"
  | "monowild"
  | "onom"
  | "genesis"
  | "sydney"
  | "redrange"
  | "redcent"
  | "symmeblu"
  | "termos"
  | "vintage"
  | "pastella"
  | "speis"
  | "mello"
  | "online"
  | "stronk"
  | "sirkul"
  | "appfab";

export const palettes = {
  mono: {
    bg: "#000000",
    colors: ["#ffffff"],
  },
  monomild: {
    bg: "#333333",
    colors: ["#FFFFFF"],
  },
  monowild: {
    bg: "#333333",
    colors: ["#FAEBD7"],
  },
  onom: {
    bg: "#FAEBD7",
    colors: ["#000000"],
  },
  genesis: {
    bg: "#FAEBD7",
    colors: ["#5C4B51", "#8CBEB2", "#F2EBBF", "#F3B562", "#F06060"],
  },
  sydney: {
    bg: "#7F4040",
    colors: ["#F7665D", "#F7826B", "#F7A571", "#78F7C2", "#BFF7B0"],
  },
  redrange: {
    bg: "#EFEFEF",
    colors: ["#2B3A42", "#3F5765", "#FF530D"],
  },
  redcent: {
    bg: "#DC3522",
    colors: ["#D9CB9E", "#374140", "#2A2C2B", "#1E1E20"],
  },
  symmeblu: {
    bg: "#333333",
    colors: ["#405952", "#9C9B7A", "#FFD393", "#FF974F", "#F54F29"],
  },
  termos: {
    bg: "#333333",
    colors: ["#4C6472", "#57A4B1", "#B0D894", "#FADE89", "#F95355"],
  },
  vintage: {
    bg: "#333333",
    colors: ["#0A7B83", "#2AA876", "#FFD265", "#F19C65", "#CE4D45"],
  },
  pastella: {
    bg: "#333333",
    colors: ["#A8E6CF", "#BFD192", "#F5E49E", "#F4A28B", "#FF8B94"],
  },
  speis: {
    bg: "#252932",
    colors: ["#fade89", "#d4ea97", "#aef2b3", "#8cf6d5", "#78f7f7"],
  },
  mello: {
    bg: "#FAEBD7",
    colors: ["#F8A255", "#F76F55", "#E14B56", "#A83A55", "#5F2756"],
  },
  online: {
    bg: "#fff",
    colors: ["#0d5474", "#fab758"],
  },
  stronk: {
    bg: "#FAEBD7",
    colors: ["#70c2ad", "#F3B562", "#F06060", "#97c87e"],
  },
  sirkul: {
    bg: "#FAEBD7",
    colors: ["#162365", "#6D7ABB", "#FFB88D", "#FF5B5B"],
  },
  appfab: {
    bg: "#FAEBD7",
    colors: ["#FFB88D", "#16DBC4", "#A1F5E3", "#162365"],
  },
} as const satisfies Record<PALETTE_NAME, { bg: string; colors: string[] }>;