|
1 | | - import type { CustomThemeConfig } from "@skeletonlabs/tw-plugin"; |
| 1 | +import type { CustomThemeConfig } from "@skeletonlabs/tw-plugin"; |
2 | 2 |
|
3 | | - export const nostreeTheme: CustomThemeConfig = { |
4 | | - name: "nostree-theme", |
5 | | - properties: { |
6 | | - // =~= Theme Properties =~= |
7 | | - "--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'`, |
8 | | - "--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'`, |
9 | | - "--theme-font-color-base": "0 0 0", |
10 | | - "--theme-font-color-dark": "255 255 255", |
11 | | - "--theme-rounded-base": "9999px", |
12 | | - "--theme-rounded-container": "16px", |
13 | | - "--theme-border-base": "1px", |
14 | | - // =~= Theme On-X Colors =~= |
15 | | - "--on-primary": "0 0 0", |
16 | | - "--on-secondary": "0 0 0", |
17 | | - "--on-tertiary": "0 0 0", |
18 | | - "--on-success": "0 0 0", |
19 | | - "--on-warning": "0 0 0", |
20 | | - "--on-error": "0 0 0", |
21 | | - "--on-surface": "255 255 255", |
22 | | - // =~= Theme Colors =~= |
23 | | - // primary | #ffa348 |
24 | | - "--color-primary-50": "255 241 228", // #fff1e4 |
25 | | - "--color-primary-100": "255 237 218", // #ffedda |
26 | | - "--color-primary-200": "255 232 209", // #ffe8d1 |
27 | | - "--color-primary-300": "255 218 182", // #ffdab6 |
28 | | - "--color-primary-400": "255 191 127", // #ffbf7f |
29 | | - "--color-primary-500": "255 163 72", // #ffa348 |
30 | | - "--color-primary-600": "230 147 65", // #e69341 |
31 | | - "--color-primary-700": "191 122 54", // #bf7a36 |
32 | | - "--color-primary-800": "153 98 43", // #99622b |
33 | | - "--color-primary-900": "125 80 35", // #7d5023 |
34 | | - // secondary | #6bc187 |
35 | | - "--color-secondary-50": "233 246 237", // #e9f6ed |
36 | | - "--color-secondary-100": "225 243 231", // #e1f3e7 |
37 | | - "--color-secondary-200": "218 240 225", // #daf0e1 |
38 | | - "--color-secondary-300": "196 230 207", // #c4e6cf |
39 | | - "--color-secondary-400": "151 212 171", // #97d4ab |
40 | | - "--color-secondary-500": "107 193 135", // #6bc187 |
41 | | - "--color-secondary-600": "96 174 122", // #60ae7a |
42 | | - "--color-secondary-700": "80 145 101", // #509165 |
43 | | - "--color-secondary-800": "64 116 81", // #407451 |
44 | | - "--color-secondary-900": "52 95 66", // #345f42 |
45 | | - // tertiary | #3584e4 |
46 | | - "--color-tertiary-50": "225 237 251", // #e1edfb |
47 | | - "--color-tertiary-100": "215 230 250", // #d7e6fa |
48 | | - "--color-tertiary-200": "205 224 248", // #cde0f8 |
49 | | - "--color-tertiary-300": "174 206 244", // #aecef4 |
50 | | - "--color-tertiary-400": "114 169 236", // #72a9ec |
51 | | - "--color-tertiary-500": "53 132 228", // #3584e4 |
52 | | - "--color-tertiary-600": "48 119 205", // #3077cd |
53 | | - "--color-tertiary-700": "40 99 171", // #2863ab |
54 | | - "--color-tertiary-800": "32 79 137", // #204f89 |
55 | | - "--color-tertiary-900": "26 65 112", // #1a4170 |
56 | | - // success | #6bc187 |
57 | | - "--color-success-50": "233 246 237", // #e9f6ed |
58 | | - "--color-success-100": "225 243 231", // #e1f3e7 |
59 | | - "--color-success-200": "218 240 225", // #daf0e1 |
60 | | - "--color-success-300": "196 230 207", // #c4e6cf |
61 | | - "--color-success-400": "151 212 171", // #97d4ab |
62 | | - "--color-success-500": "107 193 135", // #6bc187 |
63 | | - "--color-success-600": "96 174 122", // #60ae7a |
64 | | - "--color-success-700": "80 145 101", // #509165 |
65 | | - "--color-success-800": "64 116 81", // #407451 |
66 | | - "--color-success-900": "52 95 66", // #345f42 |
67 | | - // warning | #f8e45c |
68 | | - "--color-warning-50": "254 251 231", // #fefbe7 |
69 | | - "--color-warning-100": "254 250 222", // #fefade |
70 | | - "--color-warning-200": "253 248 214", // #fdf8d6 |
71 | | - "--color-warning-300": "252 244 190", // #fcf4be |
72 | | - "--color-warning-400": "250 236 141", // #faec8d |
73 | | - "--color-warning-500": "248 228 92", // #f8e45c |
74 | | - "--color-warning-600": "223 205 83", // #dfcd53 |
75 | | - "--color-warning-700": "186 171 69", // #baab45 |
76 | | - "--color-warning-800": "149 137 55", // #958937 |
77 | | - "--color-warning-900": "122 112 45", // #7a702d |
78 | | - // error | #f66151 |
79 | | - "--color-error-50": "254 231 229", // #fee7e5 |
80 | | - "--color-error-100": "253 223 220", // #fddfdc |
81 | | - "--color-error-200": "253 216 212", // #fdd8d4 |
82 | | - "--color-error-300": "251 192 185", // #fbc0b9 |
83 | | - "--color-error-400": "249 144 133", // #f99085 |
84 | | - "--color-error-500": "246 97 81", // #f66151 |
85 | | - "--color-error-600": "221 87 73", // #dd5749 |
86 | | - "--color-error-700": "185 73 61", // #b9493d |
87 | | - "--color-error-800": "148 58 49", // #943a31 |
88 | | - "--color-error-900": "121 48 40", // #793028 |
89 | | - // surface | #8743db |
90 | | - "--color-surface-50": "237 227 250", // #ede3fa |
91 | | - "--color-surface-100": "231 217 248", // #e7d9f8 |
92 | | - "--color-surface-200": "225 208 246", // #e1d0f6 |
93 | | - "--color-surface-300": "207 180 241", // #cfb4f1 |
94 | | - "--color-surface-400": "171 123 230", // #ab7be6 |
95 | | - "--color-surface-500": "135 67 219", // #8743db |
96 | | - "--color-surface-600": "122 60 197", // #7a3cc5 |
97 | | - "--color-surface-700": "101 50 164", // #6532a4 |
98 | | - "--color-surface-800": "81 40 131", // #512883 |
99 | | - "--color-surface-900": "66 33 107", // #42216b |
100 | | - |
101 | | - } |
102 | | -} |
| 3 | +export const nostreeTheme: CustomThemeConfig = { |
| 4 | + name: "nostree-theme", |
| 5 | + properties: { |
| 6 | + // =~= Theme Properties =~= |
| 7 | + "--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'`, |
| 8 | + "--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'`, |
| 9 | + "--theme-font-color-base": "0 0 0", |
| 10 | + "--theme-font-color-dark": "255 255 255", |
| 11 | + "--theme-rounded-base": "9999px", |
| 12 | + "--theme-rounded-container": "16px", |
| 13 | + "--theme-border-base": "1px", |
| 14 | + // =~= Theme On-X Colors =~= |
| 15 | + "--on-primary": "0 0 0", |
| 16 | + "--on-secondary": "0 0 0", |
| 17 | + "--on-tertiary": "0 0 0", |
| 18 | + "--on-success": "0 0 0", |
| 19 | + "--on-warning": "0 0 0", |
| 20 | + "--on-error": "0 0 0", |
| 21 | + "--on-surface": "255 255 255", |
| 22 | + // =~= Theme Colors =~= |
| 23 | + // primary | #ffa348 |
| 24 | + "--color-primary-50": "255 241 228", // #fff1e4 |
| 25 | + "--color-primary-100": "255 237 218", // #ffedda |
| 26 | + "--color-primary-200": "255 232 209", // #ffe8d1 |
| 27 | + "--color-primary-300": "255 218 182", // #ffdab6 |
| 28 | + "--color-primary-400": "255 191 127", // #ffbf7f |
| 29 | + "--color-primary-500": "255 163 72", // #ffa348 |
| 30 | + "--color-primary-600": "230 147 65", // #e69341 |
| 31 | + "--color-primary-700": "191 122 54", // #bf7a36 |
| 32 | + "--color-primary-800": "153 98 43", // #99622b |
| 33 | + "--color-primary-900": "125 80 35", // #7d5023 |
| 34 | + // secondary | #6bc187 |
| 35 | + "--color-secondary-50": "233 246 237", // #e9f6ed |
| 36 | + "--color-secondary-100": "225 243 231", // #e1f3e7 |
| 37 | + "--color-secondary-200": "218 240 225", // #daf0e1 |
| 38 | + "--color-secondary-300": "196 230 207", // #c4e6cf |
| 39 | + "--color-secondary-400": "151 212 171", // #97d4ab |
| 40 | + "--color-secondary-500": "107 193 135", // #6bc187 |
| 41 | + "--color-secondary-600": "96 174 122", // #60ae7a |
| 42 | + "--color-secondary-700": "80 145 101", // #509165 |
| 43 | + "--color-secondary-800": "64 116 81", // #407451 |
| 44 | + "--color-secondary-900": "52 95 66", // #345f42 |
| 45 | + // tertiary | #3584e4 |
| 46 | + "--color-tertiary-50": "225 237 251", // #e1edfb |
| 47 | + "--color-tertiary-100": "215 230 250", // #d7e6fa |
| 48 | + "--color-tertiary-200": "205 224 248", // #cde0f8 |
| 49 | + "--color-tertiary-300": "174 206 244", // #aecef4 |
| 50 | + "--color-tertiary-400": "114 169 236", // #72a9ec |
| 51 | + "--color-tertiary-500": "53 132 228", // #3584e4 |
| 52 | + "--color-tertiary-600": "48 119 205", // #3077cd |
| 53 | + "--color-tertiary-700": "40 99 171", // #2863ab |
| 54 | + "--color-tertiary-800": "32 79 137", // #204f89 |
| 55 | + "--color-tertiary-900": "26 65 112", // #1a4170 |
| 56 | + // success | #6bc187 |
| 57 | + "--color-success-50": "233 246 237", // #e9f6ed |
| 58 | + "--color-success-100": "225 243 231", // #e1f3e7 |
| 59 | + "--color-success-200": "218 240 225", // #daf0e1 |
| 60 | + "--color-success-300": "196 230 207", // #c4e6cf |
| 61 | + "--color-success-400": "151 212 171", // #97d4ab |
| 62 | + "--color-success-500": "107 193 135", // #6bc187 |
| 63 | + "--color-success-600": "96 174 122", // #60ae7a |
| 64 | + "--color-success-700": "80 145 101", // #509165 |
| 65 | + "--color-success-800": "64 116 81", // #407451 |
| 66 | + "--color-success-900": "52 95 66", // #345f42 |
| 67 | + // warning | #f8e45c |
| 68 | + "--color-warning-50": "254 251 231", // #fefbe7 |
| 69 | + "--color-warning-100": "254 250 222", // #fefade |
| 70 | + "--color-warning-200": "253 248 214", // #fdf8d6 |
| 71 | + "--color-warning-300": "252 244 190", // #fcf4be |
| 72 | + "--color-warning-400": "250 236 141", // #faec8d |
| 73 | + "--color-warning-500": "248 228 92", // #f8e45c |
| 74 | + "--color-warning-600": "223 205 83", // #dfcd53 |
| 75 | + "--color-warning-700": "186 171 69", // #baab45 |
| 76 | + "--color-warning-800": "149 137 55", // #958937 |
| 77 | + "--color-warning-900": "122 112 45", // #7a702d |
| 78 | + // error | #f66151 |
| 79 | + "--color-error-50": "254 231 229", // #fee7e5 |
| 80 | + "--color-error-100": "253 223 220", // #fddfdc |
| 81 | + "--color-error-200": "253 216 212", // #fdd8d4 |
| 82 | + "--color-error-300": "251 192 185", // #fbc0b9 |
| 83 | + "--color-error-400": "249 144 133", // #f99085 |
| 84 | + "--color-error-500": "246 97 81", // #f66151 |
| 85 | + "--color-error-600": "221 87 73", // #dd5749 |
| 86 | + "--color-error-700": "185 73 61", // #b9493d |
| 87 | + "--color-error-800": "148 58 49", // #943a31 |
| 88 | + "--color-error-900": "121 48 40", // #793028 |
| 89 | + // surface | #8743db |
| 90 | + "--color-surface-50": "237 227 250", // #ede3fa |
| 91 | + "--color-surface-100": "231 217 248", // #e7d9f8 |
| 92 | + "--color-surface-200": "225 208 246", // #e1d0f6 |
| 93 | + "--color-surface-300": "207 180 241", // #cfb4f1 |
| 94 | + "--color-surface-400": "171 123 230", // #ab7be6 |
| 95 | + "--color-surface-500": "135 67 219", // #8743db |
| 96 | + "--color-surface-600": "122 60 197", // #7a3cc5 |
| 97 | + "--color-surface-700": "101 50 164", // #6532a4 |
| 98 | + "--color-surface-800": "81 40 131", // #512883 |
| 99 | + "--color-surface-900": "66 33 107", // #42216b |
| 100 | + }, |
| 101 | +}; |
0 commit comments