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 about 1 year ago. Updated 8 days ago.

Status:

Resolved

Priority:

Normal

Assignee:

Romain Mardulyn

Target version:

4.14.0

Start date:

06/19/2025

Due date:

% Done:

100%

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 (0 open — 1 closed)

Actions

Copy link Download all files

Updated by Christian Meyer about 1 year 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

Updated by Romain Mardulyn 10 months ago

Related to Bug #13683: Correct WSlider fill using Bootstrap 5 added

Actions

Copy link

Updated by Romain Mardulyn 10 months ago

Status changed from New to InProgress

Actions

Copy link

Updated by Romain Mardulyn 10 months ago

Status changed from InProgress to Review

Actions

Copy link

Updated by Matthias Van Ceulebroeck 10 months ago

Target version set to 4.12.1

Added to #13683 (due to theme rebuilding there).

Actions

Copy link

Updated by Matthias Van Ceulebroeck 9 months ago

Status changed from Review to Implemented @Emweb
Assignee set to Romain Mardulyn
% Done changed from 0 to 100

Actions

Copy link

Updated by Matthias Van Ceulebroeck 9 months ago

Status changed from Implemented @Emweb to Implemented @Test

Actions

Copy link

Updated by Matthias Van Ceulebroeck 9 months ago

Status changed from Implemented @Test to Closed

Actions

Copy link

Updated by Michael Seibt 9 months ago

This feature request has not been addressed at all by the "related issue" #13683 (which was closed with v4.12.1).
Please reopen and give feedback! Thank you in advance!

Actions

Copy link

#10

Updated by Matthias Van Ceulebroeck 9 months ago

Status changed from Closed to New
Assignee deleted (~~Romain Mardulyn~~)
Target version changed from 4.12.1 to 4.14.0

Indeed, while Bootstrap allows you to implement this by means of a simple "toggle", this makes some assumptions that all coloring is done by means of Bootstrap.
This will result in some significant changes, such that Wt will define its own set of theme colors, and use them consistently. These can then be mapped to Bootstrap's colors.

Actions

Copy link

#11