@agnikul-ui/panda-preset
Version:
Panda CSS Preset for Agnikul UI
48 lines • 2.27 kB
JavaScript
// src/colors/neutraldark.ts
import { defineSemanticTokens, defineTokens } from "@pandacss/dev";
var tokens = defineTokens.colors({
"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.neutrallight.25}", _dark: "{colors.neutraldark.800}" } },
subtle: { value: { _light: "{colors.neutrallight.100}", _dark: "{colors.neutraldark.600}" } },
muted: { value: { _light: "{colors.neutrallight.400}", _dark: "{colors.neutraldark.300}" } },
default: { value: { _light: "{colors.neutrallight.500}", _dark: "{colors.neutraldark.200}" } },
emphasized: { value: { _light: "{colors.neutrallight.700}", _dark: "{colors.neutraldark.100}" } },
strong: { value: { _light: "{colors.neutrallight.900}", _dark: "{colors.neutraldark.25}" } },
strong_alt: { value: { _light: "{colors.neutrallight.950}", _dark: "{colors.neutraldark.100}" } }
},
fg: {
primary: { value: { _light: "{colors.neutrallight.900}", _dark: "{colors.neutraldark.500}" } },
secondary: { value: { _light: "{colors.neutrallight.600}", _dark: "{colors.neutraldark.300}" } },
tertiary: { value: { _light: "{colors.neutrallight.400}", _dark: "{colors.neutraldark.500}" } },
quadernary: { value: { _light: "{colors.neutrallight.300}", _dark: "{colors.neutraldark.700}" } }
},
border: {
xsubtle: { value: { _light: "{colors.neutrallight.100}", _dark: "{colors.neutraldark.800}" } },
subtle: { value: { _light: "{colors.neutrallight.200}", _dark: "{colors.neutraldark.700}" } },
muted: { value: { _light: "{colors.neutrallight.400}", _dark: "{colors.neutraldark.500}" } },
default: { value: { _light: "{colors.neutrallight.600}", _dark: "{colors.neutraldark.100}" } }
}
});
var neutraldark_default = {
name: "neutraldark",
tokens,
semanticTokens
};
export {
neutraldark_default as default
};
//# sourceMappingURL=neutraldark.js.map