Skip to content

Add dark theme switch

Currently a lot of SCSS is hard-coded for light theme, despite the underlying aether-sass theme supporting dark theme media queries so it ends up looking a bit broken. The focus of this MR is fixing up the dark theme in general.

image

(The look isn't final)

Summary

  • Footer is now fixed and isn't weirdly overridden by the dark theme.
  • The boxes that sit on top of the hero banners are now colored properly!
  • The main text color isn't overriding the aether-sass and making it unreadable.

Tasks

  • Replace the Krita logo with an SVG so we can color it via CSS
  • We need to replace certain other icons like the support platform icon set on the homepage (I'm not sure why we even use that to begin with, we already have the icons separated right?)
  • Decide on final colors for e.g. the homepage cards. I just picked some random colors to make it readable, but not intentional.
  • Oh yeah, and those header link color contrast is pretty bad.
Edited by Joshua Goins

Merge request reports