Mint Breeze Theme

Color themes

• 

  Mint Breeze Dark

• 

  Mint Breeze 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#62C7B5
• activityBar.background#ECFAF6
• activityBar.foreground#3C9D8B
• activityBar.inactiveForeground#8FBDB2
• activityBarBadge.background#62C7B5
• activityBarBadge.foreground#FFFFFF
• badge.background#62C7B5
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#3C9D8B
• breadcrumb.background#F5FFFC
• breadcrumb.focusForeground#3C9D8B
• breadcrumb.foreground#7FA39B
• breadcrumbPicker.background#FFFFFF
• button.background#62C7B5
• button.foreground#FFFFFF
• button.hoverBackground#4FB6A5
• button.secondaryBackground#DDF5EE
• button.secondaryForeground#3C9D8B
• button.secondaryHoverBackground#CEEFE7
• contrastBorder#DDF5EE
• debugIcon.breakpointForeground#E08A6A
• debugIcon.exceptionBreakpointForeground#D18B65
• debugToolBar.background#ECFAF6
• descriptionForeground#7FA39B
• dropdown.background#FFFFFF
• dropdown.border#B8E8DD
• dropdown.foreground#2E3A37
• editor.background#F5FFFC
• editor.findMatchBackground#8FD8C8
• editor.findMatchHighlightBackground#B8E8DD
• editor.foreground#2E3A37
• editor.inactiveSelectionBackground#CEEFE7
• editor.lineHighlightBackground#ECFAF6
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#B8E8DD
• editor.selectionHighlightBackground#D8F1EA
• editorBracketMatch.background#8FD8C873
• editorBracketMatch.border#8FD8C8
• editorCursor.foreground#3C9D8B
• editorError.foreground#E08A6A
• editorGroup.border#DDF5EE
• editorGroupHeader.tabsBackground#ECFAF6
• editorGroupHeader.tabsBorder#DDF5EE
• editorGutter.background#F5FFFC
• editorHint.foreground#A9C7C0
• editorHoverWidget.background#FFFFFF
• editorHoverWidget.border#B8E8DD
• editorIndentGuide.activeBackground#B8E8DD
• editorIndentGuide.background#DDF5EE
• editorInfo.foreground#5B9CAE
• editorLineNumber.activeForeground#4FB6A5
• editorLineNumber.foreground#A9C7C0
• editorOverviewRuler.border#DDF5EE
• editorSuggestWidget.background#FFFFFF
• editorSuggestWidget.border#B8E8DD
• editorSuggestWidget.selectedBackground#DDF5EE
• editorWarning.foreground#D18B65
• editorWhitespace.foreground#CDEDE5
• editorWidget.background#FFFFFF
• editorWidget.border#B8E8DD
• focusBorder#62C7B5
• gitDecoration.addedResourceForeground#5BAE8F
• gitDecoration.conflictingResourceForeground#D18B65
• gitDecoration.deletedResourceForeground#E08A6A
• gitDecoration.ignoredResourceForeground#A9C7C0
• gitDecoration.modifiedResourceForeground#D18B65
• gitDecoration.stageDeletedResourceForeground#E08A6A
• gitDecoration.stageModifiedResourceForeground#62C7B5
• gitDecoration.untrackedResourceForeground#5BAE8F
• input.background#FFFFFF
• input.border#B8E8DD
• input.foreground#2E3A37
• input.placeholderForeground#A9C7C0
• inputOption.activeBorder#62C7B5
• inputValidation.errorBackground#FBE3DC
• inputValidation.errorBorder#E08A6A
• inputValidation.infoBackground#DDF5EE
• inputValidation.infoBorder#62C7B5
• inputValidation.warningBackground#FCEFD8
• inputValidation.warningBorder#D18B65
• list.activeSelectionBackground#B8E8DD
• list.activeSelectionForeground#2E3A37
• list.errorForeground#E08A6A
• list.focusBackground#DDF5EE
• list.highlightForeground#3C9D8B
• list.hoverBackground#DDF5EE
• list.inactiveSelectionBackground#CEEFE7
• list.inactiveSelectionForeground#2E3A37
• list.warningForeground#D18B65
• listFilterWidget.background#FFFFFF
• listFilterWidget.border#B8E8DD
• listFilterWidget.shadow#0000001A
• menu.background#FFFFFF
• menu.border#B8E8DD
• menu.foreground#2E3A37
• menu.selectionBackground#B8E8DD
• menu.selectionForeground#2E3A37
• menu.separatorBackground#DDF5EE
• minimap.findMatchHighlight#8FD8C8
• minimap.selectionHighlight#B8E8DD
• minimapGutter.addedBackground#5BAE8F
• minimapGutter.deletedBackground#E08A6A
• minimapGutter.modifiedBackground#D18B65
• notification.background#FFFFFF
• notification.border#B8E8DD
• notification.foreground#2E3A37
• notificationCenter.border#B8E8DD
• notificationCenterHeader.background#ECFAF6
• notifications.foreground#2E3A37
• panel.background#ECFAF6
• panel.border#DDF5EE
• panelTitle.activeForeground#3C9D8B
• panelTitle.inactiveForeground#7FA39B
• peekView.border#62C7B5
• peekViewEditor.background#ECFAF6
• peekViewEditorGutter.background#ECFAF6
• peekViewResult.background#FFFFFF
• peekViewResult.matchHighlightBackground#B8E8DD
• peekViewTitle.background#DDF5EE
• peekViewTitleLabel.foreground#3C9D8B
• progressBar.background#62C7B5
• scrollbarSlider.activeBackground#62C7BFBF
• scrollbarSlider.background#62C7B54D
• scrollbarSlider.hoverBackground#62C7B58C
• sideBar.background#ECFAF6
• sideBar.foreground#2E3A37
• sideBarSectionHeader.background#DDF5EE
• sideBarSectionHeader.foreground#3C9D8B
• sideBarTitle.foreground#3C9D8B
• statusBar.background#62C7B5
• statusBar.debuggingBackground#3C9D8B
• statusBar.foreground#FFFFFF
• statusBar.noFolderBackground#4FB6A5
• statusBarItem.hoverBackground#4FB6A5
• statusBarItem.remoteBackground#3C9D8B
• statusBarItem.remoteForeground#FFFFFF
• tab.activeBackground#F5FFFC
• tab.activeBorder#62C7B5
• tab.activeForeground#2E3A37
• tab.border#DDF5EE
• tab.inactiveBackground#ECFAF6
• tab.inactiveForeground#7FA39B
• tab.unfocusedActiveBackground#F5FFFC
• tab.unfocusedActiveBorder#62C7B5
• tab.unfocusedActiveForeground#2E3A37
• tab.unfocusedInactiveForeground#7FA39B
• terminal.ansiBlack#2E3A37
• terminal.ansiBlue#5B9CAE
• terminal.ansiBrightBlack#A9C7C0
• terminal.ansiBrightBlue#84BBD0
• terminal.ansiBrightCyan#8FE6D2
• terminal.ansiBrightGreen#8FD8C8
• terminal.ansiBrightMagenta#CEA6D3
• terminal.ansiBrightRed#EBA98E
• terminal.ansiBrightWhite#2E3A37
• terminal.ansiBrightYellow#E6A982
• terminal.ansiCyan#62C7B5
• terminal.ansiGreen#5BAE8F
• terminal.ansiMagenta#B58ABA
• terminal.ansiRed#E08A6A
• terminal.ansiWhite#7FA39B
• terminal.ansiYellow#D18B65
• terminal.background#ECFAF6
• terminal.foreground#2E3A37
• terminal.selectionBackground#B8E8DD
• terminalCursor.foreground#3C9D8B
• textCodeBlock.background#DDF5EE
• textLink.activeForeground#2E3A37
• textLink.foreground#3C9D8B
• textPreformat.foreground#3C9D8B
• textSeparator.foreground#91AAA3
• titleBar.activeBackground#F5FFFC
• titleBar.activeForeground#2E3A37
• titleBar.border#DDF5EE
• titleBar.inactiveBackground#ECFAF6
• titleBar.inactiveForeground#A9C7C0
• toolbar.activeBackground#CEEFE7
• toolbar.hoverBackground#DDF5EE
• watermark.color#A9C7C0
• widget.shadow#0000001F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).