preline/src/plugins/theme-switch/variants.css

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

@custom-variant hs-default-mode-active {
  .default & {
    @slot;
  }
}

@custom-variant hs-light-mode-active {
  .light:not(.auto) & {
    @slot;
  }
}

@custom-variant hs-dark-mode-active {
  .dark:not(.auto) & {
    @slot;
  }
}

@custom-variant hs-auto-mode-active {
  .auto & {
    @slot;
  }
}

@custom-variant hs-auto-dark-mode-active {
  .auto.dark & {
    @slot;
  }
}

@custom-variant hs-auto-light-mode-active {
  .auto.light & {
    @slot;
  }
}