dhenry123 / utdon

Self-hosted web application to monitor the obsolescence of your FOSS applications in production. UptoDateOrNot ???
GNU Affero General Public License v3.0
14 stars 2 forks source link

Add dark theme support #14

Closed luclu7 closed 8 months ago

luclu7 commented 8 months ago

The old automatic "dark" theme was not awesome, so I tried adding a better support. I'm not a Sass expert, Old: old theme

New: !["new" theme](https://github.com/dhenry123/utdon/assets/11773528/b1bbc0d1-43e3-416c-a3c9-c3a36c215b27 "\"New\" theme")

image image

dhenry123 commented 8 months ago

Thank you very much for your interest. Could you set the logo background to the same colour as the header background?

.header .logo {
  margin: 4px;
  cursor: pointer;
  background-color: inherit;
  padding: 6px 6px 0 0;
  opacity: .7;
}
luclu7 commented 8 months ago

The colors of the logo are a bit too dark to contrast correctly in my opinion image

Inverse is waaaaay too awkward image

This is filter: brightness(0) invert(1);, it's a bit sad without any color image

Or maybe, just a "proper" rounded white background? image

Which one would you prefer?

dhenry123 commented 8 months ago

I've created a new branch: "logodarkmode". Could you pull it and add the new file "client/public/assets/MytinyDC_logo-brand-full-darkmode.png" to your branch, then define the darkmode css accordingly... Thank you so much

luclu7 commented 8 months ago

This logo looks great ! image

luclu7 commented 8 months ago

By the way, beware, the tag of the last release is 1.20 instead of 1.2.0

dhenry123 commented 8 months ago

Thanks, I'll now avoid publishing a release while having breakfast. :)