Skip to content

Example app on how to use CSS variables to get dynamically theming or branding capabilities. Uses polyfills to also work in IE11

Notifications You must be signed in to change notification settings

bene-starzengruber/dynamic-theming

Repository files navigation

DynamicBranding

Example App on how to use CSS Variables to enable dynamic theming. Uses polyfills to also work for IE11 despite it not supporting CSS Variables

alt text

Application is split in 2 components

  • Theme-Component: Shows current selected theme colors and updates colors
  • Content-Component: Shows some elements which are styled dynamically

To add theming-colors, you have to add it to the themables-array in the ThemingService. To provide a default color, also add it to themes.less

How to run

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

About

Example app on how to use CSS variables to get dynamically theming or branding capabilities. Uses polyfills to also work in IE11

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published