diff --git a/del_postcss.config.cjs b/del_postcss.config.cjs deleted file mode 100644 index 49e34e00..00000000 --- a/del_postcss.config.cjs +++ /dev/null @@ -1,7 +0,0 @@ -module.exports = { - plugins: { - // tailwindcss: {}, - // autoprefixer: {}, - '@tailwindcss/postcss': {}, - }, -} \ No newline at end of file diff --git a/del_tailwind.config.ts b/del_tailwind.config.ts deleted file mode 100644 index 2a62f031..00000000 --- a/del_tailwind.config.ts +++ /dev/null @@ -1,174 +0,0 @@ -/** @type {import('tailwindcss').Config} */ - -// import { join } from 'path' -// import { fontFamily } from "tailwindcss/defaultTheme"; -import forms from '@tailwindcss/forms'; -import typography from '@tailwindcss/typography'; -// import type { Config } from "@tailwindcss/types"; -import tailwindcssAnimate from "tailwindcss-animate"; -// import { skeleton } from '@skeletonlabs/tw-plugin'; - -import { OSIT_Custom_Theme } from './theme_osit_3'; -import { LCI_Custom_Theme } from './del_theme_lci_1'; - -// Most of this was generated by the Shadcn CLI. I merged the rest back from from the original tailwind.config.js. -// export default { -const config: Config = { - darkMode: ["class"], - content: [ - "./src/**/*.{html,js,svelte,ts}", - "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}", - // join(require.resolve('@skeletonlabs/skeleton-svelte'), // @skeletonlabs/skeleton-svelte or @skeletonlabs/skeleton? - // '../**/*.{html,js,svelte,ts}') - ], - safelist: ["dark"], - theme: { - container: { - center: true, - padding: "2rem", - screens: { - // "md": "768px", - "2xl": "1400px" - } - }, - extend: { - // responsive: { - // "md": { "max": "768px" }, - // }, - // responsive: ['md'], - "rounded-sm": { - DEFAULT: "var(--radius)", - sm: "calc(var(--radius) - 4px)", - md: "calc(var(--radius) - 2px)", - lg: "var(--radius)", - xl: "calc(var(--radius) + 4px)", - "2xl": "calc(var(--radius) + 8px)", - "3xl": "calc(var(--radius) + 12px)", - }, - - colors: { - border: "hsl(var(--border) / )", - input: "hsl(var(--input) / )", - ring: "hsl(var(--ring) / )", - background: "hsl(var(--background) / )", - foreground: "hsl(var(--foreground) / )", - // Added by Scott - rounded: "hsl(var(--radius))", - primary: { - DEFAULT: "hsl(var(--primary) / )", - foreground: "hsl(var(--primary-foreground) / )", - // Added by Scott - 50: '#FFF5F2', 100: '#FFF1EE', 200: '#FFE4DE', 300: '#FFD5CC', 400: '#FFBCAD', 500: '#FE795D', 600: '#EF562F', 700: '#EB4F27', 800: '#CC4522', 900: '#A5371B' - }, - secondary: { - DEFAULT: "hsl(var(--secondary) / )", - foreground: "hsl(var(--secondary-foreground) / )" - }, - destructive: { - DEFAULT: "hsl(var(--destructive) / )", - foreground: "hsl(var(--destructive-foreground) / )" - }, - muted: { - DEFAULT: "hsl(var(--muted) / )", - foreground: "hsl(var(--muted-foreground) / )", - // Added by Scott - 50: 'rgba(0, 0, 0, 0.02)', - 100: 'rgba(0, 0, 0, 0.05)', - }, - accent: { - DEFAULT: "hsl(var(--accent) / )", - foreground: "hsl(var(--accent-foreground) / )" - }, - popover: { - DEFAULT: "hsl(var(--popover) / )", - foreground: "hsl(var(--popover-foreground) / )" - }, - card: { - DEFAULT: "hsl(var(--card) / )", - foreground: "hsl(var(--card-foreground) / )" - }, - sidebar: { - DEFAULT: "hsl(var(--sidebar-background))", - foreground: "hsl(var(--sidebar-foreground))", - primary: "hsl(var(--sidebar-primary))", - "primary-foreground": "hsl(var(--sidebar-primary-foreground))", - accent: "hsl(var(--sidebar-accent))", - "accent-foreground": "hsl(var(--sidebar-accent-foreground))", - border: "hsl(var(--sidebar-border))", - ring: "hsl(var(--sidebar-ring))", - }, - opacity: { - 97: '.97', - 99: '.99', - } - }, - borderRadius: { - xl: "calc(var(--radius) + 4px)", - lg: "var(--radius)", - md: "calc(var(--radius) - 2px)", - sm: "calc(var(--radius) - 4px)" - }, - fontFamily: { - sans: [...fontFamily.sans] - }, - keyframes: { - "accordion-down": { - from: { height: "0" }, - to: { height: "var(--bits-accordion-content-height)" }, - }, - "accordion-up": { - from: { height: "var(--bits-accordion-content-height)" }, - to: { height: "0" }, - }, - "caret-blink": { - "0%,70%,100%": { opacity: "1" }, - "20%,50%": { opacity: "0" }, - }, - }, - animation: { - "accordion-down": "accordion-down 0.2s ease-out", - "accordion-up": "accordion-up 0.2s ease-out", - "caret-blink": "caret-blink 1.25s ease-out infinite", - }, - }, - }, - plugins: [ - require('flowbite/plugin'), - forms, - typography, - // skeleton({ - // themes: { - // custom: [ - // OSIT_Custom_Theme, - // LCI_Custom_Theme - // ], - // preset: [ - // { - // name: 'gold-nouveau', - // enhancements: true, - // }, - // { - // name: 'hamlindigo', - // enhancements: true, - // }, - // { - // name: 'modern', - // enhancements: true, - // }, - // { - // name: 'rocket', - // enhancements: true, - // }, - // { - // name: 'wintry', - // enhancements: true, - // }, - - // ], - // }, - // }), - tailwindcssAnimate - ], -}; - -export default config; diff --git a/del_theme_lci_1.ts b/del_theme_lci_1.ts deleted file mode 100644 index 6d2ec418..00000000 --- a/del_theme_lci_1.ts +++ /dev/null @@ -1,103 +0,0 @@ - -import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin'; - -export const LCI_Custom_Theme: CustomThemeConfig = { - name: 'lci-custom-theme', - 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": "16px", - "--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": "0 0 0", - "--on-warning": "0 0 0", - "--on-error": "0 0 0", - "--on-surface": "0 0 0", - // =~= Theme Colors =~= - // primary | #3584e4 - "--color-primary-50": "225 237 251", // #e1edfb - "--color-primary-100": "215 230 250", // #d7e6fa - "--color-primary-200": "205 224 248", // #cde0f8 - "--color-primary-300": "174 206 244", // #aecef4 - "--color-primary-400": "114 169 236", // #72a9ec - "--color-primary-500": "53 132 228", // #3584e4 - "--color-primary-600": "48 119 205", // #3077cd - "--color-primary-700": "40 99 171", // #2863ab - "--color-primary-800": "32 79 137", // #204f89 - "--color-primary-900": "26 65 112", // #1a4170 - // secondary | #99c1f1 - "--color-secondary-50": "240 246 253", // #f0f6fd - "--color-secondary-100": "235 243 252", // #ebf3fc - "--color-secondary-200": "230 240 252", // #e6f0fc - "--color-secondary-300": "214 230 249", // #d6e6f9 - "--color-secondary-400": "184 212 245", // #b8d4f5 - "--color-secondary-500": "153 193 241", // #99c1f1 - "--color-secondary-600": "138 174 217", // #8aaed9 - "--color-secondary-700": "115 145 181", // #7391b5 - "--color-secondary-800": "92 116 145", // #5c7491 - "--color-secondary-900": "75 95 118", // #4b5f76 - // tertiary | #f8e45c - "--color-tertiary-50": "254 251 231", // #fefbe7 - "--color-tertiary-100": "254 250 222", // #fefade - "--color-tertiary-200": "253 248 214", // #fdf8d6 - "--color-tertiary-300": "252 244 190", // #fcf4be - "--color-tertiary-400": "250 236 141", // #faec8d - "--color-tertiary-500": "248 228 92", // #f8e45c - "--color-tertiary-600": "223 205 83", // #dfcd53 - "--color-tertiary-700": "186 171 69", // #baab45 - "--color-tertiary-800": "149 137 55", // #958937 - "--color-tertiary-900": "122 112 45", // #7a702d - // success | #33d17a - "--color-success-50": "224 248 235", // #e0f8eb - "--color-success-100": "214 246 228", // #d6f6e4 - "--color-success-200": "204 244 222", // #ccf4de - "--color-success-300": "173 237 202", // #adedca - "--color-success-400": "112 223 162", // #70dfa2 - "--color-success-500": "51 209 122", // #33d17a - "--color-success-600": "46 188 110", // #2ebc6e - "--color-success-700": "38 157 92", // #269d5c - "--color-success-800": "31 125 73", // #1f7d49 - "--color-success-900": "25 102 60", // #19663c - // warning | #ffa348 - "--color-warning-50": "255 241 228", // #fff1e4 - "--color-warning-100": "255 237 218", // #ffedda - "--color-warning-200": "255 232 209", // #ffe8d1 - "--color-warning-300": "255 218 182", // #ffdab6 - "--color-warning-400": "255 191 127", // #ffbf7f - "--color-warning-500": "255 163 72", // #ffa348 - "--color-warning-600": "230 147 65", // #e69341 - "--color-warning-700": "191 122 54", // #bf7a36 - "--color-warning-800": "153 98 43", // #99622b - "--color-warning-900": "125 80 35", // #7d5023 - // error | #f66151 - "--color-error-50": "254 231 229", // #fee7e5 - "--color-error-100": "253 223 220", // #fddfdc - "--color-error-200": "253 216 212", // #fdd8d4 - "--color-error-300": "251 192 185", // #fbc0b9 - "--color-error-400": "249 144 133", // #f99085 - "--color-error-500": "246 97 81", // #f66151 - "--color-error-600": "221 87 73", // #dd5749 - "--color-error-700": "185 73 61", // #b9493d - "--color-error-800": "148 58 49", // #943a31 - "--color-error-900": "121 48 40", // #793028 - // surface | #deddda - "--color-surface-50": "250 250 249", // #fafaf9 - "--color-surface-100": "248 248 248", // #f8f8f8 - "--color-surface-200": "247 247 246", // #f7f7f6 - "--color-surface-300": "242 241 240", // #f2f1f0 - "--color-surface-400": "232 231 229", // #e8e7e5 - "--color-surface-500": "222 221 218", // #deddda - "--color-surface-600": "200 199 196", // #c8c7c4 - "--color-surface-700": "167 166 164", // #a7a6a4 - "--color-surface-800": "133 133 131", // #858583 - "--color-surface-900": "109 108 107", // #6d6c6b - - } -} diff --git a/del_theme_osit_1.ts b/del_theme_osit_1.ts deleted file mode 100644 index e12632b5..00000000 --- a/del_theme_osit_1.ts +++ /dev/null @@ -1,103 +0,0 @@ - -import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin'; - -export const myCustomTheme: CustomThemeConfig = { - name: 'my-custom-theme', - 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": "16px", - "--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": "0 0 0", - "--on-warning": "0 0 0", - "--on-error": "0 0 0", - "--on-surface": "0 0 0", - // =~= Theme Colors =~= - // primary | #99c1f1 - "--color-primary-50": "240 246 253", // #f0f6fd - "--color-primary-100": "235 243 252", // #ebf3fc - "--color-primary-200": "230 240 252", // #e6f0fc - "--color-primary-300": "214 230 249", // #d6e6f9 - "--color-primary-400": "184 212 245", // #b8d4f5 - "--color-primary-500": "153 193 241", // #99c1f1 - "--color-primary-600": "138 174 217", // #8aaed9 - "--color-primary-700": "115 145 181", // #7391b5 - "--color-primary-800": "92 116 145", // #5c7491 - "--color-primary-900": "75 95 118", // #4b5f76 - // secondary | #8ff0a4 - "--color-secondary-50": "238 253 241", // #eefdf1 - "--color-secondary-100": "233 252 237", // #e9fced - "--color-secondary-200": "227 251 232", // #e3fbe8 - "--color-secondary-300": "210 249 219", // #d2f9db - "--color-secondary-400": "177 245 191", // #b1f5bf - "--color-secondary-500": "143 240 164", // #8ff0a4 - "--color-secondary-600": "129 216 148", // #81d894 - "--color-secondary-700": "107 180 123", // #6bb47b - "--color-secondary-800": "86 144 98", // #569062 - "--color-secondary-900": "70 118 80", // #467650 - // tertiary | #f8e45c - "--color-tertiary-50": "254 251 231", // #fefbe7 - "--color-tertiary-100": "254 250 222", // #fefade - "--color-tertiary-200": "253 248 214", // #fdf8d6 - "--color-tertiary-300": "252 244 190", // #fcf4be - "--color-tertiary-400": "250 236 141", // #faec8d - "--color-tertiary-500": "248 228 92", // #f8e45c - "--color-tertiary-600": "223 205 83", // #dfcd53 - "--color-tertiary-700": "186 171 69", // #baab45 - "--color-tertiary-800": "149 137 55", // #958937 - "--color-tertiary-900": "122 112 45", // #7a702d - // success | #33d17a - "--color-success-50": "224 248 235", // #e0f8eb - "--color-success-100": "214 246 228", // #d6f6e4 - "--color-success-200": "204 244 222", // #ccf4de - "--color-success-300": "173 237 202", // #adedca - "--color-success-400": "112 223 162", // #70dfa2 - "--color-success-500": "51 209 122", // #33d17a - "--color-success-600": "46 188 110", // #2ebc6e - "--color-success-700": "38 157 92", // #269d5c - "--color-success-800": "31 125 73", // #1f7d49 - "--color-success-900": "25 102 60", // #19663c - // warning | #ffa348 - "--color-warning-50": "255 241 228", // #fff1e4 - "--color-warning-100": "255 237 218", // #ffedda - "--color-warning-200": "255 232 209", // #ffe8d1 - "--color-warning-300": "255 218 182", // #ffdab6 - "--color-warning-400": "255 191 127", // #ffbf7f - "--color-warning-500": "255 163 72", // #ffa348 - "--color-warning-600": "230 147 65", // #e69341 - "--color-warning-700": "191 122 54", // #bf7a36 - "--color-warning-800": "153 98 43", // #99622b - "--color-warning-900": "125 80 35", // #7d5023 - // error | #f66151 - "--color-error-50": "254 231 229", // #fee7e5 - "--color-error-100": "253 223 220", // #fddfdc - "--color-error-200": "253 216 212", // #fdd8d4 - "--color-error-300": "251 192 185", // #fbc0b9 - "--color-error-400": "249 144 133", // #f99085 - "--color-error-500": "246 97 81", // #f66151 - "--color-error-600": "221 87 73", // #dd5749 - "--color-error-700": "185 73 61", // #b9493d - "--color-error-800": "148 58 49", // #943a31 - "--color-error-900": "121 48 40", // #793028 - // surface | #deddda - "--color-surface-50": "250 250 249", // #fafaf9 - "--color-surface-100": "248 248 248", // #f8f8f8 - "--color-surface-200": "247 247 246", // #f7f7f6 - "--color-surface-300": "242 241 240", // #f2f1f0 - "--color-surface-400": "232 231 229", // #e8e7e5 - "--color-surface-500": "222 221 218", // #deddda - "--color-surface-600": "200 199 196", // #c8c7c4 - "--color-surface-700": "167 166 164", // #a7a6a4 - "--color-surface-800": "133 133 131", // #858583 - "--color-surface-900": "109 108 107", // #6d6c6b - - } -} diff --git a/del_theme_osit_2.ts b/del_theme_osit_2.ts deleted file mode 100644 index 43084d9e..00000000 --- a/del_theme_osit_2.ts +++ /dev/null @@ -1,103 +0,0 @@ - -import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin'; - -export const myCustomTheme: CustomThemeConfig = { - name: 'my-custom-theme', - 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": "16px", - "--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": "0 0 0", - "--on-warning": "0 0 0", - "--on-error": "0 0 0", - "--on-surface": "0 0 0", - // =~= Theme Colors =~= - // primary | #62a0ea - "--color-primary-50": "231 241 252", // #e7f1fc - "--color-primary-100": "224 236 251", // #e0ecfb - "--color-primary-200": "216 231 250", // #d8e7fa - "--color-primary-300": "192 217 247", // #c0d9f7 - "--color-primary-400": "145 189 240", // #91bdf0 - "--color-primary-500": "98 160 234", // #62a0ea - "--color-primary-600": "88 144 211", // #5890d3 - "--color-primary-700": "74 120 176", // #4a78b0 - "--color-primary-800": "59 96 140", // #3b608c - "--color-primary-900": "48 78 115", // #304e73 - // secondary | #99c1f1 - "--color-secondary-50": "240 246 253", // #f0f6fd - "--color-secondary-100": "235 243 252", // #ebf3fc - "--color-secondary-200": "230 240 252", // #e6f0fc - "--color-secondary-300": "214 230 249", // #d6e6f9 - "--color-secondary-400": "184 212 245", // #b8d4f5 - "--color-secondary-500": "153 193 241", // #99c1f1 - "--color-secondary-600": "138 174 217", // #8aaed9 - "--color-secondary-700": "115 145 181", // #7391b5 - "--color-secondary-800": "92 116 145", // #5c7491 - "--color-secondary-900": "75 95 118", // #4b5f76 - // tertiary | #f8e45c - "--color-tertiary-50": "254 251 231", // #fefbe7 - "--color-tertiary-100": "254 250 222", // #fefade - "--color-tertiary-200": "253 248 214", // #fdf8d6 - "--color-tertiary-300": "252 244 190", // #fcf4be - "--color-tertiary-400": "250 236 141", // #faec8d - "--color-tertiary-500": "248 228 92", // #f8e45c - "--color-tertiary-600": "223 205 83", // #dfcd53 - "--color-tertiary-700": "186 171 69", // #baab45 - "--color-tertiary-800": "149 137 55", // #958937 - "--color-tertiary-900": "122 112 45", // #7a702d - // success | #33d17a - "--color-success-50": "224 248 235", // #e0f8eb - "--color-success-100": "214 246 228", // #d6f6e4 - "--color-success-200": "204 244 222", // #ccf4de - "--color-success-300": "173 237 202", // #adedca - "--color-success-400": "112 223 162", // #70dfa2 - "--color-success-500": "51 209 122", // #33d17a - "--color-success-600": "46 188 110", // #2ebc6e - "--color-success-700": "38 157 92", // #269d5c - "--color-success-800": "31 125 73", // #1f7d49 - "--color-success-900": "25 102 60", // #19663c - // warning | #ffa348 - "--color-warning-50": "255 241 228", // #fff1e4 - "--color-warning-100": "255 237 218", // #ffedda - "--color-warning-200": "255 232 209", // #ffe8d1 - "--color-warning-300": "255 218 182", // #ffdab6 - "--color-warning-400": "255 191 127", // #ffbf7f - "--color-warning-500": "255 163 72", // #ffa348 - "--color-warning-600": "230 147 65", // #e69341 - "--color-warning-700": "191 122 54", // #bf7a36 - "--color-warning-800": "153 98 43", // #99622b - "--color-warning-900": "125 80 35", // #7d5023 - // error | #f66151 - "--color-error-50": "254 231 229", // #fee7e5 - "--color-error-100": "253 223 220", // #fddfdc - "--color-error-200": "253 216 212", // #fdd8d4 - "--color-error-300": "251 192 185", // #fbc0b9 - "--color-error-400": "249 144 133", // #f99085 - "--color-error-500": "246 97 81", // #f66151 - "--color-error-600": "221 87 73", // #dd5749 - "--color-error-700": "185 73 61", // #b9493d - "--color-error-800": "148 58 49", // #943a31 - "--color-error-900": "121 48 40", // #793028 - // surface | #deddda - "--color-surface-50": "250 250 249", // #fafaf9 - "--color-surface-100": "248 248 248", // #f8f8f8 - "--color-surface-200": "247 247 246", // #f7f7f6 - "--color-surface-300": "242 241 240", // #f2f1f0 - "--color-surface-400": "232 231 229", // #e8e7e5 - "--color-surface-500": "222 221 218", // #deddda - "--color-surface-600": "200 199 196", // #c8c7c4 - "--color-surface-700": "167 166 164", // #a7a6a4 - "--color-surface-800": "133 133 131", // #858583 - "--color-surface-900": "109 108 107", // #6d6c6b - - } -} diff --git a/del_theme_osit_3.ts b/del_theme_osit_3.ts deleted file mode 100644 index fa11b594..00000000 --- a/del_theme_osit_3.ts +++ /dev/null @@ -1,103 +0,0 @@ - -import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin'; - -export const OSIT_Custom_Theme: CustomThemeConfig = { - name: 'osit-custom-theme', - 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": "16px", - "--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": "0 0 0", - "--on-warning": "0 0 0", - "--on-error": "0 0 0", - "--on-surface": "0 0 0", - // =~= Theme Colors =~= - // primary | #3584e4 - "--color-primary-50": "225 237 251", // #e1edfb - "--color-primary-100": "215 230 250", // #d7e6fa - "--color-primary-200": "205 224 248", // #cde0f8 - "--color-primary-300": "174 206 244", // #aecef4 - "--color-primary-400": "114 169 236", // #72a9ec - "--color-primary-500": "53 132 228", // #3584e4 - "--color-primary-600": "48 119 205", // #3077cd - "--color-primary-700": "40 99 171", // #2863ab - "--color-primary-800": "32 79 137", // #204f89 - "--color-primary-900": "26 65 112", // #1a4170 - // secondary | #99c1f1 - "--color-secondary-50": "240 246 253", // #f0f6fd - "--color-secondary-100": "235 243 252", // #ebf3fc - "--color-secondary-200": "230 240 252", // #e6f0fc - "--color-secondary-300": "214 230 249", // #d6e6f9 - "--color-secondary-400": "184 212 245", // #b8d4f5 - "--color-secondary-500": "153 193 241", // #99c1f1 - "--color-secondary-600": "138 174 217", // #8aaed9 - "--color-secondary-700": "115 145 181", // #7391b5 - "--color-secondary-800": "92 116 145", // #5c7491 - "--color-secondary-900": "75 95 118", // #4b5f76 - // tertiary | #f8e45c - "--color-tertiary-50": "254 251 231", // #fefbe7 - "--color-tertiary-100": "254 250 222", // #fefade - "--color-tertiary-200": "253 248 214", // #fdf8d6 - "--color-tertiary-300": "252 244 190", // #fcf4be - "--color-tertiary-400": "250 236 141", // #faec8d - "--color-tertiary-500": "248 228 92", // #f8e45c - "--color-tertiary-600": "223 205 83", // #dfcd53 - "--color-tertiary-700": "186 171 69", // #baab45 - "--color-tertiary-800": "149 137 55", // #958937 - "--color-tertiary-900": "122 112 45", // #7a702d - // success | #33d17a - "--color-success-50": "224 248 235", // #e0f8eb - "--color-success-100": "214 246 228", // #d6f6e4 - "--color-success-200": "204 244 222", // #ccf4de - "--color-success-300": "173 237 202", // #adedca - "--color-success-400": "112 223 162", // #70dfa2 - "--color-success-500": "51 209 122", // #33d17a - "--color-success-600": "46 188 110", // #2ebc6e - "--color-success-700": "38 157 92", // #269d5c - "--color-success-800": "31 125 73", // #1f7d49 - "--color-success-900": "25 102 60", // #19663c - // warning | #ffa348 - "--color-warning-50": "255 241 228", // #fff1e4 - "--color-warning-100": "255 237 218", // #ffedda - "--color-warning-200": "255 232 209", // #ffe8d1 - "--color-warning-300": "255 218 182", // #ffdab6 - "--color-warning-400": "255 191 127", // #ffbf7f - "--color-warning-500": "255 163 72", // #ffa348 - "--color-warning-600": "230 147 65", // #e69341 - "--color-warning-700": "191 122 54", // #bf7a36 - "--color-warning-800": "153 98 43", // #99622b - "--color-warning-900": "125 80 35", // #7d5023 - // error | #f66151 - "--color-error-50": "254 231 229", // #fee7e5 - "--color-error-100": "253 223 220", // #fddfdc - "--color-error-200": "253 216 212", // #fdd8d4 - "--color-error-300": "251 192 185", // #fbc0b9 - "--color-error-400": "249 144 133", // #f99085 - "--color-error-500": "246 97 81", // #f66151 - "--color-error-600": "221 87 73", // #dd5749 - "--color-error-700": "185 73 61", // #b9493d - "--color-error-800": "148 58 49", // #943a31 - "--color-error-900": "121 48 40", // #793028 - // surface | #deddda - "--color-surface-50": "250 250 249", // #fafaf9 - "--color-surface-100": "248 248 248", // #f8f8f8 - "--color-surface-200": "247 247 246", // #f7f7f6 - "--color-surface-300": "242 241 240", // #f2f1f0 - "--color-surface-400": "232 231 229", // #e8e7e5 - "--color-surface-500": "222 221 218", // #deddda - "--color-surface-600": "200 199 196", // #c8c7c4 - "--color-surface-700": "167 166 164", // #a7a6a4 - "--color-surface-800": "133 133 131", // #858583 - "--color-surface-900": "109 108 107", // #6d6c6b - - } -}