Dark Mode for all sites

[rohan09-raj]

Color Palette

Naming

colorBackground - #1C1B22
colorNav - #191970
colorLink - #0080FF
colorHighlight - #FF0090
colorText - #E1E1EC
colorCardBg - #312F3B

Toggle Icons

Will not be using icon images in current dark-mode update

Light Mode

https://cdn.discordapp.com/attachments/876156184187502622/893489343371546684/sun.png

Dark Mode

https://cdn.discordapp.com/attachments/876156184187502622/893550385409712128/moon.png

Cookie

cookie-name : theme
cookie-value: dark/light
cookie-expiry period: 1 month
domain: .realdevsquad.com

Note

• Put all color values for lightmode under .lightTheme and for darkmode under .darkTheme classes respectively
• Create a separate function for adding cookie
• Feel free to add new colors if needed for the site and have a proper name for which it is, don't change the color values of existing colors given on the color palette

New requirements :

• Use cookie as the behind the feature flag.
• On cookieValueChange trigger the new theme.
• Hide the toggle button as of now.
• Use the dev console for changing the theme.

There might be slight changes in implementation according to the languages being used for the sites but the main task flow remains the same.

• Dark Mode for Crypto site website-crypto#239 - @shubham-y
• Dark Mode for Welcome Site website-welcome#185 - Aakanksha Dhurandar
• Dark mode for My site website-my#161 - @akshay1502
• Dark Mode for www-site website-www#154 - @rohan09-raj
• Dark Mode for Status Site website-status#205 - Brandon
• Dark Mode for Members Site website-members#257 - @RohitKuwar
• Dark mode for goals site website-goals#13 - @Pavangbhat

For any queries drop the questions in #dark-mode-feature channel

[akshay1502]

New requirements

• remove the toggle icon
• use the console for changing cookie value
• remove the functions attached with toggle icon