Dynamic theming + dark theme

[headquarter8302]

I've been given the greenlight on the Discord by @tresf to start working on a dark theme with an added feature of automatic system theme detection.

This issue ticket will be used to track progress, discuss changes, also so that the PR wouldn't dangle without an attached issue.

To-do

• Implement the dark theme completely in CSS/SCSS. Without doing additional changes to server logic or scripting

Changes

• Darkened jumbotron's green tint
• Apply LMMS's dark tint to every background/neutral surface
• Buttons on the download page
• Made all theme changes responsive to the user's preferred color scheme. This can be observed by using the Rendering tab's "Emulate CSS media feature prefers-color-scheme" in your browser's Devtool

Pages done

• index
  • 
• download
  • 
• get-involved
  • 
• showcase
  • 
• branding
  • 
• lsp
  • 
  • 

Difficulties

1. I've been unable to properly make styles for LSP, since it wouldn't build the database. Nor am I confident that an empty DB would produce all the possible layouts and elements for the styling. This is a blocker before the PR can be merged I've found a way to style LSP without building
2. It is a pain in the ass to set this up on Windows. I am definitely going to make build steps for Windows after this

[tresf]

This is awesome! I might be able to set you up with a skeleton copy of the LSP database. You can give yourself admin and upload a few things for testing.

[headquarter8302]

I've added LSP screenshots

[tresf]

#399 is merged, but I'm leaving this open incase you want to still work on this task:

• Implement a theme toggle, probably in the navbar since it's sticky