Support Dark Themes

[mririgoyen]

As a user of the Pictogrammers website, I would like it to respect my OS's theme setting and display the website in either a dark or light theme. Additionally, I would like to have an option to switch between the two modes.

Notes:

The structure of the CSS already is laid out to add more theme versions.

AC:

• [ ] Add a theme-dark and define the color overrides.
• [ ] Add logic to automatically choose the correct theme based on user setting.
• [ ] Allow the user to toggle between light and dark mode. If this happens, remember their setting in a cookie/local storage and default to it on return visits.

[andrejsharapov]

Hello, @mririgoyen. Is there an estimated release date for this release? I started making a small UI Kit outside of MUI to work on the current indentation system and add some elements to the design. But I would like to wait so as not to redo the elements again))

[AxelLR992]

Is someone already working on this? If not, I'd like to give it a try.

[andrejsharapov]

Is someone already working on this? If not, I'd like to give it a try.

Yes, @mririgoyen wrote that it is in the process.

[mririgoyen]

The site is architecturally changing to support features behind authentication. Attempting to do this now would be counterproductive IMO. There are also branding considerations we need to work out in terms of acceptable color palette. I'm honestly tempted to close this as "Won't Fix" for now and revisit it at a much later time.

[andrejsharapov]

This is a good decision. I see you made the shape of the buttons in the navigation less round as I intended). I will then wait with my proposals when this is completed so as not to interfere. But I want to share a couple of thoughts:

• On the "About" page, it might be worth removing the breadcrumbs.
• Develop a design system as pages have margin/padding issues (e.g. LandingPageHeading looks great, but the content below takes up more width and this creates a visual imbalance), etc.