Skip to content

Add automatic dark theme for website.#169

Merged
necouchman merged 2 commits intoapache:mainfrom
mike-jumper:dark-mode
Sep 5, 2025
Merged

Add automatic dark theme for website.#169
necouchman merged 2 commits intoapache:mainfrom
mike-jumper:dark-mode

Conversation

@mike-jumper
Copy link
Contributor

@mike-jumper mike-jumper commented Sep 5, 2025

This change adds a dark mode to the Guacamole website that will be chosen by the browser automatically whenever the user's system is set to dark mode.

This is accomplished by:

  • Generating the same CSS twice - once for dark mode and again for light mode.
  • Defining a $mode variable and $globals.lightdark() function that selects between two choices depending on whether we are generating CSS for light mode or dark mode.
  • Pulling the colors out into variables which are conditional leveraging that function.
Light Dark
The Guacamole website with its light theme active. The Guacamole website with its dark theme active.

@necouchman necouchman merged commit edbe1a7 into apache:main Sep 5, 2025
1 check passed
@mike-jumper mike-jumper deleted the dark-mode branch September 5, 2025 17:01
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.

2 participants