filmov
tv
Interaktive UIs gestalten: Ein TailwindCSS Theme Switcher mit Dark Mode in Angular entwickeln
Показать описание
In diesem Video zeige ich dir, wie du mit Angular und TailwindCSS einfach einen darkmode definieren und zwischen light- und darkmode wechseln kannst. In letzten Teil bauen wir einen Theme-Switcher, der beliebig viele Themes anwenden kann. Wir verwenden dazu CSS-Variablen und weißen diese den Utilities von TailwindCSS zu. Dadurch erhalten wir ein Interaktives Theme System, mit dem wir innerhalb der Themes auch zwischen dark- und light-mode wechseln können.
Timestamp
Einleitung: 00:00
Default dark-variant (media stratgegy): 00:23
dark-variant (selector strategy): 03:39
Erweiterter Theme-Switcher (CSS-Variablen): 08:25
Timestamp
Einleitung: 00:00
Default dark-variant (media stratgegy): 00:23
dark-variant (selector strategy): 03:39
Erweiterter Theme-Switcher (CSS-Variablen): 08:25