---
order: 5
version: 3.0
title:
zh-CN: 全局样式
en-US: Global Theme
---
## zh-CN
通过 css variable 修改全局主题色(你可以切换到组件页面查看更详细的样式展示)。自动生成的变量可能会根据设计调整,请勿直接依赖。详细配置请[点击查看](/docs/vue/customize-theme-variable)。
## en-US
Modify global theme color by css variable. Css variable depends on the design, it may adjust so please do not directly use it. You can go to other components page for more detail style. [Check this](/docs/vue/customize-theme-variable) to view detail.
onColorChange('primaryColor', e)"
/>
var(`--ant-primary-color`)
onColorChange('errorColor', e)"
/>
var(`--ant-error-color`)
onColorChange('warningColor', e)"
/>
var(`--ant-warning-color`)
onColorChange('successColor', e)"
/>
var(`--ant-success-color`)
onColorChange('infoColor', e)"
/>
var(`--ant-info-color`)PrimaryDefaultDashedTextLinkPrimaryDefaultDashedTextLinkPrimaryDefaultDashedPrimaryDefaultDashedText (success)Text(warning)Text(danger)LinkText1st menu itema danger item
Hover me
Mail
Option 1Option 2
Mail
Option 1Option 2
Mail
Option 1Option 2
Mail
Option 1Option 2CheckboxBambooLightLittleafc163zombieJyesmeckMoreContent of Tab Pane 1Content of Tab Pane 2Content of Tab Pane 3successprocessingerrorwarningdefaultCheckableTagCreate a services site 2015-09-01
Solve initial network problems 2015-09-01
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta sunt explicabo.
{{ item.title }}