zh00k dark
Publisher: zh00kThemes in package: 1
Minimal dark theme matching a Linux rice, ported from a Firefox theme + Mountain Home vim colors.
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#111111
- activityBar.border#2a2a2a
- activityBar.foreground#e6e6e6
- activityBar.inactiveForeground#4c4c4c
- activityBarBadge.background#8aac8b
- activityBarBadge.foreground#111111
- badge.background#8aac8b
- badge.foreground#111111
- breadcrumb.activeSelectionForeground#e6e6e6
- breadcrumb.background#0f0f0f
- breadcrumb.foreground#7a7a7a
- button.background#242424
- button.foreground#e6e6e6
- button.hoverBackground#2a2a2a
- button.secondaryBackground#242424
- button.secondaryForeground#e6e6e6
- button.secondaryHoverBackground#2a2a2a
- descriptionForeground#c4c19e
- diffEditor.insertedTextBackground#8aac8b26
- diffEditor.removedTextBackground#ac8a8c26
- disabledForeground#4c4c4c
- dropdown.background#242424
- dropdown.border#2a2a2a
- dropdown.foreground#e6e6e6
- editor.background#0f0f0f
- editor.findMatchBackground#c4c19e66
- editor.findMatchHighlightBackground#c4c19e33
- editor.foreground#f0f0f0
- editor.inactiveSelectionBackground#1a1a1a
- editor.lineHighlightBackground#1a1a1a
- editor.selectionBackground#262626
- editor.wordHighlightBackground#26262699
- editor.wordHighlightStrongBackground#262626cc
- editorBracketHighlight.foreground1#8aac8b
- editorBracketHighlight.foreground2#c4c19e
- editorBracketHighlight.foreground3#ac8a8c
- editorBracketHighlight.foreground4#e7e7e7
- editorBracketHighlight.foreground5#7a7a7a
- editorBracketHighlight.foreground6#c49ea0
- editorBracketHighlight.unexpectedBracket.foreground#ac8a8c
- editorBracketMatch.background#4c4c4c33
- editorBracketMatch.border#4c4c4c
- editorBracketPairGuide.background1#8aac8b33
- editorBracketPairGuide.background2#c4c19e33
- editorBracketPairGuide.background3#ac8a8c33
- editorBracketPairGuide.background4#e7e7e733
- editorBracketPairGuide.background5#7a7a7a33
- editorBracketPairGuide.background6#c49ea033
- editorCodeLens.foreground#7a7a7a
- editorCursor.foreground#f0f0f0
- editorError.foreground#ac8a8c
- editorGroup.border#2a2a2a
- editorGroupHeader.tabsBackground#181818
- editorGroupHeader.tabsBorder#2a2a2a
- editorGutter.addedBackground#8aac8b
- editorGutter.background#0f0f0f
- editorGutter.deletedBackground#ac8a8c
- editorGutter.modifiedBackground#c4c19e
- editorHoverWidget.background#161616
- editorHoverWidget.border#2a2a2a
- editorIndentGuide.activeBackground1#2a2a2a
- editorIndentGuide.background1#1a1a1a
- editorInfo.foreground#8aac8b
- editorLineNumber.activeForeground#c4c19e
- editorLineNumber.foreground#4c4c4c
- editorRuler.foreground#1a1a1a
- editorSuggestWidget.background#161616
- editorSuggestWidget.border#2a2a2a
- editorSuggestWidget.selectedBackground#222222
- editorWarning.foreground#c4c19e
- editorWhitespace.foreground#262626
- editorWidget.background#161616
- editorWidget.border#2a2a2a
- errorForeground#ac8a8c
- focusBorder#8aac8b
- foreground#e7e7e7
- gitDecoration.addedResourceForeground#8aac8b
- gitDecoration.conflictingResourceForeground#c49ea0
- gitDecoration.deletedResourceForeground#ac8a8c
- gitDecoration.ignoredResourceForeground#4c4c4c
- gitDecoration.modifiedResourceForeground#c4c19e
- gitDecoration.untrackedResourceForeground#8aac8b
- input.background#242424
- input.border#2a2a2a
- input.foreground#e6e6e6
- input.placeholderForeground#7a7a7a
- inputOption.activeBorder#8aac8b
- list.activeSelectionBackground#222222
- list.activeSelectionForeground#e6e6e6
- list.focusBackground#222222
- list.highlightForeground#8aac8b
- list.hoverBackground#1a1a1a
- list.inactiveSelectionBackground#1a1a1a
- menu.background#161616
- menu.border#2a2a2a
- menu.foreground#e6e6e6
- menu.selectionBackground#222222
- menu.separatorBackground#2a2a2a
- notificationCenterHeader.background#161616
- notifications.background#161616
- notifications.border#2a2a2a
- notifications.foreground#e6e6e6
- panel.background#141414
- panel.border#2a2a2a
- panelTitle.activeBorder#8aac8b
- panelTitle.activeForeground#e6e6e6
- panelTitle.inactiveForeground#7a7a7a
- peekView.border#8aac8b
- peekViewEditor.background#0f0f0f
- peekViewResult.background#141414
- peekViewTitle.background#161616
- progressBar.background#8aac8b
- quickInput.background#161616
- quickInput.foreground#e6e6e6
- quickInputList.focusBackground#222222
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#4c4c4ccc
- scrollbarSlider.background#2a2a2a80
- scrollbarSlider.hoverBackground#2a2a2acc
- selection.background#262626
- sideBar.background#141414
- sideBar.border#262626
- sideBar.foreground#e6e6e6
- sideBarSectionHeader.background#161616
- sideBarSectionHeader.foreground#e6e6e6
- sideBarTitle.foreground#e6e6e6
- statusBar.background#181818
- statusBar.border#2a2a2a
- statusBar.debuggingBackground#ac8a8c
- statusBar.debuggingForeground#0f0f0f
- statusBar.foreground#f0f0f0
- statusBar.noFolderBackground#181818
- statusBarItem.hoverBackground#262626
- statusBarItem.remoteBackground#262626
- statusBarItem.remoteForeground#e7e7e7
- tab.activeBackground#222222
- tab.activeBorderTop#8aac8b
- tab.activeForeground#e6e6e6
- tab.border#2a2a2a
- tab.inactiveBackground#161616
- tab.inactiveForeground#7a7a7a
- terminal.ansiBlack#0f0f0f
- terminal.ansiBlue#b8b8c0
- terminal.ansiBrightBlack#4c4c4c
- terminal.ansiBrightBlue#c6c6cd
- terminal.ansiBrightCyan#8aac8b
- terminal.ansiBrightGreen#8aac8b
- terminal.ansiBrightMagenta#c49ea0
- terminal.ansiBrightRed#c49ea0
- terminal.ansiBrightWhite#f0f0f0
- terminal.ansiBrightYellow#d0c89a
- terminal.ansiCyan#8aac8b
- terminal.ansiGreen#8aac8b
- terminal.ansiMagenta#c49ea0
- terminal.ansiRed#ac8a8c
- terminal.ansiWhite#e7e7e7
- terminal.ansiYellow#c4c19e
- terminal.background#0f0f0f
- terminal.foreground#f0f0f0
- titleBar.activeBackground#111111
- titleBar.activeBackgroundHover#161616
- titleBar.activeForeground#e6e6e6
- titleBar.border#2a2a2a
- titleBar.inactiveBackground#161616
- titleBar.inactiveForeground#4c4c4c
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #f0f0f0 | — |
| comment, punctuation.definition.comment | #7a7a7a | italic |
| constant, constant.numeric, constant.language, constant.character | #c4c19e | — |
| string, string.quoted, punctuation.definition.string | #ac8a8c | — |
| variable, variable.other, punctuation.definition.variable | #e7e7e7 | — |
| entity.name.function, support.function, meta.function-call | #8aac8b | — |
| keyword, keyword.control, keyword.control.flow, storage.type.function | #8aac8b | — |
| keyword.operator | #e7e7e7 | — |
| keyword.other.exception, support.type.exception | #c49ea0 | — |
| keyword.control.import, keyword.control.from, entity.name.type.namespace | #8aac8b | — |
| meta.preprocessor, entity.name.tag.preprocessor | #c4c19e | — |
| entity.name.type, support.type, entity.name.class | #e7e7e7 | — |
| storage.type, storage.modifier | #c49ea0 | — |
| support.class, entity.other.inherited-class | #e7e7e7 | — |
| punctuation.definition.tag, entity.name.tag | #8aac8b | — |
| entity.other.attribute-name | #c4c19e | — |
| punctuation, punctuation.separator, punctuation.terminator, meta.delimiter | #e7e7e7 | — |
| markup.bold | #e7e7e7 | bold |
| markup.italic | #e7e7e7 | italic |
| markup.underline.link | #c4c19e | — |
| markup.heading | #8aac8b | bold |
| invalid, invalid.illegal | #ac8a8c | — |
| invalid.deprecated | #d0c89a | — |
| diff.header, meta.diff.header | #c4c19e | — |
| markup.inserted | #8aac8b | — |
| markup.deleted | #ac8a8c | — |