forked from keystonejs/keystone
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathTOKENS.ts
More file actions
119 lines (110 loc) · 3.37 KB
/
Copy pathTOKENS.ts
File metadata and controls
119 lines (110 loc) · 3.37 KB
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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
export const SPACE = {
'--space-xxsmall': '0.125rem',
'--space-xsmall': '0.25rem',
'--space-small': '0.375rem',
'--space-medium': '0.5rem',
'--space-large': '1rem',
'--space-xlarge': '1.5rem',
'--space-xxlarge': '6rem',
} as const;
export const TYPE = {
'--font-brand':
'"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
'--font-body':
'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
'--font-mono':
'ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace',
} as const;
export const TYPESCALE = {
'--font-xxsmall': '0.75rem',
'--font-xsmall': '0.875rem',
'--font-small': '1rem',
'--font-medium': '1.25rem',
'--font-large': '1.5rem',
'--font-xlarge': '1.875rem',
'--font-xxlarge': '2.625rem',
} as const;
export const COLORS = {
light: {
'--theme': 'light',
'--app-bg': '#fff',
'--brand-bg': '#166bff',
'--brand-bg-90': '#2d7aff',
'--brand-bg--40': 'rgba(22, 107, 255, 0.6)',
'--brand-text': '#fff',
'--link': '#166bff',
'--link-active': '#0b55d5',
'--focus': '#8b5cf6',
'--border': '#e2e8f0',
'--border-muted': '#EDF2F7',
'--muted': '#5F718C',
'--text': '#47546b',
'--text-heading': '#2d3748',
'--text-disabled': '#a0aec0',
'--code': '#47546b',
'--code-bg': '#f6f7f9',
'--shadow': 'rgba(22, 107, 255, 0.1)',
'--info': '#0299e7',
'--info-bg': 'rgba(2, 153, 231, 0.1)',
'--warning': '#d97706',
'--warning-bg': 'rgba(217, 119, 6, 0.1)',
'--success': '#22c55e',
'--success-bg': 'rgba(34, 197, 94, 0.1)',
'--danger': '#dc2626',
'--danger-bg': 'rgba(220, 38, 38, 0.1)',
'--danger-90': '#e03c3c',
'--danger--40': 'rgba(220, 38, 38, 0.6)',
'--alert-text': '#47546b',
'--grad1-1': '#1476FF',
'--grad1-2': '#00ABDA',
'--grad2-1': '#12D393',
'--grad2-2': '#10CCC5',
'--grad3-1': '#6373F1',
'--grad3-2': '#9884FC',
'--grad4-1': '#f87171',
'--grad4-2': '#F68B27',
'--grad5-1': '#EC4899',
'--grad5-2': '#F87171',
},
dark: {
'--theme': 'dark',
'--app-bg': '#171923',
'--brand-bg': '#166bff',
'--brand-bg-90': '#2d7aff',
'--brand-bg--40': 'rgba(22, 107, 255, 0.6)',
'--brand-text': '#fff',
'--link': '#2997ff',
'--link-active': '#89b3fa',
'--focus': '#8b5cf6',
'--border': '#2d3748',
'--border-muted': '#212633',
'--muted': '#a0aec0',
'--text': '#a0aec0',
'--text-heading': '#f7f9fc',
'--text-disabled': '#627693',
'--code': '#cbd5e0',
'--code-bg': '#1f2631',
'--shadow': 'rgba(0, 0, 0, 0.2)',
'--info': '#0299e7',
'--info-bg': 'rgba(2, 153, 231, 0.05)',
'--warning': '#d97706',
'--warning-bg': 'rgba(217, 119, 6, 0.05)',
'--success': '#22c55e',
'--success-bg': 'rgba(34, 197, 94, 0.05)',
'--danger': '#dc2626',
'--danger-bg': 'rgba(220, 38, 38, 0.05)',
'--danger-90': '#e03c3c',
'--danger--40': 'rgba(220, 38, 38, 0.6)',
'--alert-text': 'rgba(247, 250, 252, 0.8)',
'--grad1-1': '#F7F9FC',
'--grad1-2': '#F7F9FC',
'--grad2-1': '#F7F9FC',
'--grad2-2': '#F7F9FC',
'--grad3-1': '#F7F9FC',
'--grad3-2': '#F7F9FC',
'--grad4-1': '#F7F9FC',
'--grad4-2': '#F7F9FC ',
'--grad5-1': '#F7F9FC',
'--grad5-2': '#F7F9FC',
},
} as const;