components/email/colours.ts

Functions

None: it only declares types or values.

Imports

It imports no other module of this repo. Imported by components/email/email.ts.

Source

1// Generated by tokens/palette.mjs from Capsomer's tokens (every family, both themes).
2// Do not edit: change the script and run `npm run tokens`. `npm run check` refuses a file that differs.
3export type EmailFamily = "purple" | "fox" | "teal" | "navy" | "forest";
4export type EmailColours = Record<"ground" | "surface" | "line" | "text" | "muted" | "accent-text" | "primary" | "primary-fg" | "ok" | "ok-soft" | "warn" | "warn-soft" | "crit" | "crit-soft" | "info" | "info-soft", string>;
5export const emailColours: Record<EmailFamily, { light: EmailColours; dark: EmailColours }> = {
6  "purple": {
7    "light": {
8      "ground": "#fbf9ff",
9      "surface": "#fdfdfe",
10      "line": "#dfdce5",
11      "text": "#1c1727",
12      "muted": "#686471",
13      "accent-text": "#4f2d7f",
14      "primary": "#7d50c1",
15      "primary-fg": "#fdfdfe",
16      "ok": "#047735",
17      "ok-soft": "#d6f7dc",
18      "warn": "#8a5f01",
19      "warn-soft": "#ffeaca",
20      "crit": "#ae453f",
21      "crit-soft": "#fee7e4",
22      "info": "#2668b6",
23      "info-soft": "#e2eeff"
24    },
25    "dark": {
26      "ground": "#0e0c12",
27      "surface": "#18161c",
28      "line": "#343238",
29      "text": "#efedf3",
30      "muted": "#96949e",
31      "accent-text": "#c6b1f2",
32      "primary": "#9b6ee3",
33      "primary-fg": "#0e0c12",
34      "ok": "#4aa462",
35      "ok-soft": "#15301b",
36      "warn": "#bc861a",
37      "warn-soft": "#362508",
38      "crit": "#d97269",
39      "crit-soft": "#3e1e1c",
40      "info": "#5793df",
41      "info-soft": "#172a41"
42    }
43  },
44  "fox": {
45    "light": {
46      "ground": "#fef9f7",
47      "surface": "#fefdfd",
48      "line": "#e5dcd8",
49      "text": "#26160f",
50      "muted": "#71635e",
51      "accent-text": "#822e02",
52      "primary": "#b64404",
53      "primary-fg": "#fefdfd",
54      "ok": "#057835",
55      "ok-soft": "#d6f7dc",
56      "warn": "#8a5f01",
57      "warn-soft": "#ffeaca",
58      "crit": "#af453f",
59      "crit-soft": "#fee7e4",
60      "info": "#2668b6",
61      "info-soft": "#e2eeff"
62    },
63    "dark": {
64      "ground": "#120c09",
65      "surface": "#1c1513",
66      "line": "#38312e",
67      "text": "#f3edea",
68      "muted": "#9e938e",
69      "accent-text": "#f2aa8d",
70      "primary": "#dd5f25",
71      "primary-fg": "#120c09",
72      "ok": "#4aa462",
73      "ok-soft": "#15301b",
74      "warn": "#bc861a",
75      "warn-soft": "#362508",
76      "crit": "#d87269",
77      "crit-soft": "#3e1e1c",
78      "info": "#5793df",
79      "info-soft": "#172a41"
80    }
81  },
82  "teal": {
83    "light": {
84      "ground": "#f1fdfd",
85      "surface": "#fbfefe",
86      "line": "#d5e1e1",
87      "text": "#071f20",
88      "muted": "#59696a",
89      "accent-text": "#01585c",
90      "primary": "#077478",
91      "primary-fg": "#fbfefe",
92      "ok": "#037936",
93      "ok-soft": "#d6f7dc",
94      "warn": "#8b6003",
95      "warn-soft": "#ffeaca",
96      "crit": "#b04540",
97      "crit-soft": "#fee7e4",
98      "info": "#2769b7",
99      "info-soft": "#e2eeff"
100    },
101    "dark": {
102      "ground": "#070f0f",
103      "surface": "#111919",
104      "line": "#2c3535",
105      "text": "#e9f0f0",
106      "muted": "#8b9999",
107      "accent-text": "#97c8cb",
108      "primary": "#249398",
109      "primary-fg": "#070f0f",
110      "ok": "#4aa462",
111      "ok-soft": "#15301b",
112      "warn": "#be881d",
113      "warn-soft": "#362508",
114      "crit": "#db746b",
115      "crit-soft": "#3e1e1c",
116      "info": "#5894df",
117      "info-soft": "#172a41"
118    }
119  },
120  "navy": {
121    "light": {
122      "ground": "#f8fafe",
123      "surface": "#fdfdfe",
124      "line": "#d9dee6",
125      "text": "#121b29",
126      "muted": "#5f6672",
127      "accent-text": "#002868",
128      "primary": "#2a68cf",
129      "primary-fg": "#fdfdfe",
130      "ok": "#017835",
131      "ok-soft": "#d6f7dc",
132      "warn": "#8a6001",
133      "warn-soft": "#ffeaca",
134      "crit": "#af4540",
135      "crit-soft": "#fee7e4",
136      "info": "#2668b7",
137      "info-soft": "#e2eeff"
138    },
139    "dark": {
140      "ground": "#0a0d12",
141      "surface": "#14171d",
142      "line": "#2f3339",
143      "text": "#ebeff4",
144      "muted": "#90969f",
145      "accent-text": "#9abffb",
146      "primary": "#4888f1",
147      "primary-fg": "#0a0d12",
148      "ok": "#4aa462",
149      "ok-soft": "#15301b",
150      "warn": "#bd871b",
151      "warn-soft": "#362508",
152      "crit": "#da736a",
153      "crit-soft": "#3e1e1c",
154      "info": "#5793df",
155      "info-soft": "#172a41"
156    }
157  },
158  "forest": {
159    "light": {
160      "ground": "#f4fdf6",
161      "surface": "#fcfefc",
162      "line": "#d8e0da",
163      "text": "#0f1f14",
164      "muted": "#5e6961",
165      "accent-text": "#15532e",
166      "primary": "#028445",
167      "primary-fg": "#fcfefc",
168      "ok": "#037936",
169      "ok-soft": "#d6f7dc",
170      "warn": "#8b6003",
171      "warn-soft": "#ffeaca",
172      "crit": "#b04641",
173      "crit-soft": "#fee7e4",
174      "info": "#2869b8",
175      "info-soft": "#e2eeff"
176    },
177    "dark": {
178      "ground": "#090f0b",
179      "surface": "#131915",
180      "line": "#2e3530",
181      "text": "#ebf0ec",
182      "muted": "#8f9891",
183      "accent-text": "#95cea5",
184      "primary": "#28a55e",
185      "primary-fg": "#090f0b",
186      "ok": "#4aa462",
187      "ok-soft": "#15301b",
188      "warn": "#be881d",
189      "warn-soft": "#362508",
190      "crit": "#da746b",
191      "crit-soft": "#3e1e1c",
192      "info": "#5794df",
193      "info-soft": "#172a41"
194    }
195  }
196};