Welcome to our live code-along session! We will be building out a chat-app UI with a toggle-able dark mode. If you'd like to follow along with me, clone this repository down to your machine. You'll have everything you need here. All icons used are SVGs and live in the icons folder. Also, you'll find a light and dark themed mockup for the project we'll be building in the mockups folder.
Some concepts and topics we'll be using to complete this project are:
- CSS:
- CSS-only toggle switches
- CSS pseudo elements
- CSS pseudo classes
- flexbox
- some SCSS
- git:
- git clone
- JavaScript:
- .toggle() method
- .checked
The full code will be found in this repo once the live session is over. Let's have some fun!