@agnikul-ui/panda-preset
Version:
Panda CSS Preset for Agnikul UI
49 lines (48 loc) • 1.48 kB
JavaScript
// src/colors/information.ts
import { defineSemanticTokens, defineTokens } from "@pandacss/dev";
var tokens = defineTokens.colors({
light: {
"25": { value: "#f5faff" },
"50": { value: "#eff8ff" },
"100": { value: "#d1e9ff" },
"200": { value: "#b2ddff" },
"300": { value: "#84caff" },
"400": { value: "#53b1fd" },
"500": { value: "#2e90fa" },
"600": { value: "#1570ef" },
"700": { value: "#175cd3" },
"800": { value: "#1849a9" },
"900": { value: "#194185" },
"950": { value: "#102a56" }
},
dark: {
"25": { value: "#102a56" },
"50": { value: "#194185" },
"100": { value: "#1849a9" },
"200": { value: "#175cd3" },
"300": { value: "#1570ef" },
"400": { value: "#2e90fa" },
"500": { value: "#53b1fd" },
"600": { value: "#84caff" },
"700": { value: "#b2ddff" },
"800": { value: "#d1e9ff" },
"900": { value: "#eff8ff" },
"950": { value: "#f5faff" }
}
});
var semanticTokens = defineSemanticTokens.colors({
fg: {
primary: { value: { _light: "{colors.information.600}", _dark: "{colors.information.400}" } },
secondary: { value: { _light: "{colors.information.500}", _dark: "{colors.information.500}" } },
tertiary: { value: { _light: "{colors.information.300}", _dark: "{colors.information.700}" } }
}
});
var information_default = {
name: "information",
tokens,
semanticTokens
};
export {
information_default
};
//# sourceMappingURL=chunk-PHQA6DEF.js.map