102 lines
4.9 KiB
TypeScript
102 lines
4.9 KiB
TypeScript
import type { CustomThemeConfig } from "@skeletonlabs/tw-plugin";
|
|
|
|
export const formula11Theme: CustomThemeConfig = {
|
|
name: "formula11Theme",
|
|
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": "8px",
|
|
"--theme-rounded-container": "8px",
|
|
"--theme-border-base": "1px",
|
|
// =~= Theme On-X Colors =~=
|
|
"--on-primary": "0 0 0",
|
|
"--on-secondary": "0 0 0",
|
|
"--on-tertiary": "0 0 0",
|
|
"--on-success": "var(--color-primary-50)",
|
|
"--on-warning": "0 0 0",
|
|
"--on-error": "255 255 255",
|
|
"--on-surface": "0 0 0",
|
|
// =~= Theme Colors =~=
|
|
// primary | #F8D7DA
|
|
"--color-primary-50": "254 249 249", // #fef9f9
|
|
"--color-primary-100": "254 247 248", // #fef7f8
|
|
"--color-primary-200": "253 245 246", // #fdf5f6
|
|
"--color-primary-300": "252 239 240", // #fceff0
|
|
"--color-primary-400": "250 227 229", // #fae3e5
|
|
"--color-primary-500": "248 215 218", // #F8D7DA
|
|
"--color-primary-600": "223 194 196", // #dfc2c4
|
|
"--color-primary-700": "186 161 164", // #baa1a4
|
|
"--color-primary-800": "149 129 131", // #958183
|
|
"--color-primary-900": "122 105 107", // #7a696b
|
|
// secondary | #FFF3CD
|
|
"--color-secondary-50": "255 253 248", // #fffdf8
|
|
"--color-secondary-100": "255 253 245", // #fffdf5
|
|
"--color-secondary-200": "255 252 243", // #fffcf3
|
|
"--color-secondary-300": "255 250 235", // #fffaeb
|
|
"--color-secondary-400": "255 247 220", // #fff7dc
|
|
"--color-secondary-500": "255 243 205", // #FFF3CD
|
|
"--color-secondary-600": "230 219 185", // #e6dbb9
|
|
"--color-secondary-700": "191 182 154", // #bfb69a
|
|
"--color-secondary-800": "153 146 123", // #99927b
|
|
"--color-secondary-900": "125 119 100", // #7d7764
|
|
// tertiary | #D1E7DD
|
|
"--color-tertiary-50": "248 251 250", // #f8fbfa
|
|
"--color-tertiary-100": "246 250 248", // #f6faf8
|
|
"--color-tertiary-200": "244 249 247", // #f4f9f7
|
|
"--color-tertiary-300": "237 245 241", // #edf5f1
|
|
"--color-tertiary-400": "223 238 231", // #dfeee7
|
|
"--color-tertiary-500": "209 231 221", // #D1E7DD
|
|
"--color-tertiary-600": "188 208 199", // #bcd0c7
|
|
"--color-tertiary-700": "157 173 166", // #9dada6
|
|
"--color-tertiary-800": "125 139 133", // #7d8b85
|
|
"--color-tertiary-900": "102 113 108", // #66716c
|
|
// success | #198754
|
|
"--color-success-50": "221 237 229", // #ddede5
|
|
"--color-success-100": "209 231 221", // #d1e7dd
|
|
"--color-success-200": "198 225 212", // #c6e1d4
|
|
"--color-success-300": "163 207 187", // #a3cfbb
|
|
"--color-success-400": "94 171 135", // #5eab87
|
|
"--color-success-500": "25 135 84", // #198754
|
|
"--color-success-600": "23 122 76", // #177a4c
|
|
"--color-success-700": "19 101 63", // #13653f
|
|
"--color-success-800": "15 81 50", // #0f5132
|
|
"--color-success-900": "12 66 41", // #0c4229
|
|
// warning | #FFC107
|
|
"--color-warning-50": "255 246 218", // #fff6da
|
|
"--color-warning-100": "255 243 205", // #fff3cd
|
|
"--color-warning-200": "255 240 193", // #fff0c1
|
|
"--color-warning-300": "255 230 156", // #ffe69c
|
|
"--color-warning-400": "255 212 81", // #ffd451
|
|
"--color-warning-500": "255 193 7", // #FFC107
|
|
"--color-warning-600": "230 174 6", // #e6ae06
|
|
"--color-warning-700": "191 145 5", // #bf9105
|
|
"--color-warning-800": "153 116 4", // #997404
|
|
"--color-warning-900": "125 95 3", // #7d5f03
|
|
// error | #DC3545
|
|
"--color-error-50": "250 225 227", // #fae1e3
|
|
"--color-error-100": "248 215 218", // #f8d7da
|
|
"--color-error-200": "246 205 209", // #f6cdd1
|
|
"--color-error-300": "241 174 181", // #f1aeb5
|
|
"--color-error-400": "231 114 125", // #e7727d
|
|
"--color-error-500": "220 53 69", // #DC3545
|
|
"--color-error-600": "198 48 62", // #c6303e
|
|
"--color-error-700": "165 40 52", // #a52834
|
|
"--color-error-800": "132 32 41", // #842029
|
|
"--color-error-900": "108 26 34", // #6c1a22
|
|
// surface | #DDDDDD
|
|
"--color-surface-50": "250 250 250", // #fafafa
|
|
"--color-surface-100": "248 248 248", // #f8f8f8
|
|
"--color-surface-200": "247 247 247", // #f7f7f7
|
|
"--color-surface-300": "241 241 241", // #f1f1f1
|
|
"--color-surface-400": "231 231 231", // #e7e7e7
|
|
"--color-surface-500": "221 221 221", // #DDDDDD
|
|
"--color-surface-600": "199 199 199", // #c7c7c7
|
|
"--color-surface-700": "166 166 166", // #a6a6a6
|
|
"--color-surface-800": "133 133 133", // #858585
|
|
"--color-surface-900": "108 108 108", // #6c6c6c
|
|
},
|
|
};
|