Project

General

Profile

Actions
Copy link

Feature #13788

open

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

Added by Michael Seibt 5 months ago. Updated 17 days ago.

Status:
New
Priority:
Normal
Assignee:
-
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)

Related to Bug #13683: Correct WSlider fill using Bootstrap 5ClosedRomain Mardulyn04/01/2025

Actions
Actions
Copy link Download all files
 #1

Updated by Christian Meyer 5 months ago

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
 #2

Updated by Romain Mardulyn about 2 months ago

  • Related to Bug #13683: Correct WSlider fill using Bootstrap 5 added
Actions
Copy link
 #3

Updated by Romain Mardulyn about 2 months ago

  • Status changed from New to InProgress
Actions
Copy link
 #4

Updated by Romain Mardulyn about 2 months ago

  • Status changed from InProgress to Review
Actions
Copy link
 #5

Updated by Matthias Van Ceulebroeck about 2 months ago

  • Target version set to 4.12.1

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

Actions
Copy link
 #6

Updated by Matthias Van Ceulebroeck about 1 month ago

  • Status changed from Review to Implemented @Emweb
  • Assignee set to Romain Mardulyn
  • % Done changed from 0 to 100
Actions
Copy link
 #7

Updated by Matthias Van Ceulebroeck about 1 month ago

  • Status changed from Implemented @Emweb to Implemented @Test
Actions
Copy link
 #8

Updated by Matthias Van Ceulebroeck 29 days ago

  • Status changed from Implemented @Test to Closed
Actions
Copy link
 #9

Updated by Michael Seibt 23 days 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 17 days 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

Also available in: Atom PDF