Skip to content

MenuBar 菜单栏

大表哥 edited this page Dec 20, 2021 · 1 revision
描述 token 项 dark 变量值 light 变量值
菜单栏前景色 kt.menubar.foreground dark-idegrey-9
#D7DBDE light-idegrey-9
#4D4D4D
菜单栏背景色 kt.menubar.background dark-idegrey-4
#35393D light-idegrey-3
#F2F2F2
菜单栏激活项前景色 menubar.selectionForeground dark-idegrey-10
#FFFFFF light-idegrey-10
#262626
菜单栏激活项背景色 menubar.selectionBackground dark-idegrey-3
#2C3033 light-idegrey-5
#E0E0E0
菜单栏激活项边框色 menubar.selectionBorder - -
菜单栏内的分组分割线 kt.menubar.separatorBackground opacity(dark-idegrey-6,25)
#5F656B40 opacity(light-idegrey-6,25)
#CCCCCC40
菜单栏边框颜色将菜单栏和编辑器分开 kt.menubar.border dark-idegrey-2
#252729 light-idegrey-5
#E0E0E0
下拉菜单背景色 menu.background dark-idegrey-4
#35393D light-idegrey-1
#FFFFFF
下拉菜单项前景色 menu.foreground dark-idegrey-9
#D7DBDE light-idegrey-9
#4D4D4D
下拉菜单内的分组分割线 menu.separatorBackground dark-idegrey-5
#43484D light-idegrey-5
#E0E0E0
下拉菜单激活项背景色 menu.selectionBackground opacity(dark-idegrey-6,25)
#5F656B40 opacity(light-idegrey-6,25)
#CCCCCC40
下拉菜单激活项前景色 menu.selectionForeground dark-idegrey-10
#FFFFFF light-idegrey-10
#262626
下拉菜单项失效时前景色 kt.menu.disableForeground dark-idegrey-6
#5F656B light-idegrey-6
#CCCCCC
下拉菜单项次级前景色 kt.menu.descriptionForeground dark-idegrey-7
#868C91 light-idegrey-7
#999999
下拉菜单的阴影 kt.menu.shadow
  • 0px 3px 6px -4px rgba(0,0,0,0.36)
  • 0px 6px 16px 0px rgba(0,0,0,0.24)
  • 0px 9px 28px 8px rgba(0,0,0,0.15) |
  • 0px 3px 6px -4px rgba(0,0,0,0.12)
  • 0px 6px 16px 0px rgba(0,0,0,0.08)
  • 0px 9px 28px 8px rgba(0,0,0,0.05) |

图例

image.png

image.png