Mit denselben Tokens gestalten Ihre App läuft auf

Im Kit

• Alle DWC-Komponenten, wie sie ab webforJ 26 aussehen, mit ihren Themes, Größen und Zuständen.
• Farbpaletten, Typografie, Abstände und Schatten als Figma-Variablen und -Stile.
• Hell- und Dunkelmodus für Komponenten und Tokens.
• Präzise Abstände und barrierefreie Farbkontraste für Benutzeroberflächen mit vorhersehbarem Komponentenverhalten.

In der App

Legen Sie die Markenfarbe einmal als Basis fest. Schaltflächen, Links und Fokusringe übernehmen sie, da sie die Primärpalette verwenden.

:root {
  --dwc-color-primary-seed: #2563eb;
}

html[data-app-theme="dark"] {
  --dwc-color-primary-seed: #a855f7;
}

Registrieren Sie ein helles und ein dunkles Theme, damit webforJ dem Betriebssystem des Benutzers folgt.

@AppTheme("system")
@AppLightTheme("light")
@AppDarkTheme("dark")
class MyApp extends App {
  // app code
}