Retour à l'accueil
20 min
Solution détaillée

Exercice 6 : Variables CSS et thèmes

Présentation claire au format demandé : numéro de l'exercice, nom, question puis réponse.

Question 1

Créez un système de variables CSS pour un thème clair et sombre

:root {
  --bg: #ffffff;
  --text: #111827;
  --primary: #2563eb;
  --card: #f8fafc;
}

[data-theme="dark"] {
  --bg: #0f172a;
  --text: #f8fafc;
  --primary: #60a5fa;
  --card: #1e293b;
}

body {
  background: var(--bg);
  color: var(--text);
}