maxim.dolgolyov/Learn_System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: sidebar group headers — контраст под светлую тему

Browse Source 
Заголовки групп были 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-текста — годится).
This commit is contained in:
Maxim Dolgolyov
2026-05-16 19:39:29 +03:00
parent 5c66105fc2
commit 846a3c389d
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/sidebar.js
+7 -6
View File
@@ -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;
}