使用相同的设计令牌进行设计 您的应用运行于

在套件中

• webforJ 26 及更高版本中每个 DWC 组件的外观，包括其主题、尺寸和状态。
• 以 Figma 变量和样式提供的配色、字体、间距和阴影设计令牌。
• 组件和令牌的浅色与深色模式
• 精准的间距与无障碍色彩对比，让界面组件行为更可预测。

在应用中

只需设置一次品牌种子色。按钮、链接和焦点环都会沿用它，因为它们使用主色板。

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

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

注册浅色和深色主题，并让 webforJ 跟随用户的操作系统设置。

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