vscode-integration
Publisher: 丁敬Themes in package: 1
vscode integration
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#040506
- activityBar.foreground#d4deef
- editor.background#060708
- editor.foreground#c7d1e0
- editor.inactiveSelectionBackground#141a26
- editor.lineHighlightBackground#101215
- editor.selectionBackground#1a2231
- editorCursor.foreground#7aa2ff
- editorIndentGuide.activeBackground1#2d3442
- editorIndentGuide.background1#171a20
- editorLineNumber.activeForeground#8f9bb0
- editorLineNumber.foreground#4e5664
- editorSuggestWidget.background#0b0d11
- editorSuggestWidget.foreground#c7d1e0
- editorSuggestWidget.selectedBackground#1a2231
- editorWhitespace.foreground#232834
- focusBorder#3c5adf
- foreground#c7d1e0
- list.hoverBackground#141a26
- panel.background#070809
- sideBar.background#070809
- sideBar.foreground#aeb8c8
- statusBar.background#050607
- statusBar.foreground#d4deef
- tab.activeBackground#0f1114
- tab.activeForeground#d8e2f2
- tab.inactiveBackground#060708
- tab.inactiveForeground#8f9bb0
- titleBar.activeBackground#07090b
- titleBar.activeForeground#d8e2f2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #66779f | italic |
| keyword, storage, keyword.control | #9f7aea | — |
| string, constant.other.symbol | #9ece6a | — |
| entity.name.function, support.function | #7aa2ff | — |
| variable, meta.definition.variable | #ff9e64 | — |
| entity.name.type, support.type, storage.type | #e0af68 | — |
| constant.numeric, constant.language | #7dcfff | — |