``` **Setup:** 1. Configure Tailwind for class-based dark mode: ```js theme={null} // tailwind.config.js module.exports = { darkMode: 'class', } ``` 2. Add `dark` class to parent element: ```tsx theme={null} ``` All components automatically switch to dark colors. *** ## Common Customizations ### Change Primary Brand Color **Inline Styles — find & replace across the component directory:** ``` Find: #3B82F6 Replace: #9333EA Scope: src/components/comments-threaded/ ``` **Tailwind:** ``` Find: blue-600 Replace: purple-600 Find: blue-700 Replace: purple-700 ``` ### Customize Dark Mode Colors ```tsx theme={null} // Make dark mode deeper backgroundColor: theme === 'dark' ? '#0F172A' : '#FFFFFF' // Slate-900 instead of gray-800 ``` *** ## Next Steps Modify component layout Inline styles vs Tailwind Add custom functionality Advanced customization techniques