Emerald Minimal Theme
Publisher: Thiago SouzaThemes in package: 2
Deep midnight darks and crisp light surfaces for VS Code, tied together by a single vivid emerald/teal glow — in dark and light variants.
Color themes
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.activeBackground#007d6d17
- activityBar.activeBorder#007d6d
- activityBar.background#f3f5f4
- activityBar.border#f3f5f4
- activityBar.foreground#101828
- activityBar.inactiveForeground#9aa3a0
- activityBarBadge.background#007d6d
- activityBarBadge.foreground#f3f5f4
- badge.background#007d6d
- badge.foreground#f3f5f4
- banner.background#eaeeec
- banner.foreground#101828
- banner.iconForeground#007d6d
- breadcrumb.activeSelectionForeground#007d6d
- breadcrumb.focusForeground#101828
- breadcrumb.foreground#6a7282
- breadcrumbPicker.background#f6f8f7
- button.background#007d6d
- button.foreground#f3f5f4
- button.hoverBackground#006b5e
- button.secondaryBackground#eaeeec
- button.secondaryForeground#101828
- button.secondaryHoverBackground#dfe3e1
- charts.blue#0550ae
- charts.green#007d6d
- charts.orange#bc4c00
- charts.purple#8250df
- charts.red#cf222e
- charts.yellow#9a6700
- chat.avatarBackground#eaeeec
- chat.avatarForeground#007d6d
- chat.editedFileForeground#9a6700
- chat.requestBorder#e2e6e4
- chat.slashCommandBackground#007d6d26
- chat.slashCommandForeground#007d6d
- checkbox.background#f3f5f4
- checkbox.border#dfe3e1
- commandCenter.activeBackground#eef1f0
- commandCenter.activeBorder#007d6d80
- commandCenter.activeForeground#101828
- commandCenter.background#f6f8f7
- commandCenter.border#e2e6e4
- commandCenter.foreground#4a5565
- commandCenter.inactiveBorder#e7eae9
- commandCenter.inactiveForeground#9aa3a0
- debugConsole.errorForeground#cf222e
- debugConsole.infoForeground#0550ae
- debugConsole.sourceForeground#4a5565
- debugConsole.warningForeground#9a6700
- debugConsoleInputIcon.foreground#007d6d
- debugIcon.breakpointCurrentStackframeForeground#007d6d
- debugIcon.breakpointDisabledForeground#9aa3a0
- debugIcon.breakpointForeground#cf222e
- debugIcon.breakpointStackframeForeground#007d6d
- debugIcon.breakpointUnverifiedForeground#9aa3a0
- debugIcon.continueForeground#007d6d
- debugIcon.disconnectForeground#cf222e
- debugIcon.pauseForeground#007d6d
- debugIcon.restartForeground#007d6d
- debugIcon.startForeground#007d6d
- debugIcon.stepBackForeground#0550ae
- debugIcon.stepIntoForeground#0550ae
- debugIcon.stepOutForeground#0550ae
- debugIcon.stepOverForeground#0550ae
- debugIcon.stopForeground#cf222e
- debugToolBar.background#f6f8f7
- debugToolBar.border#e2e6e4
- descriptionForeground#6a7282
- diffEditor.insertedTextBackground#007d6d26
- diffEditor.removedTextBackground#cf222e1f
- dropdown.background#f3f5f4
- dropdown.border#dfe3e1
- dropdown.foreground#101828
- dropdown.listBackground#f3f5f4
- editor.background#f3f5f4
- editor.findMatchBackground#007d6d80
- editor.findMatchHighlightBackground#007d6d3d
- editor.focusedStackFrameHighlightBackground#007d6d22
- editor.foreground#101828
- editor.hoverHighlightBackground#007d6d1f
- editor.inactiveSelectionBackground#007d6d17
- editor.lineHighlightBackground#00000000
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#00000008
- editor.selectionBackground#007d6d4d
- editor.selectionHighlightBackground#007d6d1f
- editor.stackFrameHighlightBackground#9a670022
- editor.wordHighlightBackground#0000000a
- editor.wordHighlightStrongBackground#007d6d26
- editorBracketHighlight.foreground1#007d6d
- editorBracketHighlight.foreground2#5a7d78
- editorBracketHighlight.foreground3#138f7f
- editorBracketHighlight.foreground4#6b7d79
- editorBracketHighlight.foreground5#0a786b
- editorBracketHighlight.foreground6#4a615d
- editorBracketHighlight.unexpectedBracket.foreground#cf222e
- editorBracketMatch.background#007d6d1f
- editorBracketMatch.border#007d6d80
- editorBracketPairGuide.activeBackground1#007d6d4d
- editorBracketPairGuide.activeBackground2#5a7d784d
- editorBracketPairGuide.activeBackground3#138f7f4d
- editorCursor.foreground#007d6d
- editorError.foreground#cf222e
- editorGhostText.border#00000000
- editorGhostText.foreground#9aa3a0
- editorGroup.border#f3f5f4
- editorGroupHeader.noTabsBackground#f3f5f4
- editorGroupHeader.tabsBackground#f3f5f4
- editorGroupHeader.tabsBorder#f3f5f4
- editorGutter.addedBackground#007d6d
- editorGutter.deletedBackground#cf222e
- editorGutter.modifiedBackground#9a6700
- editorHoverWidget.background#f6f8f7
- editorHoverWidget.border#e2e6e4
- editorIndentGuide.activeBackground#007d6d
- editorIndentGuide.background#eef0ef
- editorInfo.foreground#0550ae
- editorInlayHint.background#00000000
- editorInlayHint.foreground#6a7282
- editorInlayHint.parameterBackground#00000000
- editorInlayHint.parameterForeground#6a7282
- editorInlayHint.typeBackground#00000000
- editorInlayHint.typeForeground#6a7282
- editorLineNumber.activeForeground#007d6d
- editorLineNumber.foreground#c3c8c6
- editorOverviewRuler.addedForeground#007d6d99
- editorOverviewRuler.border#f3f5f4
- editorOverviewRuler.bracketMatchForeground#007d6d80
- editorOverviewRuler.deletedForeground#cf222e99
- editorOverviewRuler.errorForeground#cf222e99
- editorOverviewRuler.findMatchForeground#007d6d80
- editorOverviewRuler.infoForeground#0550ae99
- editorOverviewRuler.modifiedForeground#9a670099
- editorOverviewRuler.warningForeground#9a670099
- editorRuler.foreground#eef0ef
- editorStickyScroll.background#f3f5f4
- editorStickyScroll.border#e7eae9
- editorStickyScroll.shadow#00000000
- editorStickyScrollHover.background#eef1f0
- editorSuggestWidget.background#f6f8f7
- editorSuggestWidget.border#e2e6e4
- editorSuggestWidget.highlightForeground#007d6d
- editorSuggestWidget.selectedBackground#007d6d1f
- editorWarning.foreground#9a6700
- editorWhitespace.foreground#dfe2e1
- editorWidget.background#f6f8f7
- editorWidget.border#e2e6e4
- errorForeground#cf222e
- extensionBadge.remoteBackground#007d6d
- extensionBadge.remoteForeground#f3f5f4
- extensionButton.prominentBackground#007d6d
- extensionButton.prominentForeground#f3f5f4
- extensionButton.prominentHoverBackground#006b5e
- focusBorder#007d6d80
- foreground#4a5565
- gitDecoration.addedResourceForeground#007d6d
- gitDecoration.conflictingResourceForeground#bc4c00
- gitDecoration.deletedResourceForeground#cf222e
- gitDecoration.ignoredResourceForeground#aab0ad
- gitDecoration.modifiedResourceForeground#9a6700
- gitDecoration.untrackedResourceForeground#116329
- inlineChat.background#f6f8f7
- inlineChat.border#e2e6e4
- inlineChat.shadow#00000000
- inlineChatInput.background#f3f5f4
- inlineChatInput.border#dfe3e1
- inlineChatInput.focusBorder#007d6d80
- inlineChatInput.placeholderForeground#9aa3a0
- input.background#f3f5f4
- input.border#dfe3e1
- input.foreground#101828
- input.placeholderForeground#9aa3a0
- inputOption.activeBackground#007d6d33
- inputOption.activeBorder#007d6d
- inputOption.activeForeground#007d6d
- inputValidation.errorBackground#ffeef0
- inputValidation.errorBorder#cf222e
- keybindingLabel.background#eaeeec
- keybindingLabel.border#dfe3e1
- keybindingLabel.bottomBorder#dfe3e1
- keybindingLabel.foreground#101828
- list.activeSelectionBackground#007d6d1f
- list.activeSelectionForeground#101828
- list.activeSelectionIconForeground#007d6d
- list.errorForeground#cf222e
- list.focusBackground#007d6d1f
- list.focusForeground#101828
- list.highlightForeground#007d6d
- list.hoverBackground#eef1f0
- list.hoverForeground#101828
- list.inactiveSelectionBackground#eaeeec
- list.inactiveSelectionForeground#101828
- list.warningForeground#9a6700
- menu.background#f6f8f7
- menu.border#e2e6e4
- menu.foreground#101828
- menu.selectionBackground#007d6d1f
- menu.selectionBorder#00000000
- menu.selectionForeground#101828
- menu.separatorBackground#e2e6e4
- menubar.selectionBackground#00000012
- menubar.selectionForeground#101828
- merge.border#00000000
- merge.commonContentBackground#9aa3a01a
- merge.commonHeaderBackground#9aa3a040
- merge.currentContentBackground#007d6d1f
- merge.currentHeaderBackground#007d6d40
- merge.incomingContentBackground#0550ae1a
- merge.incomingHeaderBackground#0550ae40
- minimap.findMatchHighlight#007d6d
- minimapSlider.activeBackground#007d6d4d
- minimapSlider.background#0000001a
- minimapSlider.hoverBackground#00000026
- multiDiffEditor.background#f3f5f4
- multiDiffEditor.border#e7eae9
- multiDiffEditor.headerBackground#eaeeec
- notebook.cellBorderColor#e7eae9
- notebook.cellEditorBackground#f6f8f7
- notebook.cellHoverBackground#eef1f0
- notebook.cellStatusBarItemHoverBackground#00000012
- notebook.editorBackground#f3f5f4
- notebook.focusedCellBorder#007d6d80
- notebook.focusedEditorBorder#007d6d80
- notebook.inactiveFocusedCellBorder#e2e6e4
- notebook.selectedCellBackground#eaeeec
- notebook.selectedCellBorder#e2e6e4
- notebookStatusErrorIcon.foreground#cf222e
- notebookStatusRunningIcon.foreground#007d6d
- notebookStatusSuccessIcon.foreground#007d6d
- notificationCenterHeader.background#f3f5f4
- notificationLink.foreground#007d6d
- notifications.background#f6f8f7
- notifications.border#e2e6e4
- panel.background#f3f5f4
- panel.border#f3f5f4
- panelTitle.activeBorder#007d6d
- panelTitle.activeForeground#101828
- panelTitle.inactiveForeground#9aa3a0
- peekView.border#007d6d
- peekViewEditor.background#f6f8f7
- peekViewEditor.matchHighlightBackground#007d6d4d
- peekViewResult.background#f3f5f4
- peekViewResult.matchHighlightBackground#007d6d4d
- peekViewResult.selectionBackground#007d6d1f
- peekViewTitle.background#f3f5f4
- pickerGroup.border#e2e6e4
- pickerGroup.foreground#007d6d
- ports.iconRunningProcessForeground#007d6d
- profileBadge.background#eaeeec
- profileBadge.foreground#101828
- progressBar.background#007d6d
- quickInput.background#f6f8f7
- quickInput.foreground#101828
- quickInputList.focusBackground#007d6d1f
- quickInputList.focusForeground#101828
- sash.hoverBorder#007d6d80
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#007d6d4d
- scrollbarSlider.background#0000001a
- scrollbarSlider.hoverBackground#00000026
- selection.background#007d6d40
- settings.checkboxBackground#f3f5f4
- settings.checkboxBorder#dfe3e1
- settings.dropdownBackground#f3f5f4
- settings.dropdownBorder#dfe3e1
- settings.focusedRowBackground#00000008
- settings.headerForeground#101828
- settings.modifiedItemIndicator#007d6d
- settings.numberInputBackground#f3f5f4
- settings.numberInputBorder#dfe3e1
- settings.rowHoverBackground#00000005
- settings.textInputBackground#f3f5f4
- settings.textInputBorder#dfe3e1
- sideBar.background#f3f5f4
- sideBar.border#f3f5f4
- sideBar.foreground#4a5565
- sideBarSectionHeader.background#eaeeec
- sideBarSectionHeader.border#f3f5f4
- sideBarSectionHeader.foreground#4a5565
- sideBarTitle.foreground#6a7282
- statusBar.background#f3f5f4
- statusBar.border#f3f5f4
- statusBar.debuggingBackground#006b5e
- statusBar.debuggingForeground#f3f5f4
- statusBar.foreground#4a5565
- statusBar.noFolderBackground#f3f5f4
- statusBarItem.hoverBackground#00000012
- statusBarItem.prominentBackground#007d6d33
- statusBarItem.remoteBackground#007d6d
- statusBarItem.remoteForeground#f3f5f4
- symbolIcon.classForeground#007d6d
- symbolIcon.constantForeground#0550ae
- symbolIcon.constructorForeground#8250df
- symbolIcon.enumeratorForeground#007d6d
- symbolIcon.enumeratorMemberForeground#0550ae
- symbolIcon.eventForeground#bc4c00
- symbolIcon.fieldForeground#0550ae
- symbolIcon.functionForeground#8250df
- symbolIcon.interfaceForeground#007d6d
- symbolIcon.keywordForeground#cf222e
- symbolIcon.methodForeground#8250df
- symbolIcon.structForeground#007d6d
- symbolIcon.variableForeground#0550ae
- tab.activeBackground#f3f5f4
- tab.activeBorder#f3f5f4
- tab.activeBorderTop#007d6d
- tab.activeForeground#101828
- tab.border#f3f5f4
- tab.hoverBackground#eef1f0
- tab.inactiveBackground#f3f5f4
- tab.inactiveForeground#6a7282
- tab.unfocusedActiveForeground#6a7282
- terminal.ansiBlack#101828
- terminal.ansiBlue#0550ae
- terminal.ansiBrightBlack#6a7282
- terminal.ansiBrightBlue#0a3069
- terminal.ansiBrightCyan#007d6d
- terminal.ansiBrightGreen#007d6d
- terminal.ansiBrightMagenta#6639ba
- terminal.ansiBrightRed#a40e26
- terminal.ansiBrightWhite#24292f
- terminal.ansiBrightYellow#7d4e00
- terminal.ansiCyan#007d6d
- terminal.ansiGreen#007d6d
- terminal.ansiMagenta#8250df
- terminal.ansiRed#cf222e
- terminal.ansiWhite#6e7781
- terminal.ansiYellow#9a6700
- terminal.background#f3f5f4
- terminal.findMatchBackground#007d6d80
- terminal.findMatchHighlightBackground#007d6d3d
- terminal.foreground#101828
- terminal.inactiveSelectionBackground#007d6d1f
- terminal.selectionBackground#007d6d33
- terminalCommandDecoration.defaultBackground#9aa3a0
- terminalCommandDecoration.errorBackground#cf222e
- terminalCommandDecoration.successBackground#007d6d
- terminalCursor.foreground#007d6d
- testing.iconErrored#cf222e
- testing.iconFailed#cf222e
- testing.iconPassed#007d6d
- testing.iconQueued#9a6700
- testing.iconSkipped#9aa3a0
- testing.iconUnset#9aa3a0
- testing.message.error.decorationForeground#cf222e
- testing.message.info.decorationForeground#0550ae
- testing.runAction#007d6d
- textBlockQuote.background#f3f5f4
- textBlockQuote.border#007d6d
- textCodeBlock.background#f3f5f4
- textLink.activeForeground#007d6d
- textLink.foreground#007d6d
- textPreformat.foreground#007d6d
- titleBar.activeBackground#f3f5f4
- titleBar.activeForeground#4a5565
- titleBar.border#00000000
- titleBar.inactiveBackground#f3f5f4
- titleBar.inactiveForeground#9aa3a0
- toolbar.activeBackground#0000001a
- toolbar.hoverBackground#00000012
- tree.indentGuidesStroke#dfe3e1
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #101828 | — |
| keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression, markup.fenced_code meta.embedded.block | #101828 | — |
| emphasis | — | italic |
| strong, markup.heading.markdown, markup.bold.markdown | #007d6d | bold |
| markup.italic.markdown | — | italic |
| meta.link.inline.markdown | #007d6d | underline |
| string, markup.fenced_code, markup.inline | #0a3069 | — |
| comment, string.quoted.docstring.multi | #656d76 | — |
| constant.numeric, constant.language, constant.other.placeholder, constant.character.format.placeholder, variable.language.this, variable.other.object, variable.other.class, variable.other.constant, meta.property-name, support, string.other.link.title.markdown | #0550ae | — |
| meta.property-value, keyword.other.unit, keyword.other.template, entity.name.tag.yaml, entity.other.attribute-name, support.type.property-name.json | #0550ae | — |
| keyword, storage.modifier, storage.type, storage.control.clojure, entity.name.function.clojure, support.function.node, punctuation.separator.key-value, punctuation.definition.template-expression | #cf222e | — |
| variable.parameter.function | #101828 | — |
| support.function, meta.function-call, meta.instance.constructor, entity.name.function, constant.keyword.clojure | #0550ae | — |
| entity.name.type, entity.other.inherited-class, support.class, support.type, entity.name.class | #007d6d | — |
| entity.name.tag | #cf222e | — |
| string.quoted, string.regexp, string.interpolated, string.template, string.unquoted.plain.out.yaml, keyword.other.template | #0a3069 | — |
| token.info-token | #0550ae | — |
| token.warn-token | #9a6700 | — |
| token.error-token | #cf222e | — |
| token.debug-token | #0550ae | — |
| punctuation.definition.arguments, punctuation.definition.dict, punctuation.separator, meta.function-call.arguments | #57606a | — |
| markup.underline.link | #007d6d | — |
| beginning.punctuation.definition.list.markdown | #007d6d | — |
| punctuation.definition.metadata.markdown | #007d6d | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #0550ae | — |
| constant.character.escape, constant.character.escape.regexp | #0550ae | — |
| keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, keyword.operator.negation.regexp | #cf222e | — |
| constant.other.character-class.regexp, constant.other.character-class.set.regexp | #0550ae | — |
| punctuation.definition.group.regexp, punctuation.definition.group.no-capture.regexp, punctuation.definition.character-class.regexp | #57606a | — |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | #656d76 | italic |
| markup.strikethrough.markdown | #656d76 | strikethrough |
| punctuation.definition.heading.markdown | #007d6d | bold |
| markup.inline.raw.markdown, markup.inline.raw.string.markdown | #007d6d | — |
| support.class.component, support.class.component.tsx, support.class.component.jsx | #007d6d | — |
| punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx | #57606a | — |
| entity.other.attribute-name.class.css | #007d6d | — |
| entity.other.attribute-name.id.css | #0550ae | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #0550ae | — |
| entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less | #cf222e | — |