ALT import stylex from '@stylexjs/stylex'; import { colors } from '@stylexjs/open-props/lib/colors.stylex'; export const LIGHT = '(prefers-color-scheme: light)'; export const DARK = '@media (prefers-color-scheme: dark)'; export const MOTION = '@media (prefers-reduced-motion: no-preference)'; export const NOMOTION = '@media (prefers-reduced-motion: reduce)'; export const theme = stylex.defineVars({ text1: { default: colors.gray12, [DARK]: colors.gray1 }, text2: { default: colors.gray7, [DARK]: colors.gray5 }, surface1: { default: colors.gray0, [DARK]: colors.gray12 }, surface2: { default: colors.gray2, [DARK]: colors.gray11 }, surface3: { default: colors.gray3, [DARK]: colors.gray10 }, surface4: { default: colors.gray4, [DARK]: colors.gray9 }, });