-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathbitwig-theme.ts
101 lines (100 loc) · 4.73 KB
/
bitwig-theme.ts
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
import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
export const bitwigTheme: CustomThemeConfig = {
name: 'cento-bitwig',
properties: {
// =~= Theme Properties =~=
'--theme-font-family-base': `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
'--theme-font-family-heading': `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
'--theme-font-color-base': '0 0 0',
'--theme-font-color-dark': '255 255 255',
'--theme-rounded-base': '4px',
'--theme-rounded-container': '4px',
'--theme-border-base': '1px',
// =~= Theme On-X Colors =~=
'--on-primary': 'var(--color-surface-900)',
'--on-secondary': 'var(--color-surface-900)',
'--on-tertiary': '0 0 0',
'--on-success': '0 0 0',
'--on-warning': '0 0 0',
'--on-error': '0 0 0',
'--on-surface': '255 255 255',
// =~= Theme Colors =~=
// primary | #ff8713
'--color-primary-50': '255 237 220', // #ffeddc
'--color-primary-100': '255 231 208', // #ffe7d0
'--color-primary-200': '255 225 196', // #ffe1c4
'--color-primary-300': '255 207 161', // #ffcfa1
'--color-primary-400': '255 171 90', // #ffab5a
'--color-primary-500': '255 135 19', // #ff8713
'--color-primary-600': '230 122 17', // #e67a11
'--color-primary-700': '191 101 14', // #bf650e
'--color-primary-800': '153 81 11', // #99510b
'--color-primary-900': '125 66 9', // #7d4209
// secondary | #3dd9ff
'--color-secondary-50': '226 249 255', // #e2f9ff
'--color-secondary-100': '216 247 255', // #d8f7ff
'--color-secondary-200': '207 246 255', // #cff6ff
'--color-secondary-300': '177 240 255', // #b1f0ff
'--color-secondary-400': '119 228 255', // #77e4ff
'--color-secondary-500': '61 217 255', // #3dd9ff
'--color-secondary-600': '55 195 230', // #37c3e6
'--color-secondary-700': '46 163 191', // #2ea3bf
'--color-secondary-800': '37 130 153', // #258299
'--color-secondary-900': '30 106 125', // #1e6a7d
// tertiary | #c36eff
'--color-tertiary-50': '246 233 255', // #f6e9ff
'--color-tertiary-100': '243 226 255', // #f3e2ff
'--color-tertiary-200': '240 219 255', // #f0dbff
'--color-tertiary-300': '231 197 255', // #e7c5ff
'--color-tertiary-400': '213 154 255', // #d59aff
'--color-tertiary-500': '195 110 255', // #c36eff
'--color-tertiary-600': '176 99 230', // #b063e6
'--color-tertiary-700': '146 83 191', // #9253bf
'--color-tertiary-800': '117 66 153', // #754299
'--color-tertiary-900': '96 54 125', // #60367d
// success | #3aff9e
'--color-success-50': '225 255 240', // #e1fff0
'--color-success-100': '216 255 236', // #d8ffec
'--color-success-200': '206 255 231', // #ceffe7
'--color-success-300': '176 255 216', // #b0ffd8
'--color-success-400': '117 255 187', // #75ffbb
'--color-success-500': '58 255 158', // #3aff9e
'--color-success-600': '52 230 142', // #34e68e
'--color-success-700': '44 191 119', // #2cbf77
'--color-success-800': '35 153 95', // #23995f
'--color-success-900': '28 125 77', // #1c7d4d
// warning | #ffde42
'--color-warning-50': '255 250 227', // #fffae3
'--color-warning-100': '255 248 217', // #fff8d9
'--color-warning-200': '255 247 208', // #fff7d0
'--color-warning-300': '255 242 179', // #fff2b3
'--color-warning-400': '255 232 123', // #ffe87b
'--color-warning-500': '255 222 66', // #ffde42
'--color-warning-600': '230 200 59', // #e6c83b
'--color-warning-700': '191 167 50', // #bfa732
'--color-warning-800': '153 133 40', // #998528
'--color-warning-900': '125 109 32', // #7d6d20
// error | #ff1c40
'--color-error-50': '255 221 226', // #ffdde2
'--color-error-100': '255 210 217', // #ffd2d9
'--color-error-200': '255 198 207', // #ffc6cf
'--color-error-300': '255 164 179', // #ffa4b3
'--color-error-400': '255 96 121', // #ff6079
'--color-error-500': '255 28 64', // #ff1c40
'--color-error-600': '230 25 58', // #e6193a
'--color-error-700': '191 21 48', // #bf1530
'--color-error-800': '153 17 38', // #991126
'--color-error-900': '125 14 31', // #7d0e1f
// surface | #2e2e2e
'--color-surface-50': '224 224 224', // #e0e0e0
'--color-surface-100': '213 213 213', // #d5d5d5
'--color-surface-200': '203 203 203', // #cbcbcb
'--color-surface-300': '171 171 171', // #ababab
'--color-surface-400': '109 109 109', // #6d6d6d
'--color-surface-500': '46 46 46', // #2e2e2e
'--color-surface-600': '41 41 41', // #292929
'--color-surface-700': '35 35 35', // #232323
'--color-surface-800': '28 28 28', // #1c1c1c
'--color-surface-900': '23 23 23' // #171717
}
};