Dark Mode

[accforgithubtest]

Loving this project !

Are there any plans to support Dark Mode in UI ?
I think having dark mode will be a killer feature.

Thanks !

[lovasoa]

Hi! The overall theme is provided by tabler, which does support dark mode, so it shouldn't be too hard to do.

The first thing you can do is customize your own shell component locally. Create a shell.handlebars file in sqlpage/templates.

Copy the official shell, and switch to tabler's dark mode by adding the theme-dark CSS class on the body.

If it works well, you can open a pull request here to add an option in the shell template for dark mode.

[lovasoa]

My mistake, it looks like it's not class="theme-dark", but data-bs-theme="dark"

@accforgithubtest , do you want to make the small PR ?

It could be as simple as adding

{{#if dark}}
   data-bs-theme="dark"
{{/if}}

to shell.handlebars

[lovasoa]

done 🎊 ✔️

This will be in the next version.