Zokugun Themes
Publisher: zokugunThemes in package: 1
Zokugun Themes for Visual Studio Code
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#000000
- activityBar.dropBackground#a3a8ae
- activityBar.foreground#00ffff
- activityBarBadge.background#191B1D
- activityBarBadge.foreground#a3a8ae
- badge.background#000000
- badge.foreground#00ffff
- button.background#282a2e
- button.foreground#a3a8ae
- button.hoverBackground#373b41
- debugExceptionWidget.background#282a2e
- debugToolBar.background#282a2e
- descriptionForeground#ffffff
- diffEditor.insertedTextBackground#ffffff20
- diffEditor.removedTextBackground#99ff9920
- dropdown.background#000000
- dropdown.foreground#00ffff
- editor.background#000000
- editor.findMatchBackground#f0c6746f
- editor.findMatchHighlightBackground#99ff9944
- editor.findRangeHighlightBackground#282a2e
- editor.foreground#dadada
- editor.hoverHighlightBackground#373b41
- editor.inactiveSelectionBackground#373b41
- editor.lineHighlightBackground#282a2e
- editor.rangeHighlightBackground#282a2e
- editor.selectionBackground#373b41
- editor.selectionHighlightBackground#282a2e
- editor.wordHighlightBackground#373b41
- editor.wordHighlightStrongBackground#1c1e20
- editorBracketHighlight.foreground1#ffffff
- editorBracketHighlight.foreground2#ff8eba
- editorBracketHighlight.foreground3#b089ff
- editorBracketHighlight.unexpectedBracket.foreground#e64b17
- editorBracketMatch.background#373b41
- editorCodeLens.foreground#373b41
- editorCursor.foreground#eeee00
- editorError.foreground#f0c674
- editorGroup.background#161719
- editorGroup.dropBackground#373b416f
- editorGroupHeader.noTabsBackground#161719
- editorGroupHeader.tabsBackground#161719
- editorGutter.addedBackground#ffffff
- editorGutter.background#000000
- editorGutter.deletedBackground#ffff00
- editorGutter.modifiedBackground#99ff99
- editorHoverWidget.background#000000
- editorIndentGuide.background#1c1e20
- editorInfo.foreground#8abeb7
- editorLineNumber.foreground#dcac94
- editorLink.activeForeground#00ccff
- editorMarkerNavigation.background#282a2e
- editorMarkerNavigationError.background#99ff99
- editorMarkerNavigationWarning.background#f0c674
- editorOverviewRuler.addedForeground#ffffff
- editorOverviewRuler.commonContentForeground#a3685a
- editorOverviewRuler.currentContentForeground#00ccff
- editorOverviewRuler.deletedForeground#ffff00
- editorOverviewRuler.errorForeground#ff0000
- editorOverviewRuler.findMatchForeground#f0c674
- editorOverviewRuler.incomingContentForeground#ffffff
- editorOverviewRuler.infoForeground#8abeb7
- editorOverviewRuler.modifiedForeground#99ff99
- editorOverviewRuler.rangeHighlightForeground#dcac94
- editorOverviewRuler.selectionHighlightForeground#373b41
- editorOverviewRuler.warningForeground#f0c674
- editorOverviewRuler.wordHighlightForeground#a3a8ae
- editorOverviewRuler.wordHighlightStrongForeground#00ccff
- editorRuler.foreground#dcac94
- editorSuggestWidget.background#282a2e
- editorSuggestWidget.foreground#00ffff
- editorSuggestWidget.highlightForeground#00ccff
- editorSuggestWidget.selectedBackground#373b41
- editorWarning.foreground#f0c674
- editorWhitespace.foreground#dcac94
- editorWidget.background#000000
- errorForeground#99ff99
- extensionButton.prominentBackground#115469
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#197d9c
- focusBorder#009999
- foreground#ffffff
- gitDecoration.conflictingResourceForeground#f0c674
- gitDecoration.deletedResourceForeground#ff9900
- gitDecoration.ignoredResourceForeground#00cc99
- gitDecoration.modifiedResourceForeground#99ff99
- gitDecoration.untrackedResourceForeground#ffffff
- input.background#1c1e20
- input.foreground#ffffff
- input.placeholderForeground#099
- inputOption.activeBorder#ffff00
- inputValidation.errorBackground#99ff99
- inputValidation.errorBorder#99ff99
- inputValidation.infoBackground#191B1D
- inputValidation.infoBorder#191B1D
- inputValidation.warningBackground#f0c674
- inputValidation.warningBorder#f0c674
- list.activeSelectionBackground#373b41
- list.activeSelectionForeground#00ffff
- list.dropBackground#99999999
- list.errorForeground#ff9900
- list.focusBackground#373b41
- list.focusForeground#00ffff
- list.highlightForeground#a3a8ae
- list.hoverBackground#282a2e
- list.hoverForeground#00ffff
- list.inactiveSelectionBackground#373b41
- list.inactiveSelectionForeground#00ffff
- merge.currentContentBackground#191B1D40
- merge.currentHeaderBackground#191B1D40
- merge.incomingContentBackground#ffffff60
- merge.incomingHeaderBackground#ffffff60
- notificationCenterHeader.background#282a2e
- notificationCenterHeader.foreground#00ffff
- notificationLink.foreground#00ccff
- notifications.background#373b41
- notifications.foreground#00ffff
- panel.background#000000
- panelTitle.activeForeground#00ffff
- panelTitle.inactiveForeground#0c9
- peekViewEditor.background#282a2e
- peekViewEditor.matchHighlightBackground#99ff9944
- peekViewEditorGutter.background#282a2e
- peekViewResult.background#000000
- peekViewResult.fileForeground#00ffff
- peekViewResult.lineForeground#dcac94
- peekViewResult.matchHighlightBackground#99ff9944
- peekViewResult.selectionBackground#373b41
- peekViewResult.selectionForeground#00ffff
- peekViewTitle.background#373b41
- peekViewTitleDescription.foreground#1c1e20
- peekViewTitleLabel.foreground#00ffff
- pickerGroup.foreground#dcac94
- progressBar.background#dcac94
- scrollbar.shadow#282a2e
- scrollbarSlider.activeBackground#b4b7b46f
- scrollbarSlider.background#373b41bb
- scrollbarSlider.hoverBackground#dcac946f
- selection.background#a3a8ae
- settings.checkboxBackground#1c1e20
- sideBar.background#161719
- sideBar.foreground#ffffffff
- sideBarSectionHeader.background#1c1e20
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#00ffff
- statusBar.background#191B1D
- statusBar.debuggingBackground#ea7704
- statusBar.debuggingForeground#000000
- statusBar.foreground#a3a8ae
- statusBar.noFolderBackground#191B1D
- statusBar.noFolderForeground#a3a8ae
- statusBarItem.activeBackground#000000
- statusBarItem.errorBackground#ea7704
- statusBarItem.hoverBackground#373b41
- statusBarItem.prominentBackground#f0f
- statusBarItem.prominentHoverBackground#f00
- tab.activeBackground#282a2e
- tab.activeForeground#ffffff
- tab.inactiveBackground#161719
- tab.inactiveForeground#999999
- tab.unfocusedActiveForeground#b4b7b4
- tab.unfocusedInactiveForeground#b4b7b4
- terminal.ansiBlack#000000
- terminal.ansiBlue#4C41DB
- terminal.ansiBrightBlack#828282
- terminal.ansiBrightBlue#0000FF
- terminal.ansiBrightCyan#00E5E5
- terminal.ansiBrightGreen#00D900
- terminal.ansiBrightMagenta#E500E5
- terminal.ansiBrightRed#E50000
- terminal.ansiBrightWhite#E5E5E5
- terminal.ansiBrightYellow#E5E500
- terminal.ansiCyan#00A6B2
- terminal.ansiGreen#44AC2D
- terminal.ansiMagenta#CF48CF
- terminal.ansiRed#b33320
- terminal.ansiWhite#BFBFBF
- terminal.ansiYellow#999900
- terminal.background#000000
- terminal.foreground#c7c7c7
- testExplorer.errorDecorationBackground#5b1e09
- textBlockQuote.background#282a2e
- textBlockQuote.border#191B1D
- textCodeBlock.background#000000
- textLink.activeForeground#8abeb7
- textLink.foreground#00ccff
- textPreformat.foreground#00ccff
- textSeparator.foreground#ff00ff
- walkThrough.embeddedEditorBackground#000000
- welcomePage.buttonBackground#282a2e
- welcomePage.buttonHoverBackground#373b41
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #99ff99 | — |
| comment.line, comment.line punctuation.definition.comment | #dcac94 | — |
| comment.block.documentation, comment.block.documentation punctuation.definition.comment | #e64b17 | — |
| comment.block, comment.block punctuation.definition.comment | #ff9900 | — |
| meta.folding, meta.folding punctuation.definition.folding | #b4b7b4 | — |
| storage.type | #ffff00 | — |
| storage.modifier | #00cc99 | — |
| variable, entity.name.variable, variable.parameter, variable punctuation.definition.variable | #99ff99 | — |
| invalid, invalid.illegal | #99ff99 | — |
| invalid.deprecated | #a3685a | — |
| keyword.other | #ffff00 | — |
| variable.language | #b089ff | — |
| keyword.operator, storage.type.function.arrow | #00ffff | — |
| keyword.control, keyword.operator.expression | #ffff00 | — |
| keyword.type | #8abeb7 | — |
| entity.name.function | #00ccff | — |
| constant.language | #cdcd00 | — |
| support.constant, constant.character, constant.escape, keyword.other | #ffff00 | — |
| constant.numeric | #cdcd00 | — |
| string | #ffffff | — |
| entity.name, support.class | #f0c674 | — |
| variable.function.constructor | #00ccff | — |
| entity.other.attribute-name | #00ccff | — |
| punctuation, meta.brace | #00ffff | — |
| string.regexp, string.regexp punctuation, string.regexp keyword.operator | #00aae2 | — |
| string.regexp keyword.other | #99ff99 | — |
| punctuation.definition.template-expression | #b089ff | — |
| punctuation.definition.string.template | #ffffff | — |
| meta.template.expression support.variable, string.interpolated support.variable | #99ff99 | — |
| constant.character.escape | #8abeb7 | — |
| meta.object-literal.key | #ccccff | — |
| new.expr entity.name.type | #00ccff | — |
| support.function, meta.function-call.generic | #00ccff | — |
| support.class | #99ff99 | — |
| entity.name.type, support.type | #99ff99 | — |
| entity.name.type.alias | #99ff99 | — |
| meta.object.key, entity.name.variable.field | #ccccff | — |
| source.shell comment.line, source.shell punctuation.definition.comment | #ff9900 | — |
| source.shell comment.line.number-sign.shebang, source.shell punctuation.definition.comment.shebang | #dcac94 | — |
| source.shell variable, source.shell variable punctuation.definition.variable | #00cc99 | — |
| source.shell variable.other.bracket | #ffffff | — |
| source.css, source.css entity.other.attribute-name.class | #ffffff | — |
| source.css entity.other.attribute-name.id, source.css entity.other.attribute-name.id punctuation.definition | #ffffff | — |
| source.css entity.name.tag | #ffff00 | — |
| meta.property-list meta.property-name | #00cc99 | — |
| meta.property-list meta.property-value support.constant | #b089ff | — |
| meta.property-list meta.property-value constant.other.color, meta.property-list meta.property-value constant.other.color punctuation.definition | #ffff00 | — |
| meta.at-rule punctuation.definition.keyword, meta.at-rule keyword.control, meta.at-rule keyword.operator | #ffff00 | — |
| source.css meta.function.url support.function, source.css meta.function.url punctuation.section.function | #ffff00 | — |
| source.css meta.function.url variable.parameter | #ffffff | — |
| source.css support.constant.media | #b089ff | — |
| source.go keyword, source.go keyword.type | #ffff00 | — |
| source.go entity.name.import | #ffffff | — |
| source.go entity.name.package, source.go entity.name.type | #99ff99 | — |
| source.go keyword.import | #00cc99 | — |
| source.go storage.type | #e5a3ad | — |
| meta.tag | #00ffff | — |
| meta.tag punctuation.definition, meta.tag.preprocessor entity.name | #00aae2 | — |
| meta.tag entity.name | #ffff00 | — |
| meta.tag punctuation.definition.string | #ffffff | — |
| meta.tag.sgml, meta.tag.sgml punctuation.definition | #00cc99 | — |
| meta.tag.sgml constant.other.inline-data | #99ff99 | — |
| text.html constant.character.entity, text.html constant.character.entity punctuation.definition | #dadada | — |
| meta.tag.metadata.doctype punctuation.definition, meta.tag.metadata.doctype entity.name, meta.tag.metadata.doctype entity.other.attribute-name | #00cc99 | — |
| keyword.control.as.js, keyword.control.as.ts, keyword.operator.new.js, keyword.operator.new.ts | #ffff00 | — |
| meta.export.default.js keyword.control.default, meta.export.default.ts keyword.control.default | #00cc99 | — |
| support.constant.math.js, support.constant.math.ts | #b089ff | — |
| comment.block.documentation punctuation.definition, comment.block.documentation storage.type, comment.block.documentation entity.name, comment.block.documentation variable.other | #e64b17 | — |
| comment.block punctuation.definition, comment.block storage.type, comment.block entity.name, comment.block variable.other | #ff9900 | — |
| meta.structure.dictionary support.type.property-name, meta.structure.dictionary support.type.property-name punctuation | #ccccff | — |
| meta.structure.dictionary punctuation.separator.dictionary.key-value | #00ffff | — |
| meta.jsx.children | #ffffff | — |
| *url*, *link*, *uri* | — | |
| entity.name.tag.js support.class, entity.name.tag.ts support.class | #ffff00 | — |
| keyword.operator.new.ks, keyword.operator.type-casting.manual.default.long.ks, keyword.operator.type-casting.manual.forced.long.ks, keyword.operator.type-casting.manual.nullable.long.ks, keyword.operator.type-checking.ks, source.ks keyword.operator.loop, source.ks keyword.operator.conditional, storage.modifier.macro.ks | #ffff00 | — |
| constant.language.export-all.ks, keyword.operator.type-casting.forced.ks, keyword.operator.type-casting.manual.default.abbr.ks, keyword.operator.type-casting.manual.forced.abbr.ks, keyword.operator.type-casting.manual.nullable.abbr.ks, keyword.operator.type-casting.nullable.ks, storage.modifier.at.ks, storage.modifier.instance.ks, storage.modifier.nullable.ks, storage.modifier.required.ks, storage.modifier.throwables.ks | #00ffff | — |
| storage.type.constructor.ks, storage.type.destructor.ks | #00cc99 | — |
| meta.macro.ks | #ffffff | — |
| punctuation.accessor.macro.ks, punctuation.definition.macro-variable.begin.bracket.round.ks, punctuation.definition.macro-variable.end.bracket.round.ks | #b089ff | — |
| punctuation.attribute.inner.ks, punctuation.attribute.outer.ks, punctuation.definition.attribute.begin.bracket.square.ks, punctuation.definition.attribute.end.bracket.square.ks | #197d9c | — |
| meta.attribute.ks entity.name.ks | #dadada | — |
| entity.name.type.macro.ks, meta.attribute.ks entity.name.function.ks | #00ccff | — |
| meta.argument.key, variable.other.enummember.ks | #ccccff | — |
| source.makefile comment.line, source.makefile punctuation.definition.comment | #ff9900 | — |
| source.makefile string.interpolated meta.scope | #99ff99 | — |
| meta.paragraph.markdown markup.heading, markup.heading.markdown heading punctuation, markup.heading.markdown heading entity.name | #ffff00 | — |
| markup.italic.markdown, markup.italic.markdown punctuation | #b4b7b4 | — |
| markup.bold.markdown, markup.bold.markdown punctuation | #b089ff | — |
| string.other.link.title.markdown | #00cc99 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #00ccff | — |
| constant.other.reference.link.markdown | #00ff00 | — |
| beginning.punctuation.definition.list.markdown | #ff9900 | — |
| beginning.punctuation.definition.quote.markdown | #ffffff | — |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #efc7cd | — |
| meta.embedded.block.frontmatter entity.name.tag | #ccccff | — |
| text.html.markdown.jsx punctuation.definition.block | #00ffff | — |
| source.nginx, source.nginx string.regexp | #ffffff | — |
| source.nginx comment | #dcac94 | — |
| source.nginx constant.language | #ccccff | — |
| source.nginx constant.character | #00ffff | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #e5a3ad | — |
| comment.line.number-sign.php, comment.line.number-sign.php punctuation.definition.comment | #cc6600 | — |
| source.php support.function | #00cc99 | — |
| source.php support.function.construct.output | #ffff00 | — |
| source.php string punctuation.definition.variable | #b089ff | — |
| source.php string variable punctuation.definition.variable | #99ff99 | — |
| punctuation.definition.string.php | #b089ff | — |
| source.php entity.name | #99ff99 | — |
| text.pug, meta.embedded.block.pug | #ffffff | — |
| entity.other.attribute-name.id.pug | #ffcc33 | — |
| entity.other.attribute-name.tag.pug | #99ff99 | — |
| string.interpolated.pug, inline.pug entity.name.function.pug | #b089ff | — |
| string.comment.buffered.block.pug | #ff9900 | — |
| comment.unbuffered.block.pug | #dcac94 | — |
| meta.at-rule entity.name.function | #00aae2 | — |
| meta.at-rule.include | #99ff99 | — |
| source.yaml comment.line, source.yaml comment.line punctuation.definition.comment, source.yaml entity.other.document.begin | #ff9900 | — |
| source.yaml entity.name.tag | #ccccff | — |
| source.yaml punctuation.definition.block.sequence.item | #ffff00 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...