Skip to content

Angular application that implements a basic light/dark mode

Notifications You must be signed in to change notification settings

PahanPerera/angular-light-dark-app

Repository files navigation

🌞🌚 Implement Angular Light / Dark Mode

This project showcases Light / Dark mode implementation of a Angular Project.

📦 Features

  • Mode Toggle Button
  • Angular service that can be used to implement your own toggle component
  • Persistence via Local Storage (ability to write other persistance methods - e.g Session Storage)
  • Mode change listener based on Rxjs Observable
  • SCSS support with CSS variables
  • Load initial mode based on Device Theme Preference
  • Require no additional libraries
  • Well documented code

💻 Local Setup

  • Clone the project
  • Install dependencies npm install
  • Run npm run start
  • Visit http://localhost:4200/

👏 Feedbacks are welcome!

About

Angular application that implements a basic light/dark mode

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published