Giving a dark mode to the website

[aayushsrivastava9760]

I want to work on this one. Kindly assign it to me.

[shubhanshu02]

Can you elaborate how are you planning to accomplish this task?

[aayushsrivastava9760]

I was thinking of adding a toggle button at the top and then adding some classes based on dark-mode for buttons, texts, and background . Based on the toggle selection, classes should be changed.

[shubhanshu02]

I guess this part seems too big. But you are welcome if you want to try it out.

[aayushsrivastava9760]

Yes, @shubhanshu02 bhaiya, I would like to try this one out.

[aayushsrivastava9760]

@shubhanshu02 bhaiya , can we use 'atomize' for the theme toggling as it has ThemeProvider or will I have to go with a different library .

[shubhanshu02]

Not sure about that. I can see the ThemeProvider from atomize is already used in the _app.tsx.

hackalog-frontend/pages/_app.tsx

Lines 38 to 51 in 62cada6

	<ThemeProvider theme={theme}>
	<StyleReset />
	<AuthProvider>
	<Header />
	<div
	style={{ paddingTop: "88px", minHeight: "100vh" }}
	className="d-flex flex-column justify-content-between"
	>
	<Component {...pageProps} />
	<ToastContainer />
	<Footer />
	</div>
	</AuthProvider>
	</ThemeProvider>

Maybe someone from the Hackalog team can say better?? @COPS-IITBHU/2020

[aayushsrivastava9760]

so may i go with some other package for the same .

[shubhanshu02]

whichever seems more feasible.