feat: support color-scheme

unocss-community · Jan 17, 2024 · fcffba5 · fcffba5
1 parent 2094b88
commit fcffba5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/index.ts b/src/index.ts
@@ -11,7 +11,7 @@ import { getColorComponents, normalizeVarName } from "./utils";
  * @returns
  */
 export const presetPalette = definePreset((options: PaletteOptions = {}) => {
-  const { colors: _colors = {}, themeColors = {}, colorMode = {}, colorFormat = "rgb", useOpacityVariable = true } = options;
+  const { colors: _colors = {}, themeColors = {}, colorMode = {}, colorFormat = "rgb", useOpacityVariable = true, colorScheme = {} } = options;
 
   Object.assign(themeColors, { ..._colors });
 
@@ -59,6 +59,10 @@ export const presetPalette = definePreset((options: PaletteOptions = {}) => {
               rs.push(`[${attribute}="${theme}"]`);
             }
             rs.push("{");
+            if (colorScheme[theme]) {
+              rs.push(`color-scheme:${colorScheme[theme]};`);
+            }
+
             for (const colorName in colorComponents[theme]) {
               const components = colorComponents[theme][colorName];
               const varName = getVarName(colorName);

diff --git a/src/types.ts b/src/types.ts
@@ -11,6 +11,7 @@ export type CssVarName = string | {
   suffix?: string
 };
 
+export type ColorScheme = "light" | "dark";
 export interface PaletteOptions {
 
   /**
@@ -58,5 +59,7 @@ export interface PaletteOptions {
   cssVarName?: CssVarName
 
   colorFormat?: "rgb" | "hsl"
+
+  colorScheme?: Record<string, ColorScheme>
 }