Ontwerp met dezelfde tokens Je app draait op

In de kit

• Elke DWC-component zoals die eruitziet in webforJ 26 en hoger, met thema's, afmetingen en statussen.
• De kleurpaletten, typografie-, afstands- en schaduwtokens als Figma-variabelen en -stijlen.
• Lichte en donkere modus voor componenten en tokens.
• Nauwkeurige tussenruimte en toegankelijk kleurcontrast voor interfaces met voorspelbaar componentgedrag.

In de app

Stel het merk één keer in als basis. Knoppen, links en focusranden nemen dit over omdat ze het primaire kleurenpalet gebruiken.

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

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

Registreer een licht en een donker thema en laat webforJ het besturingssysteem van de gebruiker volgen.

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