This is a simple color palette handler that allows you to define a rule set and use safely use a color palette in your project. Mostly in react like projects.
npm install pallettebash
npm i pallette
`
Usage
`typescript
import { createStyleRuleSet, Palette } from ".";
const lightPalette = {
gray: "#f0f0f0",
lightGray: "#f8f8f8",
darkGray: "#d0d0d0",
primary: "#007bff",
secondary: "#6c757d",
} as const satisfies Palette;
const darkPalette = {
gray: "#d1d1d1",
lightGray: "#d8d8d8",
darkGray: "#b0b0b0",
primary: "#007bff",
secondary: "#6c757d"
} as const satisfies Palette;
const ruleSet = createStyleRuleSet({ lightPalette, darkPalette }, {
text: "lightGray",
background: "gray",
panel: "secondary",
button: {
active: "primary",
disabled: "gray",
}
});
console.log(ruleSet.apply("lightPalette").style.button.active); // #007bff
``