Hitko Theme
Publisher: HitkoThemes in package: 2
A minimal theme for VS Code.
Color themes
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.
- editor.background#0f0f0f
- editor.foreground#ffffff
- editorGroup.border#00000000
- editorGroupHeader.tabsBackground#0f0f0f
- editorHoverWidget.background#0f0f0f
- editorHoverWidget.border#00000000
- editorHoverWidget.foreground#ffffff
- editorIndentGuide.activeBackground1#303030
- editorIndentGuide.background1#00000000
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#303030
- editorOverviewRuler.border#00000000
- editorRuler.foreground#00000000
- editorSuggestWidget.background#0f0f0f
- editorSuggestWidget.border#00000000
- editorSuggestWidget.focusHighlightForeground#ffffff
- editorSuggestWidget.foreground#727272
- editorSuggestWidget.highlightForeground#ffffff
- editorWidget.background#0f0f0f
- editorWidget.foreground#727272
- focusBorder#00000000
- foreground#ffffff
- gitDecoration.addedResourceForeground#50d49b
- gitDecoration.conflictingResourceForeground#d581e0
- gitDecoration.deletedResourceForeground#f97583
- gitDecoration.ignoredResourceForeground#303030
- gitDecoration.modifiedResourceForeground#50d2d4
- gitDecoration.stageDeletedResourceForeground#f97583
- gitDecoration.stageModifiedResourceForeground#50d2d4
- gitDecoration.submoduleResourceForeground#55bbff
- gitDecoration.untrackedResourceForeground#50d49b
- input.background#0f0f0f
- input.placeholderForeground#727272
- list.activeSelectionBackground#00000000
- list.focusAndSelectionOutline#00000000
- list.highlightForeground#ffffff
- list.hoverBackground#00000000
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#00000000
- list.inactiveSelectionForeground#ffffff
- menu.background#0a0a0a
- menu.border#00000000
- menu.foreground#727272
- menubar.selectionBackground#00000000
- menubar.selectionForeground#ffffff
- notificationCenter.border#00000000
- notificationCenterHeader.background#0a0a0a
- notificationCenterHeader.foreground#ffffff
- notifications.background#0a0a0a
- notifications.border#00000000
- notifications.foreground#ffffff
- notificationToast.border#00000000
- panel.background#0a0a0a
- panel.border#00000000
- panelTitle.activeBorder#00000000
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#727272
- pickerGroup.foreground#727272
- progressBar.background#ffffff
- scrollbar.shadow#00000000
- sideBar.background#0a0a0a
- sideBar.border#00000000
- sideBar.foreground#727272
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ffffff
- tab.activeBackground#0f0f0f
- tab.activeForeground#ffffff
- tab.border#00000000
- tab.hoverForeground#ffffff
- tab.inactiveBackground#0f0f0f
- tab.inactiveForeground#727272
- terminal.border#00000000
- terminal.foreground#ffffff
- titleBar.activeBackground#0a0a0a
- titleBar.activeForeground#727272
- titleBar.border#00000000
- titleBar.inactiveBackground#0a0a0a
- titleBar.inactiveForeground#727272
- toolbar.activeBackground#00000000
- toolbar.hoverBackground#00000000
- tree.indentGuidesStroke#00000000
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.tag, support.type.property-name.json, text.html.markdown, variable.other.local | #ffffff | — |
| constant.language, markup.bold | #ffc79f | — |
| storage, keyword, keyword.operator.new, punctuation.separator.pointer-access, punctuation.separator.key-value, markup.underline.link | #9df8ff | — |
| string, markup.inline, entity.name.tag | #f97583 | — |
| entity.name, entity.other.attribute-name, markup.heading.markdown | #f5aaff | — |
| variable.parameter, variable.language, variable.other.object, variable.object, text.html | #bdbdbd | — |
| comment | #6d6d6d | — |