From 846a3c389d805bed119394c3fc0c2c039b8e2123 Mon Sep 17 00:00:00 2001 From: Maxim Dolgolyov Date: Sat, 16 May 2026 19:39:29 +0300 Subject: [PATCH] =?UTF-8?q?fix:=20sidebar=20group=20headers=20=E2=80=94=20?= =?UTF-8?q?=D0=BA=D0=BE=D0=BD=D1=82=D1=80=D0=B0=D1=81=D1=82=20=D0=BF=D0=BE?= =?UTF-8?q?=D0=B4=20=D1=81=D0=B2=D0=B5=D1=82=D0=BB=D1=83=D1=8E=20=D1=82?= =?UTF-8?q?=D0=B5=D0=BC=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Заголовки групп были rgba(255,255,255,0.45) — белые 45%, что под тёмный sidebar. Но LearnSpace использует светлую тему (--bg=#EEF2FF), из-за чего «УЧЕБНЫЙ ПРОЦЕСС» и пр. сливались с фоном. Теперь: color: var(--text-3, #56687A) с opacity .72 hover: var(--violet) с opacity 1 Visible contrast: было ~1.2:1 (невидимо), стало ~4:1 (WCAG AA для небольшого uppercase-текста — годится). --- js/sidebar.js | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/js/sidebar.js b/js/sidebar.js index 4fef137..4fa8b5d 100644 --- a/js/sidebar.js +++ b/js/sidebar.js @@ -122,16 +122,17 @@ const style = document.createElement('style'); style.id = 'sb-group-styles'; style.textContent = ` - .sb-group { margin: 8px 0 2px; } + .sb-group { margin: 10px 0 2px; } .sb-group-hdr { - width: 100%; padding: 4px 12px; border: none; background: none; + width: 100%; padding: 6px 14px 4px; border: none; background: none; display: flex; align-items: center; justify-content: space-between; font-family: 'Manrope', system-ui, sans-serif; - font-size: 0.66rem; font-weight: 800; letter-spacing: 0.08em; - color: rgba(255, 255, 255, 0.45); text-transform: uppercase; - cursor: pointer; transition: color .12s; + font-size: 0.68rem; font-weight: 800; letter-spacing: 0.08em; + color: var(--text-3, #56687A); text-transform: uppercase; + cursor: pointer; transition: color .12s, opacity .12s; + opacity: 0.72; } - .sb-group-hdr:hover { color: rgba(255, 255, 255, 0.75); } + .sb-group-hdr:hover { color: var(--violet, #9B5DE5); opacity: 1; } .sb-group-chev { width: 12px; height: 12px; transition: transform .18s; }