Skip to content

Add Light Mode Support#1127

Merged
CryZe merged 1 commit intoLiveSplit:masterfrom
CryZe:light-mode
Feb 25, 2026
Merged

Add Light Mode Support#1127
CryZe merged 1 commit intoLiveSplit:masterfrom
CryZe:light-mode

Conversation

@CryZe
Copy link
Collaborator

@CryZe CryZe commented Feb 25, 2026

LiveSplit One now supports light mode in addition to dark mode. The theme automatically follows the system preference (prefers-color-scheme), but can also be explicitly set to light or dark via the settings.

Changes:

  • Theme setting: A new "Theme" option in the settings lets users choose between Automatic (follows system), Light Mode, and Dark Mode.
  • CSS variables: All hardcoded dark-mode colors (backgrounds, borders, text, overlays, scrollbars, switches, etc.) have been extracted into CSS custom properties in variables.css, with a full set of light-mode overrides under :root[data-theme="light"] and a prefers-color-scheme: light media query fallback.
  • Affected components: main styles, buttons, text boxes, tables, select dropdowns, color picker, context menus, dialogs, tooltips, toasts, switches, splits selection, run editor, timer view, and the leaderboard.
  • Leaderboard: Player name colors now adapt to the active theme (using the light/dark variant from speedrun.com).
  • Localization: Theme labels translated in all supported languages.

LiveSplit One now supports light mode in addition to dark mode. The
theme automatically follows the system preference
(`prefers-color-scheme`), but can also be explicitly set to light or
dark via the settings.

Changes:

- **Theme setting**: A new "Theme" option in the settings lets users
  choose between Automatic (follows system), Light Mode, and Dark Mode.
- **CSS variables**: All hardcoded dark-mode colors (backgrounds,
  borders, text, overlays, scrollbars, switches, etc.) have been
  extracted into CSS custom properties in variables.css, with a full set
  of light-mode overrides under `:root[data-theme="light"]` and a
  `prefers-color-scheme: light` media query fallback.
- **Affected components**: main styles, buttons, text boxes, tables,
  select dropdowns, color picker, context menus, dialogs, tooltips,
  toasts, switches, splits selection, run editor, timer view, and the
  leaderboard.
- **Leaderboard**: Player name colors now adapt to the active theme
  (using the light/dark variant from speedrun.com).
- **Localization**: Theme labels translated in all supported languages.

Changelog (en): LiveSplit One now supports light mode! You can change the theme in the settings.
Changelog (de): LiveSplit One unterstützt jetzt einen hellen Modus! Das Design kann in den Einstellungen geändert werden.
Changelog (fr): LiveSplit One prend désormais en charge le mode clair ! Vous pouvez changer le thème dans les Paramètres.
Changelog (nl): LiveSplit One ondersteunt nu een lichte modus! Je kunt het thema wijzigen in de Instellingen.
Changelog (es): ¡LiveSplit One ahora soporta el Modo Claro! Puedes cambiar el Tema en la Configuración.
Changelog (it): LiveSplit One ora supporta la modalità chiara! Puoi cambiare il tema nelle Impostazioni.
Changelog (pt): O LiveSplit One agora suporta o Modo Claro! Pode alterar o Tema nas Configurações.
Changelog (pt-BR): O LiveSplit One agora suporta o Modo Claro! Você pode alterar o Tema nas Configurações.
Changelog (pl): LiveSplit One obsługuje teraz tryb jasny! Motyw można zmienić w Ustawieniach.
Changelog (ru): LiveSplit One теперь поддерживает светлый режим! Вы можете изменить тему в Настройках.
Changelog (ja): LiveSplit Oneがライトモードに対応しました!テーマは設定から変更できます。
Changelog (ko): LiveSplit One이 이제 라이트 모드를 지원합니다! 설정에서 테마를 변경할 수 있습니다.
Changelog (zh-Hans): LiveSplit One 现已支持浅色模式!您可以在设置中更改主题。
Changelog (zh-Hant): LiveSplit One 現已支持淺色模式!您可以在設定中更改主題。
@CryZe CryZe merged commit b658ded into LiveSplit:master Feb 25, 2026
4 checks passed
@CryZe CryZe deleted the light-mode branch February 25, 2026 20:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant