Build a Full Stack E-Learning App | NextJS, Strapi, Typescript, MUI - 3.Styling + Theming
📚 Get to grips with adding MUI light & dark mode theming to our NextJS Strapi project. We make sure we can toggle between the two themes and the choice persists with our very own theme toggle component. We also tidy up some of the styling and our design system colours to the project.
Links 🔗
► https://github.com/thehashton/curious...
💬 Join us on our discord here:
► / discord
Visit our website:
► https://www.curiousbyte.dev
FOLLOW ✅
► / thehashton
► / curious_byte
SUPPORT THE CHANNEL ❤️
► https://www.buymeacoffee.com/curiousbyte
#frontend #webdev #developer #javascript #typescript #webdevelopment #nextjs #strapi #authentication #mui #theming #style #styling #css #scss #designsystems
0:00 Intro
1:10 Adding Material Icons
1:58 Styling brief
2:35 Creating Light Theme
3:42 Creating Dark Theme
4:34 Emotion Cache Helper
5:07 Theming Layout
10:29 CSS Reset (Baseline)
11:00 Theme Toggler component
18:39 Outro
