📄️ Install Tailwind CSS
We have to be careful while installing Tailwind because it can override the default styles of Docusaurus because of preflight. We will install Tailwind in a way that it doesn't affect the default styles.
📄️ Change Colors and Font
Docusaurus starts with a default green color. I changed it a neutral color palette. Just using black/white combinations
📄️ Adjust Alignment
Docusaurus uses full width of window, which makes it look too wide for me. I limited the width by making following changes.
📄️ Adjust Docs Page
Add docs-page.css
📄️ Adjust Docs Sidebar
Add docs-sidebar.css
📄️ Adjust Blog
Add blog.css
📄️ Adjust Font Sizes
Add font-sizes.css
📄️ Adjust Avatar
Add avatar.css