Update accent color and add "PREMIUM" badge styles in course TOC

This commit is contained in:
mrtoine 2025-12-11 09:38:16 +01:00
parent abe4a1a965
commit a160210553

View file

@ -9,7 +9,7 @@
--muted: #5e88a0;
--primary: #4e9ed6;
--primary-contrast: #06121b;
--accent: #ffa500;
--accent: #a79228;
--border: #4f6f8f;
--card: #13293d;
--elev: rgba(15,31,46,0.6);
@ -206,6 +206,36 @@
margin-left: 8px;
font-size: 12px;
}
/* Petit badge "PREMIUM" affiché dans la TOC des cours */
.premium-tag {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 2px 8px;
margin-left: 8px;
border-radius: 999px;
background: var(--accent);
color: var(--warning-contrast);
font-size: 11px;
font-weight: 800;
letter-spacing: .3px;
line-height: 1.2;
vertical-align: middle;
text-transform: uppercase;
white-space: nowrap;
}
.courseToc .tocLink.disabled {
color: var(--text-muted);
background: transparent;
border-color: transparent;
cursor: not-allowed;
opacity: 0.6;
pointer-events: none;
font-weight: 500;
}
[data-theme='light'] {
/* Palette: plus nuancé, moins "blanc" */
--bg: #eef3f7; /* fond légèrement teinté bleu-gris */
@ -1872,6 +1902,7 @@ input[type="text"], input[type="email"], input[type="password"], textarea {
.btn-primary:hover, .button-primary:hover {
background-color: var(--link-hover);
border-color: var(--link-hover);
color: var(--primary-contrast);
}
.btn-secondary, .button-secondary {