mirror of
https://github.com/bartvdbraak/hellob.art.git
synced 2025-06-29 07:49:10 +00:00
refactor: migration to skeleton v2
This commit is contained in:
parent
6d5d307e0b
commit
1db6f26914
10 changed files with 233 additions and 130 deletions
43
tailwind.config.ts
Normal file
43
tailwind.config.ts
Normal file
|
@ -0,0 +1,43 @@
|
|||
import { join } from 'path';
|
||||
import type { Config } from 'tailwindcss';
|
||||
import { theme } from './theme';
|
||||
import { skeleton } from '@skeletonlabs/tw-plugin';
|
||||
|
||||
const config = {
|
||||
darkMode: 'class',
|
||||
content: [
|
||||
'./src/**/*.{html,js,svelte,ts}',
|
||||
join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
'logo-blue-start': {
|
||||
light: '#314755',
|
||||
DEFAULT: '#314755',
|
||||
dark: '#7196AD'
|
||||
},
|
||||
'logo-blue-stop': {
|
||||
light: '#26a0da',
|
||||
DEFAULT: '#26a0da',
|
||||
dark: '#7CC6E9'
|
||||
}
|
||||
},
|
||||
dark: {
|
||||
// <-- Add this section for dark mode classes
|
||||
'logo-text-gradient-dark': {
|
||||
'@apply': 'from-logo-blue-start-dark to-logo-blue-stop-dark'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
skeleton({
|
||||
themes: {
|
||||
custom: [theme]
|
||||
}
|
||||
})
|
||||
]
|
||||
} satisfies Config;
|
||||
|
||||
export default config;
|
Loading…
Add table
Add a link
Reference in a new issue