Skip to content

Sidebar 侧边栏面板

大表哥 edited this page Dec 20, 2021 · 1 revision

侧边栏(绿色单元格表示暂未支持)

描述 token 项 dark 变量值 light 变量值
侧边栏前景色 foreground dark-idegrey-9
#D7DBDE light-idegrey-9
#4D4D4D
侧边栏背景色 sideBar.background dark-idegrey-3
#2C3033 light-idegrey-3
#F2F2F2
侧边栏图标的前景色(inlineActionBar统一) sideBarIcon.foreground dark-idegrey-7
#868C91 light-idegrey-7
#999999
侧边栏标题的前景色 sideBarTitle.foreground dark-idegrey-10
#FFFFFF light-idegrey-10
#262626
侧边栏标题选中线段标识(tab 组件 kt.sideBarTitle.activeBorder dark-ideblue-6
#167CDB light-ideblue-6
#1785EB
侧边栏边框颜色将侧边栏栏和编辑器分开 sideBar.border dark-idegrey-2
#252729 light-idegrey-5
#E0E0E0
分组标题的前景色 sideBarSectionHeader.foreground dark-idegrey-10
#FFFFFF light-idegrey-10
#262626
分组标题的背景色 sideBarSectionHeader.background dark-idegrey-5
#43484D light-idegrey-5
#E0E0E0
分组标题的箭头前景色
descriptionForeground dark-idegrey-7
#868C91 light-idegrey-7
#999999
分组标题中徽标的前景色 badge.foreground dark-idegrey-9 light-idegrey-9

| | 分组标题中徽标的背景色 | badge.background | opacity(white,25) | opacity(black,12) | | 分组标题的上阴影 | sideBarSectionHeader.upShadow | 1. 0px -3px 6px -4px rgba(0,0,0,0.36)
2. 0px -6px 16px 0px rgba(0,0,0,0.24)
3. 0px -9px 28px 8px rgba(0,0,0,0.15) | 1. 0px -3px 6px -4px rgba(0,0,0,0.12)
2. 0px -6px 16px 0px rgba(0,0,0,0.08)
3. 0px -9px 28px 8px rgba(0,0,0,0.05) | | 分组标题的下阴影 | sideBarSectionHeader.downShadow | 1. 0px 3px 6px -4px rgba(0,0,0,0.36)
2. 0px 6px 16px 0px rgba(0,0,0,0.24)
3. 0px 9px 28px 8px rgba(0,0,0,0.15) | 1. 0px 3px 6px -4px rgba(0,0,0,0.12)
2. 0px 6px 16px 0px rgba(0,0,0,0.08)
3.0px 9px 28px 8px rgba(0,0,0,0.05) |