Skip to content

基础颜色

大表哥 edited this page Dec 30, 2021 · 2 revisions

文字

描述 token 项 dark 变量值 light 变量值
强调文字 kt.accentForeground dark-idegrey-10 #FFFFFF light-idegrey-10 #262626
默认文字颜色 foreground dark-idegrey-9 #D7DBDE light-idegrey-9 #4D4D4D
说明文字颜色 descriptionForeground dark-idegrey-7 #868C91 light-idegrey-7 #999999
失效文字颜色 kt.disableForeground dark-idegrey-6 #5F656B light-idegrey-6 #CCCCCC
错误文字颜色 errorForeground dark-red-6 #D21F28 light-red-1 #FFF1F0
组件的 box-shadow widget.shadow opacity(black, 60) #00000099 light-idegrey-6 #CCCCCC

图标

描述 token 项 dark 变量值 light 变量值
默认图标颜色 icon.foreground dark-idegrey-9 #D7DBDE light-idegrey-9 #4D4D4D
弱化图标颜色 kt.icon.secondaryForeground dark-idegrey-7 #868C91 light-idegrey-7 #999999

线条

描述 token 项 dark 变量值 light 变量值
边框 kt.baseBorder dark-idegrey-5 #43484D light-idegrey-5 #E0E0E0
聚焦边框 focusBorder dark-ideblue-6 #167CDB light-ideblue-6 #167CDB

状态

描述 token 项 dark 变量值 light 变量值
错误的图标前景色 kt.errorIconForeground dark-red-7 #DB4345 light-red-5 #FF4D4F
错误的背景色 kt.errorBackground opacity(dark-red-6,25) #D21F2840 opacity(light-red-4,25) #FF787540
警告的前景色 kt.warningIconForeground dark-gold-7 #DBA936 light-gold-5 #FFC53D
警告的背景色 kt.warningBackground opacity(dark-gold-6,25) #D7951340 opacity(light-gold-4,25) #FFD66640
成功的前景色 kt.successIconForeground dark-green-7 #DBA936 light-green-5 #73D13D
成功的背景色 kt.successBackground opacity(dark-green-6,25) #D7951340 opacity(light-green-4,25) #95DE6440
说明的前景色 kt.infoIconForeground dark-ideblue-7 #3895EB light-ideblue-5 #3D9CF5
说明的背景色 kt.infoBackground opacity(dark-ideblue-6,25) #167CDB40 opacity(light-ideblue-4,25) #6EB6FA40
弱提示的前景色 kt.hintIconForeground dark-idegrey-7 #868C91 light-idegrey-7 #999999
弱提示的背景色 kt.hintBackground opacity(dark-idegrey-6,25) #5F656B40 opacity(light-idegrey-6,25) #CCCCCC40