ZhaiSasi Themes
Publisher: zhaisasiThemes in package: 1
非常健康的配色 Very healthy color matching
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#C0CCD3
- activityBar.dropBackground#E7EBF1
- activityBar.foreground#123
- activityBar.inactiveForeground#789
- badge.background#08e
- badge.foreground#fff
- editor.background#EAEAEA
- editor.foreground#000
- editor.inactiveSelectionBackground#cee
- editor.selectionBackground#cde
- editor.selectionForeground#f00
- editor.selectionHighlightBackground#cee
- editor.selectionHighlightBorder#789
- editorCursor.foreground#000
- editorGroupHeader.tabsBackground#E7EBF1
- editorGroupHeader.tabsBorder#C0CCD3
- editorGutter.background#EAEAEA
- editorLineNumber.activeForeground#789
- editorLineNumber.foreground#ccc
- editorWhitespace.foreground#cfcfcf
- list.activeSelectionBackground#C0CCD3
- list.activeSelectionForeground#334455
- list.focusBackground#C0CCD3
- list.focusForeground#334455
- list.hoverBackground#C0CCD3
- list.hoverForeground#334455
- list.inactiveSelectionBackground#C0CCD3
- list.inactiveSelectionForeground#334455
- minimap.findMatchHighlight#789
- scrollbar.shadow#C0CCD3
- scrollbarSlider.activeBackground#C0CCD3
- scrollbarSlider.background#C0CCD3
- scrollbarSlider.hoverBackground#C0CCD3
- sideBar.background#E1E5EA
- sideBar.border#C0CCD3
- sideBar.foreground#334455
- sideBarSectionHeader.background#C0CCD3
- sideBarSectionHeader.border#C0CCD3
- sideBarSectionHeader.foreground#334455
- sideBarTitle.foreground#334455
- statusBar.background#9ab
- statusBar.debuggingBackground#9ab
- statusBar.noFolderBackground#9ab
- tab.activeBackground#C0CCD3
- tab.activeForeground#000
- tab.border#E7EBF1
- tab.hoverBackground#C0CCD3
- tab.inactiveBackground#E1E5EA
- tab.inactiveForeground#334455
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #555 | — |
| comment | #999 | — |
| string.quoted.single | #4b4 | — |
| string | #5a5 | — |
| string.regexp | #93f | — |
| constant | #39f | — |
| support.constant | #39f | bold |
| constant.language | #39f | bold |
| constant.other | #39f | — |
| variable | #e33 | — |
| variable.language | #e33 | bold |
| variable.other.member | #e33 | — |
| variable.other.dollar.only.js | #e33 | — |
| variable.function | #93f | — |
| support.function | #93f | bold |
| entity.name.function | #93f | — |
| entity | #d90 | — |
| variable.parameter | #d90 | — |
| keyword | #00f | — |
| keyword.operator | #00f | — |
| storage | #00f | — |
| support | #e3e | — |
| entity.other.inherited-class | #e3e | — |
| entity.name.tag | #39f | — |
| entity.other.attribute-name | #e00 | — |
| invalid | #000 | bold underline |
| User-defined | #000 | bold underline |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...