Skip to content

canoypa/pandacss-preset-material-tokens

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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"
});

About

🐼 Add Material 3 tokens to PandaCSS.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published