Migrate unmigrated styles to dark theme

[shivankacker]

With the addition of our new Dark Theme, we have implemented special classes that substitute to relative colors depending on Theme.

for example, bg-primary substitutes to bg-white in white mode and bg-black in dark mode.

A list of all the relative colors are present in constants.

We have to migrate unmigrated pages to these new classes. Majorly in the Admin Panel.

[vishisht-dubey]

@skks1212 assign me this
also i would implement this modal change
from this

to this

is it ok??

[Ashesh3]

@skks1212 assign me this also i would implement this modal change from this to this is it ok??

This change looks fine. Just make sure it looks fine in light mode too.

[vishisht-dubey]

@skks1212 assign me this also i would implement this modal change from this to this is it ok??

This change looks fine. Just make sure it looks fine in light mode too.

sure

[vishisht-dubey]

@skks1212 @Ashesh3 i was not able to figure out why dark:bg-[some_color] when i am applying this in className it is not working as it should work can you please check??
also in tailwind.config.js module.exports:{darkMode:'media' ...} can we add this as it is used when we work with both light and dark mode, any suggestion??

[shivankacker]

@vishisht-dubey Our implementation of dark mode is different. We don't use the dark: class because it results in a lot of manual class rewrites.
Rather, we use relative class names that produce different results for each mode.

for example, bg-primary substitutes to bg-white in white mode and bg-black in dark mode.

A list of all the relative colors are present in constants.

[vishisht-dubey]

Hii @skks1212 i have done all the changes just want your suggestion
How about introducing theme toggle button in adminSidebar

should i do this ?? what are your opinions??

[vishisht-dubey]

Hii @skks1212 #191 this is the linked pr

[shivankacker]

Hii @skks1212 i have done all the changes just want your suggestion How about introducing theme toggle button in adminSidebar

Go ahead!