小鸭子的学习笔记duck

Duck Blog

唐如飞

( ^∀^)/欢迎\( ^∀^)

79 文章数
14 评论数

Naive-ui 主题变量汇总

tangrufei
2024-09-12 / 0 评论 / 64 阅读 / 0 点赞

Naive-Ui

主题

主题颜色变量

属性 描述
baseColor 基本颜色
primaryColor 主要颜色
primaryColorHover 主要颜色(悬停)
primaryColorPressed 主要颜色(按下)
primaryColorSuppl 主要颜色(补充)
infoColor 信息颜色
infoColorHover 信息颜色(悬停)
infoColorPressed 信息颜色(按下)
infoColorSuppl 信息颜色(补充)
successColor 成功颜色
successColorHover 成功颜色(悬停)
successColorPressed 成功颜色(按下)
successColorSuppl 成功颜色(补充)
warningColor 警告颜色
warningColorHover 警告颜色(悬停)
warningColorPressed 警告颜色(按下)
warningColorSuppl 警告颜色(补充)
errorColor 错误颜色
errorColorHover 错误颜色(悬停)
errorColorPressed 错误颜色(按下)
errorColorSuppl 错误颜色(补充)
textColorBase 基本文本颜色
textColor1 文本颜色1
textColor2 文本颜色2
textColor3 文本颜色3
textColorDisabled 禁用文本颜色
placeholderColor 占位符颜色
placeholderColorDisabled 禁用占位符颜色
iconColor 图标颜色
iconColorHover 图标颜色(悬停)
iconColorPressed 图标颜色(按下)
iconColorDisabled 禁用图标颜色
opacity1 透明度1
opacity2 透明度2
opacity3 透明度3
opacity4 透明度4
opacity5 透明度5
dividerColor 分隔线颜色
borderColor 边框颜色
closeIconColor 关闭图标颜色
closeIconColorHover 关闭图标颜色(悬停)
closeIconColorPressed 关闭图标颜色(按下)
closeColorHover 关闭颜色(悬停)
closeColorPressed 关闭颜色(按下)
clearColor 清除颜色
clearColorHover 清除颜色(悬停)
clearColorPressed 清除颜色(按下)
scrollbarColor 滚动条颜色
scrollbarColorHover 滚动条颜色(悬停)
scrollbarWidth 滚动条宽度
scrollbarHeight 滚动条高度
scrollbarBorderRadius 滚动条边框半径
progressRailColor 进度条轨道颜色
railColor 轨道颜色
popoverColor 弹出框颜色
tableColor 表格颜色
cardColor 卡片颜色
modalColor 模态框颜色
bodyColor 主体颜色
tagColor 标签颜色
avatarColor 头像颜色
invertedColor 反转颜色
inputColor 输入框颜色
codeColor 代码颜色
tabColor 标签页颜色
actionColor 操作颜色
tableHeaderColor 表格头部颜色
hoverColor 悬停颜色
tableColorHover 表格悬停颜色
tableColorStriped 条纹表格颜色
pressedColor 按下颜色
opacityDisabled 禁用透明度
inputColorDisabled 禁用输入框颜色
buttonColor2 按钮颜色2
buttonColor2Hover 按钮颜色2(悬停)
buttonColor2Pressed 按钮颜色2(按下)
boxShadow1 阴影1
boxShadow2 阴影2
boxShadow3 阴影3
fontFamily 字体家族
fontFamilyMono 等宽字体家族
fontWeight 字体粗细
fontWeightStrong 强字体粗细
cubicBezierEaseInOut 缓动曲线(进出)
cubicBezierEaseOut 缓动曲线(出)
cubicBezierEaseIn 缓动曲线(进)
borderRadius 边框圆角
borderRadiusSmall 小边框圆角
fontSize 字体大小
fontSizeMini 极小字体大小
fontSizeTiny 小字体大小
fontSizeSmall 较小字体大小
fontSizeMedium 中等字体大小
fontSizeLarge 大字体大小
fontSizeHuge 巨大字体大小
lineHeight 行高
heightMini 极小高度
heightTiny 小高度
heightSmall 较小高度
heightMedium 中等高度
heightLarge 大高度
heightHuge 巨大高度
name 主题名称

ThemeCommonVars 表格

属性 描述
menuBoxShadow 菜单阴影

InternalSelection 表格

属性 描述
fontSizeTiny 极小字体大小
fontSizeSmall 小字体大小
fontSizeMedium 中等字体大小
fontSizeLarge 大字体大小
heightTiny 极小高度
heightSmall 小高度
heightMedium 中等高度
heightLarge 大高度
borderRadius 边框圆角
textColor 文本颜色
textColorDisabled 禁用文本颜色
placeholderColor 占位符颜色
placeholderColorDisabled 禁用占位符颜色
color 背景颜色
colorDisabled 禁用背景颜色
colorActive 激活背景颜色
border 边框颜色
borderHover 边框颜色(悬停)
borderActive 边框颜色(激活)
borderFocus 边框颜色(焦点)
boxShadowHover 阴影颜色(悬停)
boxShadowActive 阴影颜色(激活)
boxShadowFocus 阴影颜色(焦点)
caretColor 光标颜色
arrowColor 箭头颜色
arrowColorDisabled 禁用箭头颜色
loadingColor 加载颜色
borderWarning 警告边框颜色
borderHoverWarning 警告边框颜色(悬停)
borderActiveWarning 警告边框颜色(激活)
borderFocusWarning 警告边框颜色(焦点)
boxShadowHoverWarning 警告阴影颜色(悬停)
boxShadowActiveWarning 警告阴影颜色(激活)
boxShadowFocusWarning 警告阴影颜色(焦点)
colorActiveWarning 激活警告颜色
caretColorWarning 警告光标颜色
borderError 错误边框颜色
borderHoverError 错误边框颜色(悬停)
borderActiveError 错误边框颜色(激活)
borderFocusError 错误边框颜色(焦点)
boxShadowHoverError 错误阴影颜色(悬停)
boxShadowActiveError 错误阴影颜色(激活)
boxShadowFocusError 错误阴影颜色(焦点)
colorActiveError 激活错误颜色
caretColorError 错误光标颜色
clearColor 清除颜色
clearColorHover 清除颜色(悬停)
clearColorPressed 清除颜色(按下)
paddingSingle 单个选项的内边距
paddingMultiple 多个选项的内边距
clearSize 清除按钮大小
arrowSize 箭头大小

InternalSelectMenu 表格

属性 描述
optionFontSizeSmall 小选项字体大小
optionFontSizeMedium 中等选项字体大小
optionFontSizeLarge 大选项字体大小
optionFontSizeHuge 巨大选项字体大小
optionHeightSmall 小选项高度
optionHeightMedium 中等选项高度
optionHeightLarge 大选项高度
optionHeightHuge 巨大选项高度
borderRadius 边框圆角
color 选项背景颜色
groupHeaderTextColor 组头文本颜色
actionDividerColor 操作分隔线颜色
optionTextColor 选项文本颜色
optionTextColorPressed 选项文本颜色(按下)
optionTextColorDisabled 禁用选项文本颜色
optionTextColorActive 激活选项文本颜色
optionOpacityDisabled 禁用选项透明度
optionCheckColor 选项勾选颜色
optionColorPending 待定选项颜色
optionColorActive 激活选项颜色
optionColorActivePending 激活待定选项颜色
actionTextColor 操作文本颜色
loadingColor 加载颜色
height 选单高度
paddingSmall 小选项内边距
paddingMedium 中等选项内边距
paddingLarge 大选项内边距
paddingHuge 巨大选项内边距
optionPaddingSmall 小选项内边距
optionPaddingMedium 中等选项内边距
optionPaddingLarge 大选项内边距
optionPaddingHuge 巨大选项内边距
loadingSize 加载图标大小

Scrollbar 表格

属性 描述
color 滚动条颜色
colorHover 滚动条颜色(悬停)

Empty 表格

属性 描述
fontSizeSmall 小字体大小
fontSizeMedium 中等字体大小
fontSizeLarge 大字体大小
fontSizeHuge 巨大字体大小
textColor 文本颜色
iconColor 图标颜色
extraTextColor 额外文本颜色
iconSizeSmall 小图标大小
iconSizeMedium 中等图标大小
iconSizeLarge 大图标大小
iconSizeHuge 巨大图标大小
文章不错,扫码支持一下吧~
下一篇
评论
来首音乐
光阴似箭
今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月