Add color scheme

Author: pomber

packages/smooth-code/src/code-tween.tsx

@@ -9,6 +9,7 @@ import {
   getCodeColors,
   getColor,
   ColorName,
+  getColorScheme
 } from "@code-hike/utils"
 import {
   useStepParser,
@@ -146,6 +147,7 @@ function AfterDimensions({
         opacity: 1,
         backgroundColor: bg,
         color: fg,
+        ["color-scheme" as any]: getColorScheme(theme),
         ["--ch-selection-background" as any]: getColor(
           theme,
           ColorName.SelectionBackground

packages/utils/src/theme.ts

@@ -203,6 +203,16 @@ export function getColor(
   }
 }
 
+export function getColorScheme(theme: EditorTheme): string | undefined {
+  const themeType = getThemeType(theme)
+  if (themeType === "dark") {
+    return "dark"
+  } else if (themeType === "light") {
+    return "light"
+  }
+  return undefined
+}
+
 export function transparent(
   color: Color,
   opacity: number