pandacss-preset-material-tokens
v0.1.2
Published
Material Design Tokens for Panda CSS.
Downloads
23
Maintainers
Readme
pandacss-preset-material-tokens
Installation
npm install --save-dev pandacss-preset-material-tokens
Usage
import { defineConfig } from "@pandacss/dev";
import presetMaterialTokens from "pandacss-preset-material-tokens";
export default defineConfig({
presets: [
materialTokens({
sourceColor: 0x8282f4,
customColors: [
{ name: "info", value: 0x42a5f5, blend: true },
{ name: "warning", value: 0xffee58, blend: true },
{ name: "success", value: 0x66bb6a, blend: true },
],
}),
],
});
css({
backgroundColor: "dark.surface"
color: "dark.primary",
textStyle: "body-medium"
});