Image-Theme
Publisher: ZaphkielThemes in package: 1
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.activeBorder#ffffff
- activityBar.background#101014
- activityBar.border#10111a
- editor.background#101014
- editor.lineHighlightBackground#181725
- editorError.foreground#29ffb8
- editorGroup.border#10111a
- editorGroup.dropIntoPromptBorder#10111a
- editorGroupHeader.border#10111a
- editorGroupHeader.tabsBackground#101014
- editorGroupHeader.tabsBorder#101014
- editorHoverWidget.border#10111a
- editorIndentGuide.activeBackground#404baa
- editorIndentGuide.background#27283b
- editorLineNumber.activeForeground#999999
- editorLineNumber.foreground#333855
- list.activeSelectionBackground#1e1f30
- list.focusOutline#10111a
- list.hoverBackground#16161d
- list.hoverForeground#fff
- list.inactiveSelectionBackground#1e1f30
- menu.background#17161b
- menu.border#101014
- menu.selectionBackground#101014
- menu.selectionBorder#101014
- menu.separatorBackground#17161b
- menubar.selectionForeground#ffffff
- panel.background#101014
- panel.border#101014
- panelTitle.activeBorder#fff
- scrollbarSlider.background#202130
- scrollbarSlider.hoverBackground#15172b
- sideBar.background#101014
- sideBar.border#101014
- sideBarSectionHeader.background#101014
- sideBarSectionHeader.border#101014
- sideBarSectionHeader.foreground#ffffff
- sideBySideEditor.horizontalBorder#101014
- sideBySideEditor.verticalBorder#101014
- statusBar.background#101014
- statusBar.border#10111a
- statusBar.focusBorder#10111a
- tab.activeBackground#1e1f30
- tab.activeBorder#ffffff
- tab.activeBorderTop#1e1f30
- tab.activeForeground#fff
- tab.border#10111a
- tab.hoverBackground#232536
- tab.hoverBorder#101014
- tab.hoverForeground#fff
- tab.inactiveBackground#101014
- tab.inactiveForeground#444864
- tab.unfocusedActiveBackground#1e1f30
- tab.unfocusedActiveBorder#fff
- tab.unfocusedActiveBorderTop#1e1f30
- tab.unfocusedActiveForeground#fff
- tab.unfocusedHoverBackground#232536
- tab.unfocusedHoverBorder#101014
- tab.unfocusedHoverForeground#fff
- tab.unfocusedInactiveBackground#101014
- terminal.ansiBlack#151622
- terminal.ansiBrightYellow#ffffff
- terminal.background#101014
- titleBar.activeBackground#101014
- titleBar.activeForeground#ffffff
- titleBar.border#101014
- titleBar.inactiveBackground#10111a
- titleBar.inactiveForeground#c4c4c4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.operator, keyword.operator.assignment, keyword.control | #fc34d0 | — |
| entity.other.attribute-name | #fc60f4 | — |
| variable.other.readwrite | #ffffff | — |
| entity.name.tag | #7364ff | — |
| meta.tag | #e4fcff | — |
| entity.name, entity | #a974ff | — |
| meta.class, meta.function-call | #ffffff | — |
| storage.type | #c055fd | — |
| entity.name.function | #2bdfff | — |
| comment | #706f81 | — |
| entity.name.type, constant.numeric, keyword.other | #2bdfff | — |
| string, variable.language, variable.other | #ffffff | — |
| support.type, punctuation.definition.string.begin, punctuation.definition.string.end, constant.character | #6f9dff | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...