2024-04-12 02:58:34 +02:00
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
|
|
|
2024-04-12 04:24:27 +02:00
|
|
|
const { generateShades } = require('./css-utils/CSSColorUtils');
|
|
|
|
|
2024-04-12 02:58:34 +02:00
|
|
|
const colors = {
|
2024-04-12 04:24:27 +02:00
|
|
|
'toolbar': '#555555',
|
2024-04-14 21:04:09 +02:00
|
|
|
'card-header': '#1E7295',
|
|
|
|
'card-close': '#921911',
|
|
|
|
'card-tabs': '#185D79',
|
|
|
|
'card-border': '#283F5D',
|
|
|
|
'card-tab-item': '#B6BEC5',
|
|
|
|
'card-tab-item-active': '#DFDFDF',
|
|
|
|
'card-content-area': '#DFDFDF'
|
2024-04-12 02:58:34 +02:00
|
|
|
};
|
|
|
|
|
|
|
|
const boxShadow = {
|
2024-04-12 04:24:27 +02:00
|
|
|
'inner1px': 'inset 0 0 0 1px rgba(255,255,255,.3)'
|
2024-04-12 02:58:34 +02:00
|
|
|
};
|
|
|
|
|
2024-04-12 04:24:27 +02:00
|
|
|
|
2024-04-12 02:58:34 +02:00
|
|
|
module.exports = {
|
|
|
|
theme: {
|
|
|
|
extend: {
|
|
|
|
fontFamily: {
|
|
|
|
sans: [ 'Ubuntu', 'sans-serif' ],
|
|
|
|
},
|
2024-04-12 04:24:27 +02:00
|
|
|
colors: generateShades(colors),
|
2024-04-12 02:58:34 +02:00
|
|
|
boxShadow,
|
2024-04-14 21:04:09 +02:00
|
|
|
spacing: {
|
|
|
|
'card-header': '33px',
|
|
|
|
'card-tabs': '33px',
|
|
|
|
'navigator-w': '420px',
|
|
|
|
'navigator-h': '440px',
|
|
|
|
'inventory-w': '528px',
|
|
|
|
'inventory-h': '320px'
|
2024-04-12 02:58:34 +02:00
|
|
|
},
|
|
|
|
zIndex: {
|
|
|
|
'toolbar': ''
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
darkMode: 'class',
|
|
|
|
plugins: [
|
|
|
|
require('@tailwindcss/forms'),
|
|
|
|
require('@headlessui/tailwindcss')({ prefix: 'ui' })
|
|
|
|
],
|
|
|
|
content: [
|
|
|
|
'./index.html',
|
|
|
|
'./src/**/*.{html,js,jsx,ts,tsx}'
|
|
|
|
]
|
|
|
|
}
|