Feature #13788: Dark mode support, e.g. by updating to Bootstrap 5.3 - Wt - Redmine

Actions

Copy link

Feature #13788

open

Dark mode support, e.g. by updating to Bootstrap 5.3

Added by Michael Seibt 3 months ago. Updated 4 days ago.

Status:

Review

Priority:

Normal

Assignee:

Target version:

4.12.1

Start date:

06/19/2025

Due date:

% Done:

Estimated time:

Description

Our customers would like to optionally use dark mode.
What are the plans for updating to Bootstrap 5.3 or newer?
https://getbootstrap.com/docs/5.3/customize/color-modes/

Files

Download all files

ThemeToggleButton.cpp (9.45 KB) ThemeToggleButton.cpp		Christian Meyer, 07/02/2025 12:09 AM
ThemeToggleButton.hpp (945 Bytes) ThemeToggleButton.hpp		Christian Meyer, 07/02/2025 12:09 AM

Related issues 1 (1 open — 0 closed)

Actions

Copy link Download all files

Updated by Christian Meyer 3 months ago

File ThemeToggleButton.cpp ThemeToggleButton.cpp added
File ThemeToggleButton.hpp ThemeToggleButton.hpp added

I want that as well!

I just realized the current Bootstrap Version does not Support it, after Spending some time Creating a Theme Toggle Button...

Maybe this might help later.

The Button is fully functional:

sets the theme attribute, even for "potential" BS 5.2.3 Themes with body.dark support.
Saves the Theme into localStorage.
Retrieves the Theme from localStorage.
Listens to Preferred Theme changes (setting OS Theme)

Updates the Icon on the button.
Supports setting Own Icons and Localizing Theme Names.

Current Themes are Light, Dark, Auto. Icons are the same as Bootstrap toggle Demo

Actions

Copy link