Naive ui主题色修改
新建 theme.ts 文件
import type { GlobalThemeOverrides } from 'naive-ui'
const themeOverrides: GlobalThemeOverrides = {
common: {
primaryColor: '#EC5E42',
primaryColorHover: '#CF523A',
primaryColorPressed: '#963C2A'
// primaryColorSuppl: '#4098FC'
}
// Button: {
// textColor: '#FF0000'
// }
}
export default themeOverrides
App.vue中引入theme.ts文章来源:https://www.toymoban.com/news/detail-596505.html
n-config-provider标签中加入
:theme-overrides=“themeOverrides”文章来源地址https://www.toymoban.com/news/detail-596505.html
<n-config-provider :locale="zhCN" :date-locale="dateZhCN" :theme-overrides="themeOverrides">
<n-dialog-provider>
<n-message-provider>
<Content />
</n-message-provider>
</n-dialog-provider>
</n-config-provider>
到了这里,关于Naive ui主题色修改的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!