Zukarai Theme
Publisher: Simon AyotteThemes in package: 1
A minimalist color theme inspired by Plastic, One Dark and Monokai
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#1085ff
- activityBar.background#161b21
- activityBar.border#0d1117
- activityBar.foreground#c6ccd7
- activityBar.inactiveForeground#5f6672
- activityBarBadge.background#1085ff
- activityBarBadge.foreground#ffffff
- breadcrumb.focusForeground#c6ccd7
- breadcrumb.foreground#5f6672
- button.background#1085ff
- button.foreground#ffffff
- button.hoverBackground#4DA2FF
- button.secondaryBackground#0d1117
- button.secondaryForeground#ffffff
- checkbox.background#61afef
- checkbox.foreground#ffffff
- contrastBorder#0d1117
- debugToolBar.background#161b21
- diffEditor.border#0d1117
- diffEditor.diagonalFill#0d1117
- diffEditor.insertedLineBackground#cbf6ac0d
- diffEditor.insertedTextBackground#cbf6ac1a
- diffEditor.removedLineBackground#ff9fa80d
- diffEditor.removedTextBackground#ff9fa81a
- dropdown.background#161b21
- dropdown.border#0d1117
- editor.background#1a2229
- editor.findMatchBackground#00000000
- editor.findMatchBorder#1085ff
- editor.findMatchHighlightBackground#00000000
- editor.findMatchHighlightBorder#c6ccd7
- editor.foreground#a9b2c3
- editor.lineHighlightBackground#a9b2c31a
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#0d1117
- editor.rangeHighlightBorder#c6ccd7
- editor.selectionBackground#a9b2c333
- editor.selectionHighlightBackground#a9b2c31a
- editor.selectionHighlightBorder#c6ccd7
- editor.wordHighlightBackground#00000000
- editor.wordHighlightBorder#1085ff
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightStrongBorder#1085ff
- editorBracketHighlight.foreground1#a9b2c3
- editorBracketHighlight.foreground2#61afef
- editorBracketHighlight.foreground3#e5c07b
- editorBracketHighlight.foreground4#1085ff
- editorBracketHighlight.foreground5#98c379
- editorBracketHighlight.foreground6#b57edc
- editorBracketHighlight.unexpectedBracket.foreground#d74e42
- editorBracketMatch.background#00000000
- editorBracketMatch.border#1085ff
- editorCursor.foreground#a9b2c3
- editorError.foreground#00000000
- editorGroup.border#2a2f35
- editorGroup.emptyBackground#161b21
- editorGroupHeader.border#1a2229
- editorGroupHeader.tabsBackground#161b21
- editorGutter.addedBackground#98c379
- editorGutter.deletedBackground#1085ff
- editorGutter.modifiedBackground#d19a66
- editorHoverWidget.background#161b21
- editorHoverWidget.border#1085ff
- editorIndentGuide.activeBackground1#a9b2c333
- editorIndentGuide.background1#0d1117
- editorInfo.foreground#00000000
- editorInlayHint.background#00000000
- editorInlayHint.foreground#5f6672
- editorLightBulb.foreground#e9d16c
- editorLightBulbAutoFix.foreground#1085ff
- editorLineNumber.activeForeground#c6ccd7
- editorLineNumber.foreground#5f6672
- editorOverviewRuler.addedForeground#98c379
- editorOverviewRuler.border#0d1117
- editorOverviewRuler.deletedForeground#1085ff
- editorOverviewRuler.errorForeground#d74e42
- editorOverviewRuler.findMatchForeground#1085ff
- editorOverviewRuler.infoForeground#1085ff
- editorOverviewRuler.modifiedForeground#d19a66
- editorOverviewRuler.warningForeground#e9d16c
- editorRuler.foreground#0d1117
- editorStickyScroll.background#161b21
- editorStickyScrollHover.background#21252b
- editorSuggestWidget.background#161b21
- editorSuggestWidget.border#1085ff
- editorSuggestWidget.selectedBackground#a9b2c31a
- editorWarning.foreground#00000000
- editorWhitespace.foreground#a9b2c31a
- editorWidget.background#161b21
- errorForeground#d74e42
- focusBorder#2a2f35
- gitDecoration.deletedResourceForeground#1085ff
- gitDecoration.ignoredResourceForeground#5f6672
- gitDecoration.modifiedResourceForeground#d19a66
- gitDecoration.untrackedResourceForeground#98c379
- input.background#0d1117
- inputOption.activeBorder#1085ff
- inputValidation.errorBackground#d74e42
- inputValidation.errorBorder#d74e42
- inputValidation.infoBackground#1085ff
- inputValidation.infoBorder#1085ff
- inputValidation.infoForeground#0d1117
- inputValidation.warningBackground#e9d16c
- inputValidation.warningBorder#e9d16c
- inputValidation.warningForeground#0d1117
- list.activeSelectionBackground#a9b2c333
- list.activeSelectionForeground#ffffff
- list.errorForeground#d74e42
- list.focusBackground#a9b2c333
- list.focusOutline#00000000
- list.hoverBackground#a9b2c31a
- list.inactiveFocusOutline#5f6672
- list.inactiveSelectionBackground#a9b2c333
- list.inactiveSelectionForeground#c6ccd7
- list.warningForeground#e9d16c
- minimap.findMatchHighlight#1085ff
- minimap.selectionHighlight#c6ccd7
- minimapGutter.addedBackground#98c379
- minimapGutter.deletedBackground#1085ff
- minimapGutter.modifiedBackground#d19a66
- notificationCenter.border#0d1117
- notificationCenterHeader.background#161b21
- notifications.background#161b21
- notifications.border#0d1117
- notificationToast.border#0d1117
- panel.background#161b21
- panel.border#2a2f35
- panelTitle.activeBorder#00000000
- panelTitle.inactiveForeground#5f6672
- peekView.border#1085ff
- peekViewEditor.background#161b21
- peekViewEditor.matchHighlightBackground#a9b2c333
- peekViewResult.background#161b21
- peekViewResult.matchHighlightBackground#a9b2c333
- peekViewResult.selectionBackground#a9b2c31a
- peekViewResult.selectionForeground#c6ccd7
- peekViewTitle.background#161b21
- quickInput.background#161B21
- sash.hoverBorder#a9b2c333
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#a9b2c333
- scrollbarSlider.background#a9b2c31a
- scrollbarSlider.hoverBackground#a9b2c333
- sideBar.background#161b21
- sideBar.border#2a2f35
- sideBar.foreground#c6ccd7
- sideBarSectionHeader.background#21252b
- statusBar.background#161b21
- statusBar.border#2a2f35
- statusBar.debuggingBackground#21252b
- statusBar.debuggingBorder#56b6c2
- statusBar.debuggingForeground#a9b2c3
- statusBar.focusBorder#a9b2c3
- statusBar.foreground#a9b2c3
- statusBar.noFolderBackground#161b21
- statusBarItem.activeBackground#0d1117
- statusBarItem.errorBackground#21252b
- statusBarItem.errorForeground#d74e42
- statusBarItem.focusBorder#a9b2c3
- statusBarItem.hoverBackground#161b21
- statusBarItem.hoverForeground#a9b2c3
- statusBarItem.remoteBackground#21252b
- statusBarItem.remoteForeground#b57edc
- statusBarItem.warningBackground#21252b
- statusBarItem.warningForeground#e9d16c
- tab.activeBackground#1a2229
- tab.activeBorderTop#00000000
- tab.activeForeground#c6ccd7
- tab.border#2a2f35
- tab.inactiveBackground#161b21
- tab.inactiveForeground#5f6672
- tab.lastPinnedBorder#a9b2c333
- terminal.ansiBlack#000000
- terminal.ansiBlue#a9a1e1
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#a9a1e1
- terminal.ansiBrightCyan#51afef
- terminal.ansiBrightGreen#99bb66
- terminal.ansiBrightMagenta#c678dd
- terminal.ansiBrightRed#ff6655
- terminal.ansiBrightWhite#bfbfbf
- terminal.ansiBrightYellow#ecbe7b
- terminal.ansiCyan#51afef
- terminal.ansiGreen#98be65
- terminal.ansiMagenta#c678dd
- terminal.ansiRed#ff6c6b
- terminal.ansiWhite#bbc2cf
- terminal.ansiYellow#ecbe7b
- terminal.background#161b21
- terminal.foreground#a9b2c3
- titleBar.activeBackground#1a2229
- titleBar.activeForeground#c6ccd7
- titleBar.border#2a2f35
- titleBar.inactiveBackground#1a2229
- titleBar.inactiveForeground#5f6672
- toolbar.hoverBackground#a9b2c333
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, source.diff | #5F6672 | — |
| entity.name.function, support.function, meta.diff.range, punctuation.definition.range.diff | #B57EDC | — |
| keyword, punctuation.definition.keyword, variable.language, markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted, punctuation.definition.from-file.diff | #E06C75 | — |
| constant, support.constant | #56B6C2 | — |
| storage, support.class, entity.name.namespace, meta.diff.header | #61AFEF | — |
| markup.inline.raw.string, string, markup.inserted, punctuation.definition.inserted, meta.diff.header.to-file, punctuation.definition.to-file.diff | #98C379 | — |
| entity.name.section, entity.name.tag, entity.name.type, support.type | #E5C07B | — |
| support.type.property-name, support.variable, variable | #C6CCD7 | — |
| entity.other, punctuation.definition.entity, support.other | #D19A66 | — |
| meta.brace, punctuation | #5F6672 | — |
| markup.bold, punctuation.definition.bold, entity.other.attribute-name.id | — | bold |
| comment, markup.italic, punctuation.definition.italic | — | italic |
| entity.name.function | #6CB6FF | — |
| storage.type, storage.modifier | #E06C75 | — |
| keyword | #B57EDC | — |
| punctuation, punctuation.definition, punctuation.section, meta.brace, meta.bracket | #A9B2C3 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |