[Feature Request]: Enable Dark Mode From Code Inside _combo.css ?

[RileyMarquis3]

Is there an existing feature request for this?

• [x] I have searched the existing issues

What is your feature request?

It looks like a dark mode theme does exist inside _combo.css, starting on Line 1023 for Version 0.9.92.

Perhaps enabling a dark mode feature from the existing CSS code could be accomplished via following:

• A toggle button or switch in the upper right corner or under My Account to switch between Light and Dark modes. <button id="theme-toggle">Toggle Dark Mode</button>

• JavaScript to handle the functionality (example code below - untested).

const body = document.body;

// Check for saved theme preference in localStorage
const savedTheme = localStorage.getItem('theme');
if (savedTheme === 'dark') {
  body.classList.add('dark');
}

themeToggle.addEventListener('click', () => {
  body.classList.toggle('dark');

  // Save the current theme preference
  if (body.classList.contains('dark')) {
    localStorage.setItem('theme', 'dark');
  } else {
    localStorage.setItem('theme', 'light');
  }
});

Is this something that could be done fairly easily? Thanks in advance for any input on this idea.

Code of Conduct

• [x] I agree to follow this project's Code of Conduct

[jhuckaby]

Dark mode is coming in v2! 😃 I am targeting end of year (2025) for release, and I am on track to make the date.

So sorry for the long delay on this. If you can't wait until v2 drops, Mike's fork of v1 has implemented dark mode already: https://github.com/cronicle-edge/cronicle-edge

[sirjmann92]

I did the same, modified the _combo.css and then compressed it into _combo.css.gz where it's served at run time. Of course had to make some changes to app.js for the header fa toggle icon and to restore some of the app.toggleTheme(); functionality. I also updated the highlight swatches to more dark mode friendly colors.

It's not perfect, and I'm not done tweaking, but it doesn't blind me anymore. I already have cataracts and recurring iritis so I won't use apps/services that don't have a dark mode or can't be customized without too much trouble, otherwise it hurts my eye and causes headaches.

[sirjmann92]

Adjusted stuff... probably more closely aligned with the original vision now: