defaultStyles property

List<StyleRule> defaultStyles

The default styles for theme modes

Implementation

static final defaultStyles = [
  css(':root').styles(
    raw: {
      Tokens.current.defaultStylesMarker.name:
          Tokens.current.defaultStylesMarker.value,
    },
  ),

  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),
  ]),
];