defaultStyles property

List<StyleRule> defaultStyles

The default styles for theme modes

Implementation

static final defaultStyles = [
  css('').styles(raw: {'-----default-styles-----': '""'}),

  css(
    ':is(.naki-light-mode, html[data-naki-theme="light"])',
  ).styles(raw: const _LightModeTokens().variables),

  css.media(const MediaQuery.all(prefersColorScheme: ColorScheme.light), [
    css(
      ':is(.naki-system-mode, html[data-naki-theme="system"])',
    ).styles(raw: const _LightModeTokens().variables),
  ]),

  css(
    ':is(.naki-dark-mode, html[data-naki-theme="dark"])',
  ).styles(raw: const _DarkModeTokens().variables),

  css.media(const MediaQuery.all(prefersColorScheme: ColorScheme.dark), [
    css(
      ':is(.naki-system-mode, html[data-naki-theme="system"])',
    ).styles(raw: const _DarkModeTokens().variables),
  ]),
];