Skip to content

Conversation

@androettop
Copy link

@androettop androettop commented Jul 14, 2025

This MR adds a simple dark theme option to the application. Changes include:

  • New toggle in the nav bar to switch between light and dark modes.
  • Updated CSS values to support both themes.
  • Default theme respects user’s OS preference.
  • Minor adjustments to ensure text and icons remain readable in dark mode.

All existing functionality is preserved. No breaking changes expected. Please review the theme switcher behavior on different pages.
image
image
image

related issue: #25

Copy link
Owner

@bitnimble bitnimble left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the PR! pretty much lgtm - I've unfortunately just reinstalled Windows and I'm doing some travelling at the moment as well, so my reviews may be a little slower than usual. I also have to get my dev environment set up from scratch again, so I don't have the repo checked out and running locally etc, so some of my review comments will ask to just double check things on your end if I can't check it easily myself.

This PR lgtm, just have one thing to check (not critical)

type TextStyle = 'regular' | 'title' | 'monospace' | 'code';
type TextWeight = 'regular' | 'semibold' | 'bold' | 'extrabold' | 'black';
type TextColor = 'black' | 'red' | 'white' | 'grey' | 'purple';
type TextColor = 'black' | 'red' | 'white' | 'grey' | 'purple' | 'auto';
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is there anything using 'black' right now that would need to be updated to 'auto'? and can 'black' just be removed now?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I added it at first and then kept it, although black and auto are not being used I thing may be useful to leave it for future updates. Auto is the default contrast color of the light/dark theme, and black and white can be used to force color on specific ui elements that require it

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yep, what I'm saying is that the current 'black' prop might be currently used somewhere with the assumption that the site is in light mode - those would need to be changed to auto now, if they exist.

if no usage of the black prop exists, then we should just remove it, since they most likely should be using auto instead, I think

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Agree, done!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants