Suunnittele samoilla tokeneilla Sovelluksesi toimii alustalla

Pakkauksessa

• Kaikki DWC-komponentit sellaisina kuin ne näkyvät webforJ 26:ssa ja uudemmissa versioissa, teemoineen, kokoineen ja tiloineen.
• Väripaletit sekä typografia-, välistys- ja varjotokenit Figma-muuttujina ja -tyyleinä.
• Komponenttien ja tokenien vaalea ja tumma tila.
• Täsmälliset välistykset ja saavutettava värikontrasti käyttöliittymiin, joissa komponenttien toiminta on ennakoitavaa.

Sovelluksessa

Määritä brändi kerran siemenarvoksi. Painikkeet, linkit ja kohdistusrenkaat käyttävät sitä, koska ne perustuvat ensisijaiseen väripalettiin.

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

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

Rekisteröi vaalea ja tumma teema ja anna webforJ:n seurata käyttäjän käyttöjärjestelmän asetuksia.

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