docs: font-colors

codebender828 · codebender828 · commit 5a5fa0c81191 · 2020-07-17T02:48:42.000+08:00
diff --git a/packages/chakra-ui-docs/components/MDXComponents.js b/packages/chakra-ui-docs/components/MDXComponents.js
@@ -109,7 +109,7 @@ const MDXComponents = {
     name: 'InlineCode',
     render () {
       return (
-        <CCode variantColor="yellow" fontSize="0.84em" {...props}>
+        <CCode variant-color="orange" font-weight="bold" px="1" rounded="md" fontSize="0.84em" {...props}>
           {this.$slots.default}
         </CCode>
       )
diff --git a/packages/chakra-ui-docs/layouts/default.vue b/packages/chakra-ui-docs/layouts/default.vue
@@ -93,12 +93,12 @@ export default {
       },
       code: {
         light: {
-          bg: '#fefcbf',
-          color: '#744210'
+          bg: 'orange.100',
+          color: 'orange.800'
         },
         dark: {
           bg: 'rgba(250, 240, 137, 0.16)',
-          color: 'rgb(250, 240, 137)'
+          color: 'rgb(250, 195, 137)'
         }
       },
       MDXComponents

Original file line number	Diff line number	Diff line change
`@@ -109,7 +109,7 @@ const MDXComponents = {`
`109`	`109`	`name: 'InlineCode',`
`110`	`110`	`render () {`
`111`	`111`	`return (`
`112`		`- <CCode variantColor="yellow" fontSize="0.84em" {...props}>`
	`112`	`+ <CCode variant-color="orange" font-weight="bold" px="1" rounded="md" fontSize="0.84em" {...props}>`
`113`	`113`	`{this.$slots.default}`
`114`	`114`	`</CCode>`
`115`	`115`	`)`