P1 fondation : tokens layerés, reset, thèmes (base/renovation/aep/tmip), 9 primitives Astro, pont Tailwind 4, démo kitchen sink
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
80
theme/aep.css
Normal file
80
theme/aep.css
Normal file
@@ -0,0 +1,80 @@
|
||||
/* ==========================================================================
|
||||
theme/aep.css — aep.trans-former.fr
|
||||
SOMBRE PAR DÉFAUT : le :root est la palette sombre, quelle que soit la
|
||||
préférence système. Seul un data-theme="light" explicite (toggle) bascule
|
||||
vers la variante claire.
|
||||
Accent : rouge #c0392b.
|
||||
========================================================================== */
|
||||
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
|
||||
--bg: #0d0d0d;
|
||||
--bg-alt: #131313;
|
||||
--surface: #181818;
|
||||
--surface-2: #202020;
|
||||
|
||||
--text: #f2f2f2;
|
||||
--text-muted: #b5b5b5;
|
||||
--text-subtle: #8c8c8c;
|
||||
|
||||
--border: #262626;
|
||||
--border-strong: #3f3f3f;
|
||||
|
||||
--primary: #c0392b;
|
||||
--primary-hover: #d64535;
|
||||
--on-primary: #ffffff;
|
||||
|
||||
--accent: #c0392b;
|
||||
--on-accent: #ffffff;
|
||||
|
||||
--link: #e98b7f;
|
||||
--link-hover: #f2a99f;
|
||||
|
||||
--focus-ring: #e98b7f;
|
||||
|
||||
--success: #34d399;
|
||||
--warning: #fbbf24;
|
||||
--danger: #f87171;
|
||||
|
||||
--shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
|
||||
--shadow-md: 0 4px 12px rgb(0 0 0 / 0.45);
|
||||
--shadow-lg: 0 12px 32px rgb(0 0 0 / 0.55);
|
||||
}
|
||||
|
||||
/* Variante claire — uniquement sur toggle explicite */
|
||||
:root[data-theme="light"] {
|
||||
color-scheme: light;
|
||||
|
||||
--bg: #faf9f7;
|
||||
--bg-alt: #f1efec;
|
||||
--surface: #ffffff;
|
||||
--surface-2: #eceae6;
|
||||
|
||||
--text: #171717;
|
||||
--text-muted: #4a4a4a;
|
||||
--text-subtle: #6d6d6d;
|
||||
|
||||
--border: #e2e0dc;
|
||||
--border-strong: #ada9a2;
|
||||
|
||||
--primary: #a93226;
|
||||
--primary-hover: #922b20;
|
||||
--on-primary: #ffffff;
|
||||
|
||||
--accent: #a93226;
|
||||
--on-accent: #ffffff;
|
||||
|
||||
--link: #a93226;
|
||||
--link-hover: #922b20;
|
||||
|
||||
--focus-ring: #a93226;
|
||||
|
||||
--success: #15803d;
|
||||
--warning: #a16207;
|
||||
--danger: #b91c1c;
|
||||
|
||||
--shadow-sm: 0 1px 2px rgb(0 0 0 / 0.06);
|
||||
--shadow-md: 0 4px 12px rgb(0 0 0 / 0.08);
|
||||
--shadow-lg: 0 12px 32px rgb(0 0 0 / 0.12);
|
||||
}
|
||||
Reference in New Issue
Block a user