-
Notifications
You must be signed in to change notification settings - Fork 453
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 | |||
| sideBarIcon.foreground | dark-idegrey-7 | ||
| #868C91 | light-idegrey-7 | ||
| #999999 | |||
| 侧边栏标题的前景色 | sideBarTitle.foreground | dark-idegrey-10 | |
| #FFFFFF | light-idegrey-10 | ||
| #262626 | |||
| 侧边栏标题选中线段标识(tab 组件) | 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) |