Skip to content

Conversation

@iamdabe
Copy link
Contributor

@iamdabe iamdabe commented May 30, 2025

With the updated layout I thought it'd be an ideal time to introduce color theme support!

I've integrated it with the existing light/dark mode system. You can select the color theme directly from the settings page. I've setup a handful of 'default' themes (caveat being I'm not a designer!). Tried to keep the touch-points to a minimal to ease merging. PR against the updated.layout branch (as I saw this hasn't been merged to main yet).

Default behaviour (no ThemeVariant set) uses the standard light/dark mode so it gracefully falls back to the bs default color scheme.

Summary of Changes

  • Added ThemeVariant property to UserConfig class to persist the selected theme
  • Added ThemeSelected helper method to StaticHelper class
  • Updated the settings view and javascript to handle theme selection and saving
  • Updated shared layout to load themes.css
  • Updated site.css to remove hardcoded !important rules (only 2, for the context menu on tables)
  • Added themes.css which contains the themes
  • Updated the garage display view to use object-fit: cover class so images fill their space more cleanly

Demo

output2.mp4
output.mp4

@hargata hargata deleted the branch hargata:main June 24, 2025 20:37
@hargata hargata closed this Jun 24, 2025
@hargata hargata reopened this Jun 24, 2025
@hargata hargata changed the base branch from Hargata/updated.layout to main June 24, 2025 20:41
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