1

Refactor: centraliser les couleurs du thème dans des variables CSS

This commit is contained in:
2025-09-17 10:36:30 +02:00
parent 92ad1acfa1
commit c327f865ea
8 changed files with 125 additions and 78 deletions

View File

@@ -18,10 +18,10 @@
border-radius: 12px;
overflow: hidden;
position: relative;
background: linear-gradient(to bottom, rgba(15, 15, 15, 0.9), rgba(1, 1, 1, 0.95));
border: 1px solid rgba(255, 255, 255, 0.1);
border-top: 2px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.5);
background: linear-gradient(to bottom, var(--surface-charcoal-90), var(--surface-onyx-95));
border: 1px solid var(--bg-white-10);
border-top: 2px solid var(--bg-white-20);
box-shadow: 0 6px 14px var(--overlay-black-50);
color: inherit;
text-decoration: none;
transition: box-shadow 0.2s ease-in-out;
@@ -29,7 +29,7 @@
/* Effet léger au survol */
.article-card:hover {
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.7);
box-shadow: 0 8px 18px var(--overlay-black-70);
}
/* Image en haut, occupant toute la largeur */
@@ -38,7 +38,7 @@
background-size: cover;
background-position: center;
position: relative;
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
border-bottom: 2px solid var(--bg-white-10);
filter: brightness(0.6);
/* Image légèrement plus sombre */
transition: filter 0.2s ease-in-out;
@@ -54,7 +54,7 @@
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
background: linear-gradient(to top, var(--bg-white-05), var(--transparent));
opacity: 0.4;
}