135 lines
3.8 KiB
JavaScript
135 lines
3.8 KiB
JavaScript
import { heroui } from "@heroui/react";
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
"./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Time Crystal color palette
|
|
crystal: {
|
|
50: '#f0f9ff',
|
|
100: '#e0f2fe',
|
|
200: '#b9e6fe',
|
|
300: '#7cd4fd',
|
|
400: '#36bffa',
|
|
500: '#0ba5ec',
|
|
600: '#0086c9',
|
|
700: '#026aa2',
|
|
800: '#065986',
|
|
900: '#0b4a6f',
|
|
950: '#082f49',
|
|
},
|
|
temporal: {
|
|
50: '#faf5ff',
|
|
100: '#f3e8ff',
|
|
200: '#e9d5ff',
|
|
300: '#d8b4fe',
|
|
400: '#c084fc',
|
|
500: '#a855f7',
|
|
600: '#9333ea',
|
|
700: '#7c3aed',
|
|
800: '#6b21a8',
|
|
900: '#581c87',
|
|
950: '#3b0764',
|
|
},
|
|
quantum: {
|
|
50: '#ecfeff',
|
|
100: '#cffafe',
|
|
200: '#a5f3fc',
|
|
300: '#67e8f9',
|
|
400: '#22d3ee',
|
|
500: '#06b6d4',
|
|
600: '#0891b2',
|
|
700: '#0e7490',
|
|
800: '#155e75',
|
|
900: '#164e63',
|
|
950: '#083344',
|
|
},
|
|
},
|
|
animation: {
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
'glow': 'glow 2s ease-in-out infinite alternate',
|
|
'shimmer': 'shimmer 2s linear infinite',
|
|
'crystal-spin': 'crystal-spin 20s linear infinite',
|
|
},
|
|
keyframes: {
|
|
glow: {
|
|
'0%': { boxShadow: '0 0 5px rgba(14, 165, 233, 0.5), 0 0 10px rgba(14, 165, 233, 0.3)' },
|
|
'100%': { boxShadow: '0 0 20px rgba(14, 165, 233, 0.8), 0 0 30px rgba(14, 165, 233, 0.5)' },
|
|
},
|
|
shimmer: {
|
|
'0%': { backgroundPosition: '-200% 0' },
|
|
'100%': { backgroundPosition: '200% 0' },
|
|
},
|
|
'crystal-spin': {
|
|
'0%': { transform: 'rotate(0deg)' },
|
|
'100%': { transform: 'rotate(360deg)' },
|
|
},
|
|
},
|
|
backgroundImage: {
|
|
'crystal-gradient': 'linear-gradient(135deg, #0ea5e9 0%, #7c3aed 50%, #06b6d4 100%)',
|
|
'temporal-gradient': 'linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%)',
|
|
'quantum-mesh': 'radial-gradient(circle at 25% 25%, rgba(14, 165, 233, 0.1) 0%, transparent 50%), radial-gradient(circle at 75% 75%, rgba(124, 58, 237, 0.1) 0%, transparent 50%)',
|
|
},
|
|
},
|
|
},
|
|
darkMode: "class",
|
|
plugins: [
|
|
heroui({
|
|
themes: {
|
|
dark: {
|
|
colors: {
|
|
background: "#0a0a0f",
|
|
foreground: "#e4e4e7",
|
|
primary: {
|
|
50: "#e0f2fe",
|
|
100: "#b9e6fe",
|
|
200: "#7cd4fd",
|
|
300: "#36bffa",
|
|
400: "#0ba5ec",
|
|
500: "#0086c9",
|
|
600: "#026aa2",
|
|
700: "#065986",
|
|
800: "#0b4a6f",
|
|
900: "#082f49",
|
|
DEFAULT: "#0ba5ec",
|
|
foreground: "#ffffff",
|
|
},
|
|
secondary: {
|
|
50: "#f3e8ff",
|
|
100: "#e9d5ff",
|
|
200: "#d8b4fe",
|
|
300: "#c084fc",
|
|
400: "#a855f7",
|
|
500: "#9333ea",
|
|
600: "#7c3aed",
|
|
700: "#6b21a8",
|
|
800: "#581c87",
|
|
900: "#3b0764",
|
|
DEFAULT: "#7c3aed",
|
|
foreground: "#ffffff",
|
|
},
|
|
success: {
|
|
DEFAULT: "#10b981",
|
|
foreground: "#ffffff",
|
|
},
|
|
warning: {
|
|
DEFAULT: "#f59e0b",
|
|
foreground: "#000000",
|
|
},
|
|
danger: {
|
|
DEFAULT: "#ef4444",
|
|
foreground: "#ffffff",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
}),
|
|
],
|
|
};
|