Matcha Ivory Theme

Color themes

• 

  Matcha Ivory Dark

• 

  Matcha Ivory 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.activeBorder#354131
• activityBar.background#8B9A6E
• activityBar.foreground#20271F
• activityBar.inactiveForeground#354131
• activityBarBadge.background#354131
• activityBarBadge.foreground#F7F2EB
• badge.background#8B9A6E
• badge.foreground#20271F
• button.background#8B9A6E
• button.foreground#20271F
• button.hoverBackground#A0B080
• descriptionForeground#68715F
• dropdown.background#EAE2D6
• dropdown.border#C8CDBD
• dropdown.foreground#354131
• editor.background#F7F2EB
• editor.findMatchBackground#C29C5777
• editor.findMatchHighlightBackground#C29C5733
• editor.foreground#354131
• editor.inactiveSelectionBackground#DCE3CE99
• editor.lineHighlightBackground#C8CDBD33
• editor.selectionBackground#DCE3CE
• editorBracketMatch.background#DCE3CE
• editorBracketMatch.border#50623D
• editorCursor.foreground#50623D
• editorError.foreground#A53F42
• editorGroupHeader.tabsBackground#EAE2D6
• editorHoverWidget.background#EAE2D6
• editorHoverWidget.border#C8CDBD
• editorHoverWidget.foreground#354131
• editorIndentGuide.activeBackground1#68715F
• editorIndentGuide.background1#C8CDBD66
• editorInfo.foreground#386579
• editorLineNumber.activeForeground#50623D
• editorLineNumber.foreground#68715F
• editorSuggestWidget.background#EAE2D6
• editorSuggestWidget.border#C8CDBD
• editorSuggestWidget.foreground#354131
• editorSuggestWidget.selectedBackground#DCE3CE
• editorWarning.foreground#805A32
• editorWhitespace.foreground#C8CDBD
• editorWidget.background#EAE2D6
• editorWidget.border#C8CDBD
• editorWidget.foreground#354131
• errorForeground#A53F42
• focusBorder#50623D
• foreground#354131
• gitDecoration.addedResourceForeground#50623D
• gitDecoration.deletedResourceForeground#A53F42
• gitDecoration.modifiedResourceForeground#386579
• input.background#EAE2D6
• input.border#C8CDBD
• input.foreground#354131
• input.placeholderForeground#68715F
• list.activeSelectionBackground#DCE3CE
• list.activeSelectionForeground#354131
• list.highlightForeground#50623D
• list.hoverBackground#C8CDBD44
• list.inactiveSelectionBackground#DCE3CE99
• list.inactiveSelectionForeground#354131
• notifications.background#EAE2D6
• notifications.border#C8CDBD
• notifications.foreground#354131
• panel.background#EAE2D6
• panel.border#C8CDBD
• panel.foreground#354131
• quickInput.background#EAE2D6
• quickInput.foreground#354131
• scrollbarSlider.background#C8CDBD88
• scrollbarSlider.hoverBackground#C8CDBDBB
• selection.background#DCE3CE
• sideBar.background#EAE2D6
• sideBar.border#C8CDBD
• sideBar.foreground#354131
• statusBar.background#8B9A6E
• statusBar.debuggingBackground#8B9A6E
• statusBar.debuggingForeground#20271F
• statusBar.foreground#20271F
• statusBar.noFolderBackground#EAE2D6
• statusBar.noFolderForeground#354131
• tab.activeBackground#F7F2EB
• tab.activeBorderTop#50623D
• tab.activeForeground#354131
• tab.border#C8CDBD
• tab.inactiveBackground#EAE2D6
• tab.inactiveForeground#68715F
• terminal.ansiBlack#354131
• terminal.ansiBlue#386579
• terminal.ansiBrightBlack#68715F
• terminal.ansiBrightBlue#386579
• terminal.ansiBrightCyan#386579
• terminal.ansiBrightGreen#50623D
• terminal.ansiBrightMagenta#785574
• terminal.ansiBrightRed#A53F42
• terminal.ansiBrightWhite#354131
• terminal.ansiBrightYellow#805A32
• terminal.ansiCyan#386579
• terminal.ansiGreen#50623D
• terminal.ansiMagenta#785574
• terminal.ansiRed#A53F42
• terminal.ansiWhite#68715F
• terminal.ansiYellow#805A32
• terminal.background#F7F2EB
• terminal.foreground#354131
• textLink.activeForeground#50623D
• textLink.foreground#50623D
• titleBar.activeBackground#EAE2D6
• titleBar.activeForeground#354131
• titleBar.inactiveBackground#F7F2EB
• titleBar.inactiveForeground#68715F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).