Pierre Dommerc
89 lines
2.7 KiB
TypeScript
89 lines
2.7 KiB
TypeScript
import type { Config } from 'tailwindcss';
|
|
import defaultTheme from 'tailwindcss/defaultTheme';
|
|
import headlessui from '@headlessui/tailwindcss';
|
|
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
theme: {
|
|
colors: {
|
|
transparent: 'transparent',
|
|
current: 'currentColor',
|
|
'baltic-sea': {
|
|
// [D] bg for top-bar nav
|
|
// [D] bg for network modes
|
|
jaguar: '#2A2831',
|
|
// [L] status-line title text + icon
|
|
// [L] connection timer text
|
|
// [L] "Connecting" status text
|
|
// [L] main titles text
|
|
// [L] network mode title text + icon
|
|
// [L] node location select text value + icon + label
|
|
// [D] button text
|
|
DEFAULT: '#1C1B1F', // [D] main bg
|
|
oil: '#1F1F22', // [D] connection status bg
|
|
quartzite: '#202C25', // [D] "Connected" status bg
|
|
},
|
|
'blanc-nacre': {
|
|
DEFAULT: '#F2F4F6', // [L] main bg
|
|
platinum: '#E7E8EC', // [L] connection status bg
|
|
icicle: '#E1EFE7', // [L] "Connected" status bg
|
|
},
|
|
// [DL] primary accent
|
|
melon: '#FB6E4E',
|
|
// [DL] secondary accent
|
|
cornflower: '#7075FF',
|
|
// [DL] error status text
|
|
teaberry: '#E33B5A',
|
|
// [DL] "Connected" status text
|
|
'vert-menthe': '#2BC761',
|
|
// [D] main titles text
|
|
// [D] connection timer text
|
|
// [D] "Connecting" status text
|
|
// [L] bg for top-bar nav
|
|
// [L] bg for network modes
|
|
// [L] button text
|
|
white: '#FFF',
|
|
black: '#000',
|
|
mercury: {
|
|
// [D] status-line title text + icon
|
|
// [D] network mode title text + icon
|
|
// [D] node location select text value + icon + label
|
|
pinkish: '#E6E1E5',
|
|
DEFAULT: '#E1EFE7',
|
|
// [D] network mode desc text
|
|
// [D] "Connection time"
|
|
// [D] main status desc text
|
|
mist: '#938F99',
|
|
},
|
|
// [DL] "Disconnected" status text
|
|
'coal-mine': { dark: '#56545A', light: '#A4A4A4' },
|
|
// [L] "Connection time"
|
|
// [L] main status desc text
|
|
'dim-gray': '#696571',
|
|
// [L] network mode desc text
|
|
// [L] node location select outline
|
|
'ciment-feet': '#79747E',
|
|
// [D] node location select outline
|
|
'gun-powder': '#49454F',
|
|
// [D] top-bar icon
|
|
'laughing-jack': '#CAC4D0',
|
|
// [L] button bg in disabled state
|
|
'wind-chime': '#DEDEE1',
|
|
},
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Lato', ...defaultTheme.fontFamily.sans],
|
|
icon: [
|
|
'Material Symbols Outlined',
|
|
{
|
|
fontVariationSettings: '"opsz" 24; "wght" 400;',
|
|
},
|
|
],
|
|
},
|
|
},
|
|
},
|
|
plugins: [headlessui],
|
|
// Toggling dark mode manually
|
|
darkMode: 'class',
|
|
} satisfies Config;
|