🎨 Système de Thème Dynamique

Personnalisez l'apparence de votre site en quelques clics

Découvrir Changer le thème

Fonctionnalités

🎨

8 Thèmes Prédéfinis

Choisissez parmi une sélection de thèmes professionnels soigneusement conçus pour s'adapter à tous les styles.

🎯

Personnalisation Totale

Créez votre propre thème en choisissant simplement une couleur principale. Le système génère automatiquement une palette harmonieuse.

Application Instantanée

Les changements de thème s'appliquent immédiatement sur l'ensemble du site sans rechargement de page.

🔧

Facile à Intégrer

Une simple inclusion PHP dans vos pages existantes et toutes vos couleurs s'adaptent automatiquement.

📱

Responsive

Tous les thèmes sont optimisés pour un affichage parfait sur mobile, tablette et desktop.

💾

Sauvegarde Automatique

Votre thème préféré est automatiquement sauvegardé et appliqué à chaque visite.

Variables CSS Disponibles

Le système génère automatiquement toutes ces variables CSS que vous pouvez utiliser dans votre code

  • --primary-color : Couleur principale du thème
  • --primary-light : Version plus claire (+30%)
  • --accent-color : Version plus foncée (-30%)
  • --theme-bg : Background très clair
  • --theme-border : Bordure claire
  • --gradient : Dégradé automatique
  • --shadow : Ombre adaptée aux couleurs
  • --shadow-hover : Ombre plus prononcée
  • Et bien d'autres...

Comment Utiliser

1️⃣ Inclure le système dans vos pages

<?php include 'theme-styles.php'; ?>

2️⃣ Utiliser les variables dans votre CSS

.mon-element {
    background: var(--primary-color);
    color: white;
}

.ma-carte {
    border: 2px solid var(--theme-border);
    background: var(--theme-bg);
}

.mon-bouton:hover {
    box-shadow: var(--shadow-hover);
}

3️⃣ Gérer les thèmes depuis l'admin

Accédez à la page d'administration pour choisir ou créer votre thème. Tous les changements s'appliquent automatiquement sur l'ensemble du site.

Accéder à l'administration

Avantages

🚀 Gain de Temps

Plus besoin de chercher/remplacer les couleurs dans votre code. Un simple changement dans l'admin et tout s'adapte.

🎨 Cohérence Visuelle

Le système garantit une harmonie des couleurs sur toutes vos pages grâce à la génération automatique de palettes.

🔄 Flexibilité

Testez différents thèmes en quelques clics pour trouver celui qui convient le mieux à votre marque.

⚡ Performance

Le CSS est généré côté serveur pour une performance optimale et une maintenance simplifiée.

Testez le système de thème

Accédez à l'administration pour changer le thème et voir le résultat en temps réel

🎨 Ouvrir l'administration 📖 Documentation
🎨 Administration