https://github.com/leolanese/angular-signals-theme

Angular (17+) Signal Dynamic Themes with stand-alone Components
https://github.com/leolanese/angular-signals-theme

angular2 signal standalone theme

Last synced: 8 days ago
JSON representation

Angular (17+) Signal Dynamic Themes with stand-alone Components

• Host: GitHub
• URL: https://github.com/leolanese/angular-signals-theme
• Owner: leolanese
• Created: 2024-02-13T12:01:30.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-02-13T14:06:42.000Z (8 months ago)
• Last Synced: 2024-09-25T19:23:46.660Z (8 days ago)
• Topics: angular2, signal, standalone, theme
• Language: TypeScript
• Homepage: https://stackblitz.com/edit/stackblitz-starters-f2lzzc
• Size: 16.6 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular-Signals-Theme

## Angular Signal as Reactive theme with stand-alone Components

- Signals Rule! Re-imagine Dynamic Theming with Angular Signals

- Dynamic Themes, Simplified: The Power of Angular Signals. Upgrade easily your theming game to Reactive Style Changes with Angular Signals

- Simplify and Enhance Your Styling: Go Reactive with Angular Signals. Boost Theme Flexibility: Leverage Angular Signals for Dynamic Styling

## Goal

- Streamlined Service: Leveraging Angular Signals, we simplified our service by employing the signal function to create a theme signal, eliminating the necessity for a BehaviorSubject.

- Reactive Theme Switching: Within the component, we now have direct access to the theme through the signal. This guarantees that our component template promptly responds to any changes in the theme.

- Coordinated State Access: Using `themeService.themeSignal()`, we can directly retrieve the current theme, ensuring seamless synchronization of the theme state throughout the application.

## Demo

[Angular Signal Theme](https://stackblitz.com/edit/stackblitz-starters-f2lzzc)

---

### :100: Thanks!

#### Now, don't be an stranger. Let's stay in touch!



  



##### :radio_button: Linkedin: LeoLanese

##### :radio_button: Twitter: @LeoLanese

##### :radio_button: Portfolio: www.leolanese.com

##### :radio_button: DEV.to: dev.to/leolanese

##### :radio_button: Blog: leolanese.com/blog

##### :radio_button: Questions / Suggestion / Recommendation: [email protected]