Merge pull request chakra-ui#113 from chakra-ui/feat/add-theme-config-css-var-prefix

codebender828 · web-flow · commit 54cdf2573526 · 2022-03-05T17:32:41.000+08:00
feat(theme): add cssVarPrefix to config of theme
diff --git a/.changeset/forty-bulldogs-know.md b/.changeset/forty-bulldogs-know.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/vue-theme": minor
+---
+
+add cssVarPrefix with charka as default to theme config
diff --git a/packages/theme/src/index.ts b/packages/theme/src/index.ts
@@ -7,6 +7,7 @@ export type ColorMode = "light" | "dark"
 export interface ColorModeOptions {
   initialColorMode?: ColorMode
   useSystemColorMode?: boolean
+  cssVarPrefix?: string
 }
 
 /**
@@ -15,6 +16,7 @@ export interface ColorModeOptions {
 const config: ColorModeOptions = {
   useSystemColorMode: false,
   initialColorMode: "light",
+  cssVarPrefix: "chakra",
 }
 
 export const theme = {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@chakra-ui/vue-theme": minor
 +---
++
 +add cssVarPrefix with charka as default to theme config
Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,7 @@ export type ColorMode = "light" \| "dark"`
`7`	`7`	`export interface ColorModeOptions {`
`8`	`8`	`initialColorMode?: ColorMode`
`9`	`9`	`useSystemColorMode?: boolean`
	`10`	`+ cssVarPrefix?: string`
`10`	`11`	`}`
`11`	`12`
`12`	`13`	`/**`
`@@ -15,6 +16,7 @@ export interface ColorModeOptions {`
`15`	`16`	`const config: ColorModeOptions = {`
`16`	`17`	`useSystemColorMode: false,`
`17`	`18`	`initialColorMode: "light",`
	`19`	`+ cssVarPrefix: "chakra",`
`18`	`20`	`}`
`19`	`21`
`20`	`22`	`export const theme = {`