185 lines
6 KiB
JavaScript
185 lines
6 KiB
JavaScript
|
|
/** @type {import('tailwindcss').Config} */
|
|
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
|
|
module.exports = {
|
|
content: ["Pages/**/*.cshtml", "Components/**/*.razor"],
|
|
safelist: ["youtube"],
|
|
theme: {
|
|
extend: {
|
|
screens: {
|
|
'3xl': "1792px",
|
|
'4xl': "2048px",
|
|
'5xl': "2304px",
|
|
'6xl': "2560px",
|
|
'8xl': "3072px"
|
|
},
|
|
container: {
|
|
'max-width': {
|
|
'3xl': "1792px",
|
|
'4xl': "2048px",
|
|
'5xl': "2304px",
|
|
'6xl': "2560px",
|
|
'8xl': "3072px"
|
|
}
|
|
},
|
|
lineClamp: {
|
|
8: '8',
|
|
10: '10',
|
|
12: '12'
|
|
}
|
|
},
|
|
fontSize: {
|
|
sm: '0.750rem',
|
|
base: '1rem',
|
|
xl: '1.333rem',
|
|
'2xl': '1.777rem',
|
|
'3xl': '2.369rem',
|
|
'4xl': '3.158rem',
|
|
'5xl': '4.210rem'
|
|
},
|
|
fontFamily: {
|
|
heading: ["var(--wave-heading-font)", ...defaultTheme.fontFamily.sans],
|
|
body: ["var(--wave-body-font)", ...defaultTheme.fontFamily.sans],
|
|
modern: ["Tahoma", ...defaultTheme.fontFamily.sans],
|
|
"modern-heading": ["Verdana"]
|
|
},
|
|
fontWeight: {
|
|
normal: '400',
|
|
bold: '700'
|
|
},
|
|
borderRadius: {
|
|
DEFAULT: '0.1rem',
|
|
'md': '0.2rem',
|
|
'lg': '0.35rem',
|
|
}
|
|
},
|
|
plugins: [require("daisyui"), require('@tailwindcss/typography')],
|
|
daisyui: {
|
|
logs: false,
|
|
themes: [
|
|
{
|
|
"wave-light": {
|
|
"--wave-heading-font": "Nunito Sans",
|
|
"--wave-body-font": "Noto Sans Display",
|
|
|
|
"primary": "#F2E530",
|
|
"secondary": "#ffb3c8",
|
|
"secondary-content": "#0D0D0D",
|
|
"accent": "#6FD4F2",
|
|
"neutral": "#A69D21",
|
|
|
|
"base-100": "#FAF8F2",
|
|
"base-200": "#CCC7B8",
|
|
"base-300": "#99917A",
|
|
"base-content": "#000000",
|
|
|
|
"info": "#2494F0",
|
|
"success": "#2CDB00",
|
|
"warning": "#FFF000",
|
|
"error": "#B3020E",
|
|
"error-content": "#FFFFFF",
|
|
|
|
"--rounded-box": "0.2rem",
|
|
"--rounded-btn": "0.2rem",
|
|
"--rounded-badge": "0.2rem"
|
|
}
|
|
},
|
|
{
|
|
"wave-dark": {
|
|
"--wave-heading-font": "Nunito Sans",
|
|
"--wave-body-font": "Noto Sans Display",
|
|
|
|
"primary": "#fff133",
|
|
"secondary": "#DB9AAC",
|
|
"secondary-content": "#000000",
|
|
"accent": "#75dfff",
|
|
"neutral": "#A69D21",
|
|
|
|
"base-100": "#29141A",
|
|
"base-200": "#140A0D",
|
|
"base-300": "#0D0A0B",
|
|
"base-content": "#eae9fc",
|
|
|
|
"info": "#007EE6",
|
|
"success": "#1C8A00",
|
|
"warning": "#E3D400",
|
|
"error": "#610107",
|
|
"error-content": "#FFFFFF",
|
|
|
|
"--rounded-box": "0.2rem",
|
|
"--rounded-btn": "0.2rem",
|
|
"--rounded-badge": "0.2rem"
|
|
}
|
|
},
|
|
{
|
|
"modern-light": {
|
|
"--wave-heading-font": "Tahoma",
|
|
"--wave-body-font": "ui-sans-serif",
|
|
|
|
"primary": "#1e3a8a",
|
|
"primary-content": "#FFFFFF",
|
|
"secondary": "#fafafa",
|
|
"secondary-content": "#1e3a8a",
|
|
"accent": "#93c5fd",
|
|
"accent-content": "#000000",
|
|
"neutral": "#1e40af",
|
|
"neutral-content": "#FFFFFF",
|
|
|
|
"base-100": "#FFFFFF",
|
|
"base-200": "#f3f4f6",
|
|
"base-300": "#e5e7eb",
|
|
"base-content": "#000000",
|
|
|
|
"info": "#0ea5e9",
|
|
"info-content": "#FFFFFF",
|
|
"success": "#22c55e",
|
|
"success-content": "#FFFFFF",
|
|
"warning": "#f59e0b",
|
|
"warning-content": "#000000",
|
|
"error": "#b91c1c",
|
|
"error-content": "#FFFFFF",
|
|
|
|
"--rounded-box": "0.2rem",
|
|
"--rounded-btn": "0.2rem",
|
|
"--rounded-badge": "0.2rem"
|
|
}
|
|
},
|
|
{
|
|
"modern-dark": {
|
|
"--wave-heading-font": "Tahoma",
|
|
"--wave-body-font": "ui-sans-serif",
|
|
|
|
"primary": "#60a5fa",
|
|
"primary-content": "#000000",
|
|
"secondary": "#374151",
|
|
"secondary-content": "#60a5fa",
|
|
"accent": "#93c5fd",
|
|
"accent-content": "#000000",
|
|
"neutral": "#2563eb",
|
|
"neutral-content": "#FFFFFF",
|
|
|
|
"base-100": "#4b5563",
|
|
"base-200": "#1f2937",
|
|
"base-300": "#111827",
|
|
"base-content": "#FFFFFF",
|
|
|
|
"info": "#0ea5e9",
|
|
"info-content": "#FFFFFF",
|
|
"success": "#22c55e",
|
|
"success-content": "#FFFFFF",
|
|
"warning": "#f59e0b",
|
|
"warning-content": "#000000",
|
|
"error": "#b91c1c",
|
|
"error-content": "#FFFFFF",
|
|
|
|
"--rounded-box": "0.2rem",
|
|
"--rounded-btn": "0.2rem",
|
|
"--rounded-badge": "0.2rem"
|
|
}
|
|
}
|
|
],
|
|
darkTheme: "wave-dark"
|
|
}
|
|
}
|