77 lines
1.9 KiB
JavaScript
77 lines
1.9 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
const { heroui } = require("@heroui/react");
|
|
|
|
export default {
|
|
content: [
|
|
"./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}",
|
|
"./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
safelist: [
|
|
"col-span-1",
|
|
"col-span-2",
|
|
"col-span-3",
|
|
"col-span-4",
|
|
"animate-delay-100",
|
|
"animate-delay-300",
|
|
"animate-delay-500",
|
|
"animate-delay-700",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'ieee-yellow': '#F3C135',
|
|
'ieee-black': '#0A0E1A',
|
|
'ieee-blue-100': '#88BFEC',
|
|
'ieee-blue-300': '#233363',
|
|
'project-card-bg': '#0d1324',
|
|
},
|
|
boxShadow: {
|
|
glow: '0 0 0.5vw 0.1vw rgba(255, 255, 255, 0.3), 0 0 1vw 0.5vw rgba(255, 255, 255, 0.1)',
|
|
},
|
|
backgroundImage: {
|
|
'gradient-radial': 'radial-gradient(circle at 0% 0%, var(--tw-gradient-stops))',
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require("tailwindcss-motion"),
|
|
require("tailwindcss-animated"),
|
|
require("daisyui"),
|
|
function ({ addVariant }) {
|
|
addVariant("in-view", "&.in-view");
|
|
},
|
|
heroui(),
|
|
],
|
|
daisyui: {
|
|
themes: [
|
|
{
|
|
light: {
|
|
primary: "#06659d",
|
|
secondary: "#4b92db",
|
|
accent: "#F3C135",
|
|
neutral: "#2a323c",
|
|
"base-100": "#ffffff",
|
|
"base-200": "#f8f9fa",
|
|
"base-300": "#e9ecef",
|
|
info: "#3abff8",
|
|
success: "#36d399",
|
|
warning: "#fbbd23",
|
|
error: "#f87272",
|
|
},
|
|
dark: {
|
|
primary: "#88BFEC",
|
|
secondary: "#4b92db",
|
|
accent: "#F3C135",
|
|
neutral: "#191D24",
|
|
"base-100": "#0A0E1A",
|
|
"base-200": "#0d1324",
|
|
"base-300": "#1a2035",
|
|
info: "#3abff8",
|
|
success: "#36d399",
|
|
warning: "#fbbd23",
|
|
error: "#f87272",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
};
|