feat(ui): Dark Mode

[Hazer]

Description

Includes dark mode, auto selects and allows for manually overriding with user preference

Screenshot

Depends on:

• Merging refactor(ui): break down config.html into smaller pieces #2491

Type of Change

• New feature (non-breaking change which adds functionality)
• Dependency update (updates to dependencies)
• Documentation update (changes to documentation)
• Repository update (changes to repository files, e.g. .github/...)

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have added or updated the in code docstring/documentation-blocks for new or existing methods/components

Branch Updates

LizardByte requires that branches be up-to-date before merging. This means that after any PR is merged, this branch
must be updated before it can be merged. You must also
Allow edits from maintainers.

• I want maintainers to keep my branch updated

[Hazer]

I didn't ask before, but any considerations regarding colors? Specially with the NavBar colors?

[ReenigneArcher]

I didn't ask before, but any considerations regarding colors? Specially with the NavBar colors?

The white(ish) on yellow(ish) is probably going to be difficult to read. I think I'd prefer the same navbar colors for both, e.g. the original. But everywhere else seems to look okay from your screenshots.

Also, I apologize for the delays on getting all these reviewed and in, I'm a bit overwhelmed with this project at the moment, having 50 open PRs. Are you on our discord? If so it would probably easier to communicate about any of these and get them across the goal line.

[Hazer]

The white(ish) on yellow(ish) is probably going to be difficult to read. I think I'd prefer the same navbar colors for both, e.g. the original. But everywhere else seems to look okay from your screenshots.

Fair, will do.

Also, I apologize for the delays on getting all these reviewed and in, I'm a bit overwhelmed with this project at the moment, having 50 open PRs. Are you on our discord? If so it would probably easier to communicate about any of these and get them across the goal line.

I can totally understand, no problem. I wasn't, but I just got there, I've sent you a DM. Thanks!

[Hazer]

Draft until #2491 is merged.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 6.96%. Comparing base (2b18e4c) to head (4a2a791).
Report is 159 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff            @@
##           master   #2493      +/-   ##
=========================================
- Coverage    7.03%   6.96%   -0.08%     
=========================================
  Files          87      87              
  Lines       17697   17691       -6     
  Branches     8406    8406              
=========================================
- Hits         1245    1232      -13     
- Misses      13716   13754      +38     
+ Partials     2736    2705      -31     

Flag	Coverage Δ
Linux	5.35% <ø> (ø)
Windows	2.56% <ø> (ø)
macOS-12	?
macOS-13	?
macOS-14	8.27% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

see 22 files with indirect coverage changes

[Hazer]

Dark mode navbar colors updated

[ReenigneArcher]

I don't know why, but the toggle drop down doesn't work on the "Applications" tab.

[Hazer]

I don't know why, but the toggle drop down doesn't work on the "Applications" tab.

That's odd. I have really no idea why too, there's no obvious reason for it, I'll need to debug later

[ReenigneArcher]

I don't know why, but the toggle drop down doesn't work on the "Applications" tab.

That's odd. I have really no idea why too, there's no obvious reason for it, I'll need to debug later

@TheElixZammuto any idea what could cause this?

The "button" works on every other navbar page, and there are no errors in the browser console.

[Hazer]

The "button" works on every other navbar page, and there are no errors in the browser console.

Fixed. It had to do with bootstrap module bundling being implicitly duplicated. It'll probably be a good idea to revamp the vite configs in the future, for now I just removed the duplication.

ref:
aurelia/skeleton-navigation#894
https://discourse.aurelia.io/t/bootstrap-import-bootstrap-breaks-dropdown-menu-in-navbar/641/9