Matcha Theme
Publisher: Vyacheslav AnanevThemes in package: 2
Warm green matcha theme: Koicha (dark) and Usucha (light). Even contrast, no neon.
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.
- activityBar.background#e0e5de
- activityBar.border#c8cec7
- activityBar.foreground#30342f
- activityBar.inactiveForeground#838881
- activityBarBadge.background#3b7402
- activityBarBadge.foreground#eaeee8
- badge.background#3b7402
- badge.foreground#eaeee8
- breadcrumb.focusForeground#30342f
- breadcrumb.foreground#838881
- breadcrumbPicker.background#f8fbf7
- button.background#3b7402
- button.foreground#eaeee8
- button.hoverBackground#357518
- button.secondaryBackground#f8fbf7
- button.secondaryForeground#30342f
- commandCenter.activeBackground#f8fbf7
- commandCenter.activeBorder#3b740299
- commandCenter.activeForeground#30342f
- commandCenter.background#f8fbf7
- commandCenter.border#c8cec7
- commandCenter.foreground#5a6058
- commandCenter.inactiveBorder#c8cec7
- commandCenter.inactiveForeground#838881
- descriptionForeground#838881
- diffEditor.insertedTextBackground#2f6f0f24
- diffEditor.removedTextBackground#af2b2524
- dropdown.background#f8fbf7
- dropdown.border#c8cec7
- dropdown.foreground#30342f
- editor.background#eaeee8
- editor.findMatchBackground#3b740259
- editor.findMatchHighlightBackground#3b74022e
- editor.foreground#30342f
- editor.lineHighlightBackground#e0e5de
- editor.selectionBackground#bed8b68c
- editor.selectionHighlightBackground#bed8b64d
- editor.wordHighlightBackground#bed8b64d
- editor.wordHighlightStrongBackground#bed8b666
- editorBracketHighlight.foreground1#3b7402
- editorBracketHighlight.foreground2#8a5d0b
- editorBracketHighlight.foreground3#3a6744
- editorBracketHighlight.foreground4#2d7526
- editorBracketHighlight.foreground5#547321
- editorBracketHighlight.foreground6#44563e
- editorBracketHighlight.unexpectedBracket.foreground#b12d26
- editorBracketMatch.background#3b740233
- editorBracketMatch.border#3b7402
- editorBracketPairGuide.activeBackground1#3b740280
- editorBracketPairGuide.activeBackground2#8a5d0b80
- editorBracketPairGuide.activeBackground3#3a674480
- editorBracketPairGuide.activeBackground4#2d752680
- editorBracketPairGuide.activeBackground5#54732180
- editorBracketPairGuide.activeBackground6#44563e80
- editorBracketPairGuide.background1#3b740238
- editorBracketPairGuide.background2#8a5d0b38
- editorBracketPairGuide.background3#3a674438
- editorBracketPairGuide.background4#2d752638
- editorBracketPairGuide.background5#54732138
- editorBracketPairGuide.background6#44563e38
- editorCodeLens.foreground#838881
- editorCursor.foreground#3c740d
- editorError.foreground#b12d26
- editorGhostText.border#c8cec700
- editorGhostText.foreground#838881
- editorGroup.border#c8cec7
- editorGroupHeader.tabsBackground#e0e5de
- editorGroupHeader.tabsBorder#c8cec7
- editorGutter.addedBackground#2f6f0f
- editorGutter.deletedBackground#af2b25
- editorGutter.modifiedBackground#8c5d00
- editorHint.foreground#3f6948
- editorHoverWidget.background#f8fbf7
- editorHoverWidget.border#c8cec7
- editorIndentGuide.activeBackground1#838881
- editorIndentGuide.background1#c8cec7
- editorInfo.foreground#3f6948
- editorInlayHint.background#f8fbf799
- editorInlayHint.foreground#838881
- editorInlayHint.parameterBackground#f8fbf799
- editorInlayHint.parameterForeground#838881
- editorInlayHint.typeBackground#f8fbf799
- editorInlayHint.typeForeground#838881
- editorLightBulb.foreground#965e00
- editorLightBulbAi.foreground#3d6b32
- editorLightBulbAutoFix.foreground#3b7402
- editorLineNumber.activeForeground#5a6058
- editorLineNumber.foreground#838881
- editorLink.activeForeground#3d6b32
- editorOverviewRuler.addedForeground#2f6f0f
- editorOverviewRuler.border#c8cec7
- editorOverviewRuler.bracketMatchForeground#5a6058
- editorOverviewRuler.deletedForeground#af2b25
- editorOverviewRuler.errorForeground#b12d26
- editorOverviewRuler.findMatchForeground#3b7402cc
- editorOverviewRuler.infoForeground#3f6948
- editorOverviewRuler.modifiedForeground#8c5d00
- editorOverviewRuler.rangeHighlightForeground#3b740280
- editorOverviewRuler.selectionHighlightForeground#bed8b6cc
- editorOverviewRuler.warningForeground#965e00
- editorOverviewRuler.wordHighlightForeground#5a6058b3
- editorOverviewRuler.wordHighlightStrongForeground#3b7402b3
- editorRuler.foreground#c8cec7
- editorStickyScroll.background#e0e5de
- editorStickyScroll.border#c8cec7
- editorStickyScrollGutter.background#e0e5de
- editorStickyScrollHover.background#f8fbf7
- editorSuggestWidget.background#f8fbf7
- editorSuggestWidget.border#c8cec7
- editorSuggestWidget.focusHighlightForeground#3b7402
- editorSuggestWidget.highlightForeground#3b7402
- editorSuggestWidget.selectedBackground#bed8b673
- editorSuggestWidget.selectedForeground#30342f
- editorSuggestWidget.selectedIconForeground#30342f
- editorUnnecessaryCode.opacity#000000a0
- editorWarning.foreground#965e00
- editorWhitespace.foreground#c8cec7
- editorWidget.background#f8fbf7
- editorWidget.border#c8cec7
- errorForeground#b12d26
- focusBorder#3b740299
- foreground#5a6058
- gitDecoration.addedResourceForeground#2f6f0f
- gitDecoration.conflictingResourceForeground#965e00
- gitDecoration.deletedResourceForeground#af2b25
- gitDecoration.ignoredResourceForeground#838881
- gitDecoration.modifiedResourceForeground#8c5d00
- gitDecoration.untrackedResourceForeground#2f6f0f
- icon.foreground#5a6058
- input.background#f8fbf7
- input.border#c8cec7
- input.foreground#30342f
- input.placeholderForeground#838881
- inputOption.activeBorder#3b7402
- inputValidation.errorBackground#f8fbf7
- inputValidation.errorBorder#b12d26
- keybindingLabel.background#f8fbf7
- keybindingLabel.border#c8cec7
- keybindingLabel.bottomBorder#c8cec7
- keybindingLabel.foreground#30342f
- list.activeSelectionBackground#bed8b680
- list.activeSelectionForeground#30342f
- list.activeSelectionIconForeground#30342f
- list.errorForeground#b12d26
- list.highlightForeground#3b7402
- list.hoverBackground#f8fbf7
- list.inactiveSelectionBackground#bed8b64d
- list.warningForeground#965e00
- menu.background#f8fbf7
- menu.border#c8cec7
- menu.foreground#30342f
- menu.selectionBackground#bed8b680
- merge.border#c8cec7
- merge.commonContentBackground#8388811f
- merge.commonHeaderBackground#8388813d
- merge.currentContentBackground#2f6f0f29
- merge.currentHeaderBackground#2f6f0f52
- merge.incomingContentBackground#3d6b3229
- merge.incomingHeaderBackground#3d6b3252
- mergeEditor.change.background#2f6f0f24
- mergeEditor.change.word.background#2f6f0f47
- mergeEditor.conflict.handledFocused.border#3b740299
- mergeEditor.conflict.handledUnfocused.border#c8cec7
- mergeEditor.conflict.unhandledFocused.border#965e00
- mergeEditor.conflict.unhandledUnfocused.border#965e0080
- minimap.background#eaeee8
- minimap.selectionHighlight#bed8b6
- minimapSlider.background#83888126
- notificationCenterHeader.background#e0e5de
- notifications.background#f8fbf7
- notifications.border#c8cec7
- panel.background#e0e5de
- panel.border#c8cec7
- panelTitle.activeBorder#3b7402
- panelTitle.activeForeground#30342f
- panelTitle.inactiveForeground#838881
- peekView.border#3b7402
- peekViewEditor.background#e0e5de
- peekViewResult.background#e0e5de
- peekViewTitle.background#f8fbf7
- problemsErrorIcon.foreground#b12d26
- problemsInfoIcon.foreground#3f6948
- problemsWarningIcon.foreground#965e00
- progressBar.background#3b7402
- quickInput.background#f8fbf7
- quickInputList.focusBackground#bed8b673
- sash.hoverBorder#3b7402
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#8388818c
- scrollbarSlider.background#83888140
- scrollbarSlider.hoverBackground#83888166
- selection.background#bed8b699
- sideBar.background#e0e5de
- sideBar.border#c8cec7
- sideBar.foreground#5a6058
- sideBarSectionHeader.background#e0e5de
- sideBarSectionHeader.border#c8cec7
- sideBarSectionHeader.foreground#5a6058
- sideBarTitle.foreground#838881
- statusBar.background#e0e5de
- statusBar.border#c8cec7
- statusBar.debuggingBackground#965e00
- statusBar.debuggingForeground#eaeee8
- statusBar.foreground#5a6058
- statusBar.noFolderBackground#e0e5de
- statusBarItem.errorBackground#b12d26
- statusBarItem.errorForeground#eaeee8
- statusBarItem.remoteBackground#3b7402
- statusBarItem.remoteForeground#eaeee8
- symbolIcon.arrayForeground#5a6058
- symbolIcon.booleanForeground#8a5d0b
- symbolIcon.classForeground#33705f
- symbolIcon.colorForeground#3b7402
- symbolIcon.constantForeground#8a5d0b
- symbolIcon.constructorForeground#3b7402
- symbolIcon.enumeratorForeground#33705f
- symbolIcon.enumeratorMemberForeground#8a5d0b
- symbolIcon.eventForeground#3b7402
- symbolIcon.fieldForeground#5a6058
- symbolIcon.fileForeground#5a6058
- symbolIcon.folderForeground#3b7402
- symbolIcon.functionForeground#3b7402
- symbolIcon.interfaceForeground#33705f
- symbolIcon.keyForeground#5a6058
- symbolIcon.keywordForeground#7a3659
- symbolIcon.methodForeground#3b7402
- symbolIcon.moduleForeground#33705f
- symbolIcon.namespaceForeground#33705f
- symbolIcon.nullForeground#8a5d0b
- symbolIcon.numberForeground#8a5d0b
- symbolIcon.objectForeground#33705f
- symbolIcon.operatorForeground#7a3659
- symbolIcon.packageForeground#33705f
- symbolIcon.propertyForeground#5a6058
- symbolIcon.referenceForeground#5a6058
- symbolIcon.snippetForeground#91406a
- symbolIcon.stringForeground#547321
- symbolIcon.structForeground#33705f
- symbolIcon.textForeground#547321
- symbolIcon.typeParameterForeground#33705f
- symbolIcon.unitForeground#8a5d0b
- symbolIcon.variableForeground#5a6058
- tab.activeBackground#eaeee8
- tab.activeBorderTop#3b7402
- tab.activeForeground#30342f
- tab.border#c8cec7
- tab.hoverBackground#f8fbf7
- tab.inactiveBackground#e0e5de
- tab.inactiveForeground#838881
- tab.unfocusedActiveForeground#5a6058
- terminal.ansiBlack#30342f
- terminal.ansiBlue#004f6f
- terminal.ansiBrightBlack#71766f
- terminal.ansiBrightBlue#005f85
- terminal.ansiBrightCyan#2c7561
- terminal.ansiBrightGreen#227008
- terminal.ansiBrightMagenta#91406a
- terminal.ansiBrightRed#b31e11
- terminal.ansiBrightWhite#c9cbc8
- terminal.ansiBrightYellow#845a00
- terminal.ansiCyan#33705f
- terminal.ansiGreen#185d00
- terminal.ansiMagenta#7a3659
- terminal.ansiRed#970c02
- terminal.ansiWhite#969995
- terminal.ansiYellow#744e00
- terminal.background#eaeee8
- terminal.foreground#30342f
- terminal.selectionBackground#bed8b680
- terminal.tab.activeBorder#3b7402
- terminalCommandDecoration.defaultBackground#838881
- terminalCommandDecoration.errorBackground#b12d26
- terminalCommandDecoration.successBackground#357518
- terminalCursor.foreground#3c740d
- titleBar.activeBackground#e0e5de
- titleBar.activeForeground#5a6058
- titleBar.border#c8cec7
- titleBar.inactiveBackground#e0e5de
- titleBar.inactiveForeground#838881
- tree.indentGuidesStroke#c8cec7
- widget.border#c8cec7
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #646e61 | italic |
| string, string.quoted, punctuation.definition.string | #547321 | — |
| constant.character.escape, string.regexp | #8a5d0b | — |
| constant.numeric, constant.language, constant.character | #8a5d0b | — |
| variable.other.constant, variable.other.enummember, support.constant | #8a5d0b | — |
| keyword, keyword.control, storage, storage.type, storage.modifier, keyword.operator.expression, keyword.operator.new | #2d7526 | — |
| keyword.operator, punctuation.separator, punctuation.accessor | #466843 | — |
| punctuation, meta.brace, punctuation.definition.block, punctuation.definition.parameters | #71776f | — |
| entity.name.function, support.function, meta.function-call.generic | #394735 | — |
| entity.name.type, entity.name.class, entity.name.namespace, support.type, support.class, entity.other.inherited-class | #3a6744 | — |
| variable, variable.other.readwrite, meta.definition.variable | #30342f | — |
| variable.parameter, meta.parameter | #44563e | — |
| variable.other.property, meta.object-literal.key, support.variable.property | #44563e | — |
| entity.name.tag, punctuation.definition.tag | #2d7526 | — |
| entity.other.attribute-name | #44563e | italic |
| support.type.property-name.css, entity.name.tag.css | #44563e | — |
| invalid, invalid.illegal | #b12d26 | — |
| markup.heading, entity.name.section | #3b7402 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code | #547321 | — |
| markup.underline.link, string.other.link | #3d6b32 | — |
| markup.inserted | #2f6f0f | — |
| markup.deleted | #af2b25 | — |
| markup.changed | #8c5d00 | — |
| meta.diff.header, meta.diff.range | #838881 | — |