Éditeur de thème

Modifie les couleurs du thème en temps réel. Les changements s'appliquent à tout le site et persistent entre les pages. Tu peux aussi générer un thème sur tweakcn.com et l'importer ici.

Arrière-plan --background

Texte --foreground

Primaire --primary

Primaire — texte --primary-foreground

Secondaire --secondary

Secondaire — texte --secondary-foreground

Sourdine --muted

Sourdine — texte --muted-foreground

Accent --accent

Accent — texte --accent-foreground

Destructif --destructive

Destructif — texte --destructive-foreground

Carte --card

Carte — texte --card-foreground

Popover --popover

Popover — texte --popover-foreground

Bordure --border

Saisie --input

Focus ring --ring

Graphique 1 --chart-1

Graphique 2 --chart-2

Graphique 3 --chart-3

Graphique 4 --chart-4

Graphique 5 --chart-5

Sidebar --sidebar

Sidebar — texte --sidebar-foreground

Sidebar primaire --sidebar-primary

Sidebar primaire — texte --sidebar-primary-foreground

Sidebar accent --sidebar-accent

Sidebar accent — texte --sidebar-accent-foreground

Sidebar bordure --sidebar-border

Sidebar ring --sidebar-ring

Rayon de bordure

0.625rem

Typographie

Sans-serif --font-sans

Serif --font-serif

Mono --font-mono

Ombres

Opacité

0.1

Flou

8px

Spread

-1px

Offset Y

4px

Espacement

Letter-spacing --tracking-normal

0em

Base spacing --spacing

0.25rem

Palette de couleurs

Base

Primaire

Secondaire

Sourdine

Accent

Destructif

Carte

Popover

Boutons

Badges

Par défaut

Secondaire

Contour

Destructif

Catégorie

-15 %

Carte

Titre de la carte

Description complémentaire pour donner du contexte.

Contenu de la carte avec du texte d'exemple.

Carte info

Style sidebar avec bordure pleine.

LieuSaint-Jean-Port-Joli

Prix210 $

Formulaire

Prénom

Courriel

Message

J'accepte les conditions d'utilisation

Alertes

Information

Ceci est une alerte informative par défaut.

Erreur

Quelque chose s'est mal passé.

Typographie

Heading 1 — Lora serif

Heading 2

Heading 3

Paragraphe — IBM Plex Sans. Le silence est la plus belle expression de la vérité intérieure.

Texte secondaire avec la couleur sourdine.

Code inline — IBM Plex Mono

Section bg-muted/20

Ce pattern est utilisé pour les en-têtes de page, la bio Christine et la newsletter. Il doit rester lisible avec les couleurs choisies.