JoekerUIJoekerUI
Colors

Couleurs

JoekerUI utilise des palettes de couleurs regroupées en thèmes. Chaque thème fournit des couleurs brutes et des tokens utilisés par les composants.

Palettes disponibles

Trickster

Violet toxique, vert acide, chaos élégant.

#7C3AED

#A855F7

#22C55E

#39FF88

Chaos

Rose électrique, bleu pop, énergie instable.

#EC4899

#DB2777

#3B82F6

#60A5FA

Nature

Vert végétal, orange venimeux, croissance sauvage.

#22C55E

#65A30D

#F97316

#FB923C

Frost

Bleu glacial, cyan, lumière froide.

#2563EB

#38BDF8

#7DD3FC

#E0F2FE

Night

Noir, gris profond, jaune signal.

#020204

#27272A

#FACC15

#FEF08A

Titan

Marron lourd, bronze, puissance brute.

#7C4A2D

#92400E

#A16207

#292524

Shadow

Violet sombre, noir velours, mystère.

#2E1065

#4C1D95

#111827

#A78BFA

Enigma

Vert question, violet étrange, esprit tordu.

#22C55E

#84CC16

#9333EA

#581C87

Duality

Contraste brutal, noir, blanc, rouge.

#000000

#F8FAFC

#DC2626

#991B1B

Harvest

Orange sale, brun, ambiance inquiétante.

#F97316

#C2410C

#78350F

#451A03

Tokens de couleur

Les composants n'utilisent pas directement toutes les couleurs brutes. Ils s'appuient principalement sur des tokens communs.

tokens: {
    solid: "#7C3AED",
    solidHover: "#A855F7",
    textOnSolid: "#FFFFFF",
    softBg: "rgba(124,58,237,0.18)",
    softBorder: "rgba(168,85,247,0.45)",
    softText: "#D8B4FE",
    glow: "rgba(124,58,237,0.35)",
}

Rôle des tokens

solid

Couleur principale utilisée pour les éléments forts : boutons, états actifs ou accents.

softBg

Arrière-plan doux utilisé pour les cartes, alertes ou états visuels moins agressifs.

softBorder

Bordure colorée permettant de garder une identité visuelle sans saturer l'interface.

glow

Couleur de halo utilisée par certains composants comme Card, EmptyState ou Alert.