Build in Dark Mode Functionality #57

Open
opened 2024-01-14 14:51:23 -06:00 by jimmyb · 2 comments
Owner

Users love have the option of dark mode. I believe with Metronic a dark-mode CSS file is generated automatically so that should make our life a lot easier.

By default dark mode will not be enabled, but there will be a toggle to enable it. We need to ensure this toggle stays enabled until a user disables it - either should an entry in the database, a session or something else.

Users love have the option of dark mode. I believe with Metronic a dark-mode CSS file is generated automatically so that should make our life a lot easier. By default dark mode will not be enabled, but there will be a toggle to enable it. We need to ensure this toggle stays enabled until a user disables it - either should an entry in the database, a session or something else.
Author
Owner

This has been added! Leaving it open until I commit the code.

This has been added! Leaving it open until I commit the code.
Author
Owner

Actually moving this back to in progress as there's a small issue when using dark mode. When you load a page, it loads light mode first and then quickly switches to dark mode. This is due to the code that checks to see if the user has dark mode is at the bottom of the page so the page loads and then applies dark mode. There's got to be something we can do to fix this.

Actually moving this back to in progress as there's a small issue when using dark mode. When you load a page, it loads light mode first and then quickly switches to dark mode. This is due to the code that checks to see if the user has dark mode is at the bottom of the page so the page loads and then applies dark mode. There's got to be something we can do to fix this.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: MyVideoGameList/myvideogamelist.com#57
No description provided.