Spring Matcha 抹春绿

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#C7EDCC
• activityBar.border#A8D8B0
• activityBar.foreground#3E7D4E
• activityBar.inactiveForeground#6FAF7E
• activityBarBadge.background#4E9E63
• activityBarBadge.foreground#FFFFFF
• badge.background#4E9E63
• badge.foreground#FFFFFF
• button.background#4E9E63
• button.foreground#FFFFFF
• button.hoverBackground#3E8553
• button.secondaryBackground#D2EED8
• button.secondaryForeground#2F5D3A
• button.secondaryHoverBackground#B7E4C0
• checkbox.background#E6F6E9
• checkbox.border#6FAF7E
• contrastBorder#A8D8B000
• descriptionForeground#5C7A63
• disabledForeground#7CA386
• divider.background#A8D8B0
• dropdown.background#DFF3E3
• dropdown.border#A8D8B0
• editor.background#C7EDCC
• editor.findMatchBackground#A5D8AEA8
• editor.findMatchBorder#4E9E63
• editor.findMatchHighlightBackground#63BE7B4D
• editor.findRangeHighlightBackground#B7E4C040
• editor.foreground#383A42
• editor.inactiveSelectionBackground#D3EED9
• editor.lineHighlightBackground#5C9E6C0D
• editor.selectionBackground#B7E4C0
• editor.selectionHighlightBackground#B7E4C066
• editor.wordHighlightBackground#B7E4C066
• editor.wordHighlightBorder#6FAF7E40
• editorBracketMatch.background#B7E4C066
• editorBracketMatch.border#6FAF7E
• editorError.foreground#C25B3A
• editorGroup.border#A8D8B0
• editorGroupHeader.border#A8D8B0
• editorGroupHeader.noTabsBackground#C7EDCC
• editorGroupHeader.tabsBackground#C7EDCC
• editorGutter.background#C7EDCC
• editorHoverWidget.background#DFF3E3
• editorHoverWidget.border#A8D8B0
• editorIndentGuide.activeBackground1#6FAF7E
• editorIndentGuide.background1#A8D8B070
• editorInfo.foreground#3E7D4E
• editorLineNumber.activeForeground#3E7D4E
• editorLineNumber.foreground#6FAF7E
• editorOverviewRuler.addedForeground#4E9E63
• editorOverviewRuler.border#A8D8B0
• editorOverviewRuler.deletedForeground#C25B3A
• editorOverviewRuler.modifiedForeground#8F7A1F
• editorSuggestWidget.background#DFF3E3
• editorSuggestWidget.border#A8D8B0
• editorSuggestWidget.selectedBackground#C2E5CA
• editorWarning.foreground#8F7A1F
• editorWidget.background#DFF3E3
• editorWidget.border#A8D8B0
• errorForeground#C25B3A
• extensionButton.prominentBackground#4E9E63
• extensionButton.prominentForeground#FFFFFF
• extensionButton.prominentHoverBackground#3E8553
• focusBorder#4E9E63
• foreground#383A42
• gitDecoration.addedResourceForeground#2F8F5B
• gitDecoration.conflictingResourceForeground#C25B3A
• gitDecoration.deletedResourceForeground#C25B3A
• gitDecoration.modifiedResourceForeground#8F7A1F
• gitDecoration.untrackedResourceForeground#2F8F5B
• input.background#E6F6E9
• input.border#A8D8B0
• input.foreground#383A42
• input.placeholderForeground#6FAF7E
• inputOption.activeBackground#B7E4C0
• inputOption.activeBorder#4E9E63
• list.activeSelectionBackground#A5D8AE
• list.activeSelectionForeground#1F4630
• list.focusOutline#4E9E63
• list.highlightForeground#2F8F5B
• list.hoverBackground#C2E5CA
• list.inactiveSelectionBackground#C2E5CA
• markdownAlert.caution.foreground#C25B3A
• markdownAlert.important.foreground#5B7FC2
• markdownAlert.note.foreground#3E7D4E
• markdownAlert.tip.foreground#2F8F5B
• markdownAlert.warning.foreground#8F7A1F
• menu.background#DFF3E3
• menu.border#A8D8B0
• menu.foreground#383A42
• menu.selectionBackground#C2E5CA
• menubar.selectionBackground#C2E5CA
• minimap.background#C7EDCC
• minimapGutter.addedBackground#4E9E63
• minimapGutter.deletedBackground#C25B3A
• minimapGutter.modifiedBackground#8F7A1F
• notificationCenterHeader.background#D2EED8
• notifications.background#DFF3E3
• notifications.border#A8D8B0
• panel.background#C7EDCC
• panel.border#A8D8B0
• panelTitle.activeBorder#4E9E63
• panelTitle.activeForeground#3E7D4E
• peekView.border#4E9E63
• peekViewEditor.background#DFF3E3
• peekViewResult.background#D2EED8
• peekViewTitle.background#D2EED8
• progressBar.background#4E9E63
• scrollbarSlider.activeBackground#6FAF7EBB
• scrollbarSlider.background#A8D8B080
• scrollbarSlider.hoverBackground#8FCBA0AA
• sideBar.background#C7EDCC
• sideBar.border#A8D8B0
• sideBarSectionHeader.background#D2EED8
• sideBarTitle.foreground#3E7D4E
• statusBar.background#B7E4C0
• statusBar.border#A8D8B0
• statusBar.debuggingBackground#4E9E63
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#2F5D3A
• statusBar.noFolderBackground#B7E4C0
• statusBarItem.activeBackground#8FCBA0
• statusBarItem.hoverBackground#A5D8AE
• statusBarItem.remoteBackground#4E9E63
• statusBarItem.remoteForeground#FFFFFF
• tab.activeBackground#DFF3E3
• tab.activeBorderTop#4E9E63
• tab.activeForeground#2F5D3A
• tab.border#A8D8B0
• tab.hoverBackground#D2EED8
• tab.inactiveBackground#C7EDCC
• tab.inactiveForeground#5C7A63
• tab.unfocusedActiveBackground#DFF3E3
• textBlockQuote.background#DFF3E3
• textBlockQuote.border#6FAF7E
• textCodeBlock.background#DFF3E3
• textLink.activeForeground#1F6E3F
• textLink.foreground#2F8F5B
• textPreformat.background#D2EED8
• textPreformat.foreground#2F5D3A
• textSeparator.foreground#A8D8B0
• titleBar.activeBackground#C7EDCC
• titleBar.activeForeground#3E7D4E
• titleBar.border#A8D8B0
• titleBar.inactiveBackground#D2EED8
• widget.border#A8D8B0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).