UI Fix and enhancement

[Klath123]

Improve Dark Theme, Update model.yml to v4, and Fix Sidenav Issues

Summary

This PR introduces UI improvements and configuration updates to enhance the overall user experience and maintain consistency.

---

Changes Made

1. Improve Dark Theme

• Enhanced color contrast for better readability.
• Improved background and surface color consistency.
• Refined text visibility across components.

2. Update model.yml to v4

• Migrated configuration to version 4.
• Ensured compatibility with the updated structure.

3. Remove Ribbon

• Removed the ribbon component as it was already present in the sidenav.
• Eliminated redundant UI elements for a cleaner layout.

4. Fix Sidenav Overflow on Scroll

• Resolved the issue where the sidenav overflowed during scrolling.
• Improved layout stability and responsiveness.

---

Demo Videos

Before

Screen.Recording.2026-02-24.085540.mp4

After

Screen.Recording.2026-02-24.090200.mp4

---

Please let me know if any additional refinements are needed.

[vbakke]

Lots of good tidying. But I think #121212 it too harsh. It's almost completely black.

I know this is all about taste. But I always prefer a degree of light in my dark backgrounds. Even though it narrows the band of good contrasts for texts.

Especially on the heatmap page, the back hole in the middle is just sucking in my attention. The background should preferably not be notable. :)

Also, I don't understand --surface variables mention below. How do they differ from the existing --background variables?

[vbakke]

Please avoid !important whenever possible

[vbakke]

Same... !important

and more below

[Klath123]

Thanks for the review @vbakke ,
->I will remove the use of !important in this.
->I renamed the background variables to --surface-* in the dark theme to better represent different elevation levels (e.g., page background vs. toolbar vs. cards). My intention was to introduce a clearer semantic distinction between base backgrounds and elevated UI elements.
->I felt the current design was a little flat(as you said its all about taste). But I do agree with you that #121212 will be a bit harsh.
->I’ve prepared two alternative options with lighter dark tones and improved elevation contrast

1.
2.

Please have a look at these and suggest any needed changes. Happy to refine it further :)