diff --git a/assets/css/theme.css b/assets/css/theme.css index a64b027..1b7360f 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -1,23 +1,24 @@ /* Thème et variables globales */ :root { - /* Couleurs principales */ - --bg-primary: #1a1512; - --bg-secondary: #2c1810; - --bg-tertiary: #382218; + /* Couleurs de fond */ + --bg-primary: #2c2424; + --bg-secondary: #3e3232; + --bg-tertiary: #4a3f3f; /* Textes */ - --text-primary: #e0d6cc; - --text-secondary: #b3a69b; + --text-primary: #e6d8cc; + --text-secondary: #cfbfa3; + --text-tertiary: #2c2420; /* Accents */ - --accent-primary: #8b4513; - --accent-secondary: #d4691e; + --accent-primary: #d2a679; + --accent-secondary: #e6b88a; /* Utilitaires */ - --border-color: #483225; - --success-color: #2d5a27; - --error-color: #802020; - --input-bg: #241610; + --border-color: #5a4b4b; + --success-color: #5a8c54; + --error-color: #8c4646; + --input-bg: #332a2a; /* Espacements */ --spacing-xs: 0.5rem; @@ -43,6 +44,7 @@ body { font-family: Arial, sans-serif; background-color: var(--bg-primary); color: var(--text-primary); + line-height: 1.6; } button, input, textarea { @@ -53,16 +55,28 @@ button, input, textarea { .button { padding: var(--spacing-sm) var(--spacing-md); background-color: var(--accent-primary); - color: var(--text-primary); + color: var(--text-tertiary); border: none; border-radius: var(--radius-sm); cursor: pointer; - transition: background-color var(--transition-fast); + transition: all var(--transition-fast); text-decoration: none; } .button:hover { background-color: var(--accent-secondary); + color: var(--text-tertiary); +} + +/* Variante de bouton sombre */ +.button.dark { + background-color: var(--bg-secondary); + color: var(--text-primary); +} + +.button.dark:hover { + background-color: var(--bg-tertiary); + color: var(--text-primary); } /* États de focus globaux */ @@ -71,5 +85,24 @@ button, input, textarea { } :focus-visible { - box-shadow: 0 0 0 2px rgba(139, 69, 19, 0.2); + box-shadow: 0 0 0 2px rgba(210, 166, 121, 0.4); +} + +/* Scrollbar personnalisée */ +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-track { + background: var(--bg-primary); +} + +::-webkit-scrollbar-thumb { + background: var(--accent-primary); + border-radius: var(--radius-sm); +} + +::-webkit-scrollbar-thumb:hover { + background: var(--accent-secondary); } \ No newline at end of file