miikkuu / blogify

👩‍💻 Blogify - An Open Source Blogging Platform . Full Stack MERN Blog App. Tech❤️ - [ AWS , Node.js , React.js ,TailwindCSS , Multi-Docker Setup , Nginx , Actions CI/CD ] Live Link👇
https://blogify-app.work.gd/
0 stars 2 forks source link

Improve Dark Mode for Post Content #6

Open miikkuu opened 1 month ago

miikkuu commented 1 month ago

Currently the dark mode doesn't correcty works for post content .And I think it can be improved.

iamworrell commented 1 month ago

can you assign this to me?

miikkuu commented 1 month ago

@iamworrell done! Go ahead!

iamworrell commented 1 month ago

@miikkuu do I need aws in order to start the api?

miikkuu commented 1 month ago

@iamworrell no you dont need aws for this . I have removed the AWS coupling / dependency for dev , now. Go Ahead!

iamworrell commented 1 month ago

Screenshot (624) @miikkuu what do you want me to change, please specify...

miikkuu commented 1 month ago

Problem:

Go to our deployed app link and open any post, Turn on Dark Mode and you will see that , the post content's headlines are invisible. Basically the post content's body css should be changed when the dark mode is turned on.

How to do:

Please use a Mongo Cluster , you spin a free MongoDb Cluster from MongoAtlas , and use Mongo Uri in .env.example specified.

Then you need to create a post if you haven't already to see the problem. Check if you can fix this... I think it will require just a few Css Change in Post's - Content section.

In TailwindCSS you can specify dark mode with "dark:" keyword followed by your css. Just like we do it with "hover:" for using hover functionality. Just add in the required css to fix the post content's visibility in dark mode.

@iamworrell let me know if you got it.

iamworrell commented 1 month ago

@miikkuu ok I will make a post using postman and work from there

iamworrell commented 1 month ago

@miikkuu please assign this to someone else