Mint Blue Tech
Publisher: Personal ExtensionThemes in package: 1
Mint Blue Tech theme generated with Tinte - beautiful semantic colors for VS Code
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#f6fbff
- activityBar.background#1a223a
- activityBar.border#365899
- activityBar.foreground#f6fbff
- activityBar.inactiveForeground#b3b3b3
- activityBarBadge.background#95f9e3
- activityBarBadge.foreground#1a223a
- badge.background#95f9e3
- badge.foreground#1a223a
- button.background#95f9e3
- button.foreground#1a223a
- dropdown.background#212d4b
- dropdown.border#365899
- dropdown.foreground#f6fbff
- dropdown.listBackground#1a223a
- editor.background#1a223a
- editor.findMatchBackground#7ecbff66
- editor.findMatchHighlightBackground#7ecbff55
- editor.findRangeHighlightBackground#212d4bcc
- editor.foreground#f6fbff
- editor.hoverHighlightBackground#36589966
- editor.inactiveSelectionBackground#7ecbff66
- editor.lineHighlightBackground#212d4b
- editor.lineHighlightBorder#253461
- editor.rangeHighlightBackground#212d4b44
- editor.selectionBackground#7ecbff77
- editor.selectionHighlightBackground#7c879911
- editor.wordHighlightBackground#36589911
- editor.wordHighlightStrongBackground#25346122
- editorBracketMatch.background#253461
- editorBracketMatch.border#365899
- editorGroup.border#365899
- editorGroupHeader.tabsBackground#1a223a
- editorGutter.addedBackground#c6ffd0
- editorGutter.background#1a223a
- editorGutter.deletedBackground#95f9e3
- editorGutter.modifiedBackground#c6ffd0
- editorHoverWidget.background#253461
- editorIndentGuide.background1#365899
- editorLineNumber.activeForeground#f6fbff
- editorLineNumber.foreground#7ecbff
- editorSuggestWidget.background#1a223a
- editorSuggestWidget.border#365899
- editorSuggestWidget.foreground#f6fbff
- editorSuggestWidget.highlightForeground#b3b3b3
- editorSuggestWidget.selectedBackground#365899
- editorWhitespace.foreground#253461
- editorWidget.background#212d4b
- editorWidget.border#365899
- input.background#212d4b
- input.border#365899
- input.foreground#f6fbff
- input.placeholderForeground#b3b3b3
- list.activeSelectionBackground#7ecbff
- list.activeSelectionForeground#f6fbff
- list.focusOutline#7ecbff
- list.foreground#f6fbff
- list.hoverBackground#365899
- list.hoverForeground#f6fbff
- list.inactiveSelectionBackground#365899
- list.inactiveSelectionForeground#f6fbff
- menu.background#1a223a
- menu.border#365899
- menu.foreground#f6fbff
- menu.selectionBackground#365899
- menu.selectionForeground#f6fbff
- panel.background#1a223a
- panel.border#365899
- panelTitle.activeBorder#7ecbff
- panelTitle.activeForeground#f6fbff
- panelTitle.inactiveForeground#b3b3b3
- sideBar.background#1a223a
- sideBar.border#365899
- sideBar.foreground#f6fbff
- sideBarSectionHeader.background#212d4b
- sideBarSectionHeader.border#365899
- sideBarSectionHeader.foreground#f6fbff
- sideBarTitle.foreground#f6fbff
- statusBar.background#1a223a
- statusBar.border#365899
- statusBar.debuggingBackground#95f9e3
- statusBar.debuggingForeground#f6fbff
- statusBar.foreground#f6fbff
- tab.activeBackground#1a223a
- tab.activeForeground#f6fbff
- tab.activeModifiedBorder#7ecbff
- tab.border#365899
- tab.hoverBackground#365899
- tab.inactiveBackground#212d4b
- tab.inactiveForeground#b3b3b3
- tab.inactiveModifiedBorder#95f9e3
- tab.unfocusedHoverBackground#365899
- terminal.ansiBlue#95f9e3
- terminal.ansiCyan#c6ffd0
- terminal.ansiGreen#c6ffd0
- terminal.ansiMagenta#c6ffd0
- terminal.ansiRed#95f9e3
- terminal.ansiYellow#7ecbff
- terminal.background#1a223a
- terminal.foreground#f6fbff
- terminalCursor.background#1a223a
- terminalCursor.foreground#f6fbff
- titleBar.activeBackground#1a223a
- titleBar.activeForeground#f6fbff
- titleBar.border#365899
- titleBar.inactiveBackground#212d4b
- titleBar.inactiveForeground#b3b3b3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, support.type.property-name.css | #f6fbff | — |
| punctuation, punctuation.terminator, punctuation.definition.tag, punctuation.separator, punctuation.definition.string, punctuation.section.block | #b3b3b3 | — |
| entity.name.type.class | #7ecbff | — |
| entity.name.type.interface, entity.name.type | #7ecbff | — |
| entity.name.type.struct | #7ecbff | — |
| entity.name.type.enum | #7ecbff | — |
| support.type | #95f9e3 | — |
| variable.type.parameter, variable.parameter.type | #7ecbff | — |
| entity.name.function, support.function, meta.function-call.generic | #7ecbff | — |
| entity.name.function.method, meta.function.method | #95f9e3 | — |
| variable.function | #f6fbff | — |
| variable, meta.variable, variable.other.object.property, variable.other.readwrite.alias | #f6fbff | — |
| variable.other.object | #95f9e3 | — |
| variable.other.global, variable.language.this | #c6ffd0 | — |
| variable.other.local | #f6fbff | — |
| variable.parameter, meta.parameter | #f6fbff | — |
| variable.other.property, meta.property | #f6fbff | — |
| meta.object-literal.key | #f6fbff | — |
| keyword | #95f9e3 | — |
| keyword.control.import, keyword.control.from, keyword.import | #95f9e3 | — |
| storage.modifier, keyword.modifier, storage.type | #95f9e3 | — |
| keyword.operator | #95f9e3 | — |
| string, string.other.link, markup.inline.raw.string.markdown | #c6ffd0 | — |
| constant.character.escape, constant.other.placeholder | #f6fbff | — |
| constant.numeric | #ffe6a7 | — |
| constant.language.boolean, constant.language.json | #ffe6a7 | — |
| variable.other.constant, variable.readonly | #95f9e3 | — |
| comment, punctuation.definition.comment | #7c8799 | — |
| comment.documentation, comment.line.documentation | #7c8799 | — |
| entity.name.tag | #95f9e3 | — |
| support.class.component | #95f9e3 | — |
| entity.other.attribute-name, meta.attribute | #7ecbff | — |
| markup.underline.link | #95f9e3 | — |
| entity.name.namespace, storage.modifier.namespace, markup.bold.markdown | #7ecbff | — |
| entity.name.module, storage.modifier.module | #95f9e3 | — |
| entity.name.function.preprocessor, meta.preprocessor | #95f9e3 | — |
| meta.preprocessor | #c6ffd0 | — |
| keyword.control.exception, keyword.control.trycatch | #95f9e3 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #7ecbff | — |
| entity.name.label, punctuation.definition.label | #c6ffd0 | — |