88 lines
2.8 KiB
JavaScript
88 lines
2.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
krona: {
|
|
app: 'var(--bg-app)',
|
|
workspace: 'var(--bg-workspace)',
|
|
section: 'var(--bg-section)',
|
|
surface: 'var(--surface-default)',
|
|
raised: 'var(--surface-raised)',
|
|
muted: 'var(--surface-muted)',
|
|
sunken: 'var(--surface-sunken)',
|
|
hover: 'var(--surface-hover)',
|
|
selected: 'var(--surface-selected)',
|
|
border: 'var(--border-default)',
|
|
'border-subtle': 'var(--border-subtle)',
|
|
'border-strong': 'var(--border-strong)',
|
|
primary: 'var(--text-primary)',
|
|
secondary: 'var(--text-secondary)',
|
|
tertiary: 'var(--text-tertiary)',
|
|
disabled: 'var(--text-disabled)',
|
|
green: {
|
|
DEFAULT: 'var(--color-green)',
|
|
hover: 'var(--color-green-hover)',
|
|
active: 'var(--color-green-active)',
|
|
soft: 'var(--color-green-soft)',
|
|
border: 'var(--color-green-border)',
|
|
text: 'var(--color-green-text)',
|
|
},
|
|
gold: {
|
|
DEFAULT: 'var(--color-gold)',
|
|
hover: 'var(--color-gold-hover)',
|
|
active: 'var(--color-gold-active)',
|
|
soft: 'var(--color-gold-soft)',
|
|
border: 'var(--color-gold-border)',
|
|
text: 'var(--color-gold-text)',
|
|
},
|
|
danger: {
|
|
DEFAULT: 'var(--color-danger)',
|
|
soft: 'var(--color-danger-soft)',
|
|
border: 'var(--color-danger-border)',
|
|
text: 'var(--color-danger-text)',
|
|
},
|
|
warning: {
|
|
DEFAULT: 'var(--color-warning)',
|
|
soft: 'var(--color-warning-soft)',
|
|
border: 'var(--color-warning-border)',
|
|
text: 'var(--color-warning-text)',
|
|
},
|
|
info: {
|
|
DEFAULT: 'var(--color-info)',
|
|
soft: 'var(--color-info-soft)',
|
|
border: 'var(--color-info-border)',
|
|
text: 'var(--color-info-text)',
|
|
},
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
'Inter',
|
|
'-apple-system',
|
|
'BlinkMacSystemFont',
|
|
'"Segoe UI"',
|
|
'Roboto',
|
|
'Helvetica',
|
|
'Arial',
|
|
'sans-serif',
|
|
],
|
|
mono: [
|
|
'"JetBrains Mono"',
|
|
'Consolas',
|
|
'monospace',
|
|
]
|
|
},
|
|
boxShadow: {
|
|
'krona-soft': '0 1px 3px rgba(54, 50, 40, 0.05), 0 1px 2px rgba(54, 50, 40, 0.03)',
|
|
'krona-raised': '0 4px 12px rgba(54, 50, 40, 0.08), 0 2px 4px rgba(54, 50, 40, 0.04)',
|
|
'krona-modal': '0 12px 32px rgba(42, 39, 31, 0.16), 0 4px 8px rgba(42, 39, 31, 0.08)',
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|