Skip to content

PahanPerera/angular-light-dark-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

7 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

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