/* ────────────────────────────────────────────────────────────────────────── Единая тема платформы. Класс theme-dark/theme-light выставляется на и (см. theme.js + инлайн-бутстрап в base-шаблонах). Тёмная тема: 1) переопределяем токены обоих шеллов (студенческий base.html и teacher/base.html уже используют CSS-переменные) → большинство стилей темнеют «само»; 2) точечные оверрайды для захардкоженных мест шапок/сайдбаров; 3) оверрайды Bootstrap-компонентов (студенческий base их использует). Палитра согласована с эфиром/домашкой/доской. ────────────────────────────────────────────────────────────────────────── */ /* Анти-мигание: фон страницы до загрузки CSS страницы. */ html.theme-dark { background: #0d1117; } html.theme-dark body { background: #0d1117; } /* Нативные select/date/time в тёмной теме: - color-scheme:dark на самом элементе переводит нативные попапы браузера в тёмную палитру. Ставим явно, чтобы не зависеть от наследования (у контролов задан свой фон). - option background/color — для Chrome/Firefox (там color-scheme не всегда красит). */ .theme-dark select, .theme-dark input[type="date"], .theme-dark input[type="time"] { color-scheme: dark; } .theme-dark select option, .theme-dark select optgroup { background: #161b22; color: #e6edf3; } /* Примечание: на macOS Chrome/Safari рисуют ВЫПАДАЮЩИЙ список