Actually deleting things
This commit is contained in:
Scott Idem
@@ -1,7 +0,0 @@
|
||||
module.exports = {
|
||||
plugins: {
|
||||
// tailwindcss: {},
|
||||
// autoprefixer: {},
|
||||
'@tailwindcss/postcss': {},
|
||||
},
|
||||
}
|
||||
@@ -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) / <alpha-value>)",
|
||||
input: "hsl(var(--input) / <alpha-value>)",
|
||||
ring: "hsl(var(--ring) / <alpha-value>)",
|
||||
background: "hsl(var(--background) / <alpha-value>)",
|
||||
foreground: "hsl(var(--foreground) / <alpha-value>)",
|
||||
// Added by Scott
|
||||
rounded: "hsl(var(--radius))",
|
||||
primary: {
|
||||
DEFAULT: "hsl(var(--primary) / <alpha-value>)",
|
||||
foreground: "hsl(var(--primary-foreground) / <alpha-value>)",
|
||||
// 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) / <alpha-value>)",
|
||||
foreground: "hsl(var(--secondary-foreground) / <alpha-value>)"
|
||||
},
|
||||
destructive: {
|
||||
DEFAULT: "hsl(var(--destructive) / <alpha-value>)",
|
||||
foreground: "hsl(var(--destructive-foreground) / <alpha-value>)"
|
||||
},
|
||||
muted: {
|
||||
DEFAULT: "hsl(var(--muted) / <alpha-value>)",
|
||||
foreground: "hsl(var(--muted-foreground) / <alpha-value>)",
|
||||
// Added by Scott
|
||||
50: 'rgba(0, 0, 0, 0.02)',
|
||||
100: 'rgba(0, 0, 0, 0.05)',
|
||||
},
|
||||
accent: {
|
||||
DEFAULT: "hsl(var(--accent) / <alpha-value>)",
|
||||
foreground: "hsl(var(--accent-foreground) / <alpha-value>)"
|
||||
},
|
||||
popover: {
|
||||
DEFAULT: "hsl(var(--popover) / <alpha-value>)",
|
||||
foreground: "hsl(var(--popover-foreground) / <alpha-value>)"
|
||||
},
|
||||
card: {
|
||||
DEFAULT: "hsl(var(--card) / <alpha-value>)",
|
||||
foreground: "hsl(var(--card-foreground) / <alpha-value>)"
|
||||
},
|
||||
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;
|
||||
@@ -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
|
||||
|
||||
}
|
||||
}
|
||||
@@ -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
|
||||
|
||||
}
|
||||
}
|
||||
@@ -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
|
||||
|
||||
}
|
||||
}
|
||||
@@ -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
|
||||
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user