syoul
0e485aacee
- Installation de next-themes - Création du composant ThemeToggle avec icônes soleil/lune - Intégration du ThemeProvider dans le layout - Ajout du toggle dans la navigation mobile et le header admin - Adaptation des couleurs pour le dark mode (tropical chic) - Mise à jour des composants UI (Card, Button) pour le dark mode - Adaptation des composants principaux (Layout, WifiCard, etc.)
49 lines
976 B
TypeScript
49 lines
976 B
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: {
|
|
primary: {
|
|
DEFAULT: "#0E7490",
|
|
foreground: "#FFFFFF",
|
|
},
|
|
secondary: {
|
|
DEFAULT: "#ECFCCB",
|
|
foreground: "#0E7490",
|
|
dark: "#1a3a2e",
|
|
},
|
|
background: {
|
|
DEFAULT: "#FAFAFA",
|
|
dark: "#0f172a",
|
|
},
|
|
foreground: {
|
|
DEFAULT: "#1f2937",
|
|
dark: "#f1f5f9",
|
|
},
|
|
border: {
|
|
DEFAULT: "#e5e7eb",
|
|
dark: "#334155",
|
|
},
|
|
},
|
|
borderRadius: {
|
|
xl: "1rem",
|
|
"2xl": "1.5rem",
|
|
},
|
|
fontFamily: {
|
|
sans: ["Inter", "system-ui", "sans-serif"],
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
export default config;
|
|
|