Matcha Coding Focus

Color themes

• 

  Matcha Coding

• 

  Matcha Coding Light

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#b8d99c
• activityBar.border#97c56c
• activityBar.foreground#1b6518
• activityBar.inactiveForeground#2b7a1b99
• activityBarBadge.background#1b6518
• activityBarBadge.foreground#d9e9c2
• badge.background#97c56c
• badge.foreground#1b6518
• breadcrumb.activeSelectionForeground#1b6518
• breadcrumb.background#ffffff
• breadcrumb.foreground#2b7a1b
• button.background#2b7a1b
• button.foreground#d9e9c2
• button.hoverBackground#1b6518
• checkbox.background#ffffff
• checkbox.border#2b7a1b
• dropdown.background#ffffff
• dropdown.border#97c56c
• dropdown.foreground#1b6518
• editor.background#ffffff
• editor.findMatchBackground#79b22a66
• editor.findMatchHighlightBackground#97c56c55
• editor.foreground#1b6518
• editor.lineHighlightBackground#d9e9c233
• editor.selectionBackground#97c56c55
• editor.selectionHighlightBackground#b8d99c66
• editor.wordHighlightBackground#b8d99c55
• editor.wordHighlightStrongBackground#97c56c66
• editorBracketMatch.background#b8d99c66
• editorBracketMatch.border#2b7a1b
• editorCursor.foreground#1b6518
• editorError.foreground#1b6518
• editorGroup.border#97c56c
• editorGroup.emptyBackground#ffffff
• editorGroupHeader.border#97c56c
• editorGroupHeader.tabsBackground#d9e9c2
• editorGutter.addedBackground#3b8b1e
• editorGutter.background#ffffff
• editorGutter.deletedBackground#1b6518
• editorGutter.modifiedBackground#2b7a1b
• editorIndentGuide.activeBackground1#2b7a1b99
• editorIndentGuide.background1#97c56c66
• editorLineNumber.activeForeground#1b6518
• editorLineNumber.foreground#2b7a1b99
• editorRuler.foreground#97c56c66
• editorWarning.foreground#2b7a1b
• focusBorder#2b7a1b88
• foreground#1b6518
• input.background#ffffff
• input.border#97c56c
• input.foreground#1b6518
• input.placeholderForeground#2b7a1b99
• list.activeSelectionBackground#ffffff
• list.activeSelectionForeground#1b6518
• list.activeSelectionIconForeground#1b6518
• list.focusAndSelectionOutline#79b22a
• list.focusBackground#ffffff
• list.focusForeground#1b6518
• list.focusOutline#79b22a
• list.highlightForeground#1b6518
• list.hoverBackground#d9e9c2
• list.inactiveFocusBackground#ffffff
• list.inactiveFocusOutline#79b22a
• list.inactiveSelectionBackground#ffffff
• list.inactiveSelectionForeground#1b6518
• list.inactiveSelectionIconForeground#1b6518
• menu.background#ffffff
• menu.foreground#1b6518
• menu.selectionBackground#d9e9c2
• panel.background#eef6e7
• panel.border#97c56c
• peekView.border#2b7a1b
• peekViewEditor.background#ffffff
• peekViewResult.background#eef6e7
• peekViewTitle.background#d9e9c2
• quickInput.background#ffffff
• quickInput.foreground#1b6518
• scrollbar.shadow#1b651822
• scrollbarSlider.activeBackground#2b7a1b99
• scrollbarSlider.background#3b8b1e66
• scrollbarSlider.hoverBackground#2b7a1b88
• sideBar.background#eef6e7
• sideBar.border#97c56c
• sideBar.foreground#1b6518
• sideBarSectionHeader.background#d9e9c2
• sideBarSectionHeader.border#97c56c
• sideBarTitle.foreground#1b6518
• statusBar.background#b8d99c
• statusBar.border#97c56c
• statusBar.debuggingBackground#2b7a1b
• statusBar.debuggingForeground#d9e9c2
• statusBar.foreground#1b6518
• statusBar.noFolderBackground#b8d99c
• statusBarItem.hoverBackground#97c56c
• tab.activeBackground#ffffff
• tab.activeBorder#1b6518
• tab.activeForeground#1b6518
• tab.border#97c56c
• tab.inactiveBackground#d9e9c2
• tab.inactiveForeground#2b7a1b
• terminal.ansiBlack#1b6518
• terminal.ansiBlue#3b8b1e
• terminal.ansiBrightBlack#2b7a1b
• terminal.ansiBrightBlue#4a9e21
• terminal.ansiBrightCyan#5cae26
• terminal.ansiBrightGreen#79b22a
• terminal.ansiBrightMagenta#97c56c
• terminal.ansiBrightRed#2b7a1b
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#b8d99c
• terminal.ansiCyan#4a9e21
• terminal.ansiGreen#2b7a1b
• terminal.ansiMagenta#5cae26
• terminal.ansiRed#1b6518
• terminal.ansiWhite#d9e9c2
• terminal.ansiYellow#3b8b1e
• terminal.background#ffffff
• terminal.foreground#1b6518
• textLink.activeForeground#1b6518
• textLink.foreground#2b7a1b
• titleBar.activeBackground#d9e9c2
• titleBar.activeForeground#1b6518
• titleBar.border#97c56c
• titleBar.inactiveBackground#eef6e7
• titleBar.inactiveForeground#2b7a1b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).