Add light/dark theme to articles

[NiallJoeMaher]

Context

So we can give a better user experience we are working on a light/dark mode.

Expected Behavior

We use Tailwind so we should enable this by having a default light mode and dark mode with the dark: prefix.
You can see how this is done here: https://tailwindcss.com/docs/dark-mode

Current Behavior

By default, we only use a dark theme.
You can see an example post here: https://www.codu.co/articles/hactoberfest-2023-with-cod-jh-6jzte

Additional info

The background for light mode should be: bg-neutral-100
The text should be: text-neutral-900

[Mrst12]

Can I work on this please 😊 just need to know which page to code on as there is various pages linked to article (sorry to be thick dont want to step on anyones toes, and first time doing open source so want to put code in the right file)

[NiallJoeMaher]

Not a problem! We will help out if you get stuck.

It’s here: https://github.com/codu-code/codu/blob/develop/pages/articles/%5Bslug%5D.tsx

[Shrenik0321]

hey @NiallJoeMaher , would love to work on this issue if there weren't any updates

[Mrst12]

hi @NiallJoeMaher ive had a play around with dev tools to find out how to change the light/dark for the articles page ive attached the screenshots when i uncheck the box it has the right styles for light but not dark when its checked it has the right styles for dark but not light i have searched everywhere where can i change this code for light and dark mode it seems to be inherited from the components in the global css line 18 attached screenshot file, sorry but im not sure how to proceed as dont know where to change this inherited code 🤔

[NiallJoeMaher]

Let me take a look into it for you. Great job so far so don't panic. 🦾

[abhijeetgurle]

I can take this up @NiallJoeMaher.

[NiallJoeMaher]

Thanks, I haven't gotten around to it yet. 🦾

[NiallJoeMaher]

@abhijeetgurle, how is it going? Anything I can help with?

[abhijeetgurle]

@NiallJoeMaher I couldn't work on this issue yesterday. Will work on it today. Will let you know if help is needed.

[abhijeetgurle]

Can you check the PR @NiallJoeMaher ?