9044869fa4
All checks were successful
Deploy to Coolify / deploy (push) Successful in 44s
- Next.js 14 + TypeScript + Tailwind CSS - Glassmorphism design with ambient orbs - Cards: Light x2, Temperature, AirPurifier, Tasks, Weather, Savings - Home Assistant integration (demo mode if no token) - Vikunja tasks API - Pulse savings API - wttr.in weather - Framer Motion animations - Dark/light theme toggle - Bottom navigation - Dockerfile for deployment
65 lines
1.8 KiB
TypeScript
65 lines
1.8 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
darkMode: "class",
|
|
content: [
|
|
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
dark: {
|
|
bg: "#0a0a0f",
|
|
card: "rgba(255,255,255,0.05)",
|
|
border: "rgba(255,255,255,0.08)",
|
|
},
|
|
light: {
|
|
bg: "#f0f0f8",
|
|
card: "rgba(255,255,255,0.8)",
|
|
border: "rgba(0,0,0,0.08)",
|
|
},
|
|
accent: {
|
|
indigo: "#6366f1",
|
|
violet: "#8b5cf6",
|
|
cyan: "#06b6d4",
|
|
emerald: "#10b981",
|
|
rose: "#f43f5e",
|
|
amber: "#f59e0b",
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ["Inter", "system-ui", "sans-serif"],
|
|
},
|
|
backdropBlur: {
|
|
xs: "2px",
|
|
},
|
|
animation: {
|
|
"orb-1": "orbMove1 20s ease-in-out infinite",
|
|
"orb-2": "orbMove2 25s ease-in-out infinite",
|
|
"orb-3": "orbMove3 30s ease-in-out infinite",
|
|
"pulse-slow": "pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
},
|
|
keyframes: {
|
|
orbMove1: {
|
|
"0%, 100%": { transform: "translate(0, 0) scale(1)" },
|
|
"33%": { transform: "translate(30px, -50px) scale(1.1)" },
|
|
"66%": { transform: "translate(-20px, 20px) scale(0.9)" },
|
|
},
|
|
orbMove2: {
|
|
"0%, 100%": { transform: "translate(0, 0) scale(1)" },
|
|
"33%": { transform: "translate(-40px, 30px) scale(1.05)" },
|
|
"66%": { transform: "translate(20px, -30px) scale(0.95)" },
|
|
},
|
|
orbMove3: {
|
|
"0%, 100%": { transform: "translate(0, 0) scale(1)" },
|
|
"50%": { transform: "translate(25px, 25px) scale(1.08)" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
export default config;
|