UNPKG

@agnikul-ui/panda-preset

Version:

Panda CSS Preset for Agnikul UI

65 lines (64 loc) 2.73 kB
// src/colors/neutral.ts import { defineSemanticTokens, defineTokens } from "@pandacss/dev"; var tokens = defineTokens.colors({ light: { "25": { value: "#fdfdfd" }, "50": { value: "#fafafa" }, "100": { value: "#f5f5f5" }, "200": { value: "#e9eaeb" }, "300": { value: "#d5d7da" }, "400": { value: "#a4a7ae" }, "500": { value: "#717680" }, "600": { value: "#535862" }, "700": { value: "#414651" }, "800": { value: "#252b37" }, "900": { value: "#181d27" }, "950": { value: "#0a0d12" } }, dark: { "25": { value: "#fafafa" }, "50": { value: "#f7f7f7" }, "100": { value: "#f0f0f1" }, "200": { value: "#ececed" }, "300": { value: "#cecfd2" }, "400": { value: "#94979c" }, "500": { value: "#85888e" }, "600": { value: "#61656c" }, "700": { value: "#373a41" }, "800": { value: "#22262f" }, "900": { value: "#13161b" }, "950": { value: "#0c0e12" } } }); var semanticTokens = defineSemanticTokens.colors({ bg: { soft_surface: { value: { _light: "{colors.neutral.light.25}", _dark: "{colors.neutral.dark.800}" } }, subtle: { value: { _light: "{colors.neutral.light.100}", _dark: "{colors.neutral.dark.600}" } }, muted: { value: { _light: "{colors.neutral.light.400}", _dark: "{colors.neutral.dark.300}" } }, default: { value: { _light: "{colors.neutral.light.500}", _dark: "{colors.neutral.dark.200}" } }, emphasized: { value: { _light: "{colors.neutral.light.700}", _dark: "{colors.neutral.dark.100}" } }, strong: { value: { _light: "{colors.neutral.light.900}", _dark: "{colors.neutral.dark.25}" } }, strong_alt: { value: { _light: "{colors.neutral.light.950}", _dark: "{colors.neutral.dark.100}" } } }, fg: { primary: { value: { _light: "{colors.neutral.light.900}", _dark: "{colors.neutral.dark.500}" } }, secondary: { value: { _light: "{colors.neutral.light.600}", _dark: "{colors.neutral.dark.300}" } }, tertiary: { value: { _light: "{colors.neutral.light.400}", _dark: "{colors.neutral.dark.500}" } }, quadernary: { value: { _light: "{colors.neutral.light.300}", _dark: "{colors.neutral.dark.700}" } } }, border: { xsubtle: { value: { _light: "{colors.neutral.light.100}", _dark: "{colors.neutral.dark.800}" } }, subtle: { value: { _light: "{colors.neutral.light.200}", _dark: "{colors.neutral.dark.700}" } }, muted: { value: { _light: "{colors.neutral.light.400}", _dark: "{colors.neutral.dark.500}" } }, default: { value: { _light: "{colors.neutral.light.600}", _dark: "{colors.neutral.dark.100}" } } } }); var neutral_default = { name: "neutral", tokens, semanticTokens }; export { neutral_default }; //# sourceMappingURL=chunk-7IUANGBC.js.map