Dark Mode does not work properly
ThePyProgrammer opened this issue · comments
The Dark Mode, which is currently using Vuetify's Dark Mode functionality, does not load properly in our current application. This is due to the fact that Vuetify does not convert custom defined colors, like #FFFFFF to #000000, which would be a problem since this means that boards described as white are actually still white under the dark mode.
These are multiple ways to solve this issue, as shown below:
Manually Adjust Vuetify and the Code to Accept Dark Mode
(see the branch dark-mode for info)
This is the tedious route, wherein, Vuetify is used, under the Android-style Material UI Color Scheme Definition. This may not be the most ideal solution, but on pull request is trying to implement that.
Use the Dark-Reader Extension
When we showed the application to Sid, the Dark Reader Chrome Extension had in fact ran its magic and completely beautified the user interface, which is something Vuetify was unable to do. To achieve similar results, we simply need to use the Dark Reader NPM Package, and possibly it's Vue-specific counterpart.
Actually, this repo is particularly for people in the Saylah Development Team. I apologise, we didn't mean to make this open source.