Esenjin_Asakha/Lectures
Esenjin_Asakha/Lectures
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

amélioration des couleurs du thème

Browse Source
This commit is contained in:
Esenjin 2025-02-15 00:06:28 +01:00
parent c44b0bc223
commit bda0cc9981
1 changed files with 48 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
assets/css/theme.css
View File

@ -1,23 +1,24 @@
/* Thème et variables globales */ /* Thème et variables globales */
:root { :root {
/* Couleurs principales */ /* Couleurs de fond */
--bg-primary: #1a1512; --bg-primary: #2c2424;
--bg-secondary: #2c1810; --bg-secondary: #3e3232;
--bg-tertiary: #382218; --bg-tertiary: #4a3f3f;
/* Textes */ /* Textes */
--text-primary: #e0d6cc; --text-primary: #e6d8cc;
--text-secondary: #b3a69b; --text-secondary: #cfbfa3;
--text-tertiary: #2c2420;
/* Accents */ /* Accents */
--accent-primary: #8b4513; --accent-primary: #d2a679;
--accent-secondary: #d4691e; --accent-secondary: #e6b88a;
/* Utilitaires */ /* Utilitaires */
--border-color: #483225; --border-color: #5a4b4b;
--success-color: #2d5a27; --success-color: #5a8c54;
--error-color: #802020; --error-color: #8c4646;
--input-bg: #241610; --input-bg: #332a2a;
/* Espacements */ /* Espacements */
--spacing-xs: 0.5rem; --spacing-xs: 0.5rem;
@ -43,6 +44,7 @@ body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: var(--bg-primary); background-color: var(--bg-primary);
color: var(--text-primary); color: var(--text-primary);
line-height: 1.6;
} }
button, input, textarea { button, input, textarea {
@ -53,16 +55,28 @@ button, input, textarea {
.button { .button {
padding: var(--spacing-sm) var(--spacing-md); padding: var(--spacing-sm) var(--spacing-md);
background-color: var(--accent-primary); background-color: var(--accent-primary);
color: var(--text-primary); color: var(--text-tertiary);
border: none; border: none;
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
cursor: pointer; cursor: pointer;
transition: background-color var(--transition-fast); transition: all var(--transition-fast);
text-decoration: none; text-decoration: none;
} }
.button:hover { .button:hover {
background-color: var(--accent-secondary); 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 */ /* États de focus globaux */
@ -71,5 +85,24 @@ button, input, textarea {
} }
:focus-visible { :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);
} }