From a160210553013ead59458c4f2128d4d37f73d247 Mon Sep 17 00:00:00 2001 From: mrtoine Date: Thu, 11 Dec 2025 09:38:16 +0100 Subject: [PATCH] Update accent color and add "PREMIUM" badge styles in course TOC --- static/css/app.css | 33 ++++++++++++++++++++++++++++++++- 1 file changed, 32 insertions(+), 1 deletion(-) diff --git a/static/css/app.css b/static/css/app.css index 8a5d52d..29ea0cc 100644 --- a/static/css/app.css +++ b/static/css/app.css @@ -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 {