Umbra Charcoal
Publisher: Eduardo AugustoThemes in package: 2
Ambientes digitais com menos ruído e mais presença. Editor dark charcoal com sintaxe semântica e acentos controlados.
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.activeBorder#9AB7B0
- activityBar.background#101111
- activityBar.border#252727
- activityBar.foreground#C5C7C5
- activityBar.inactiveForeground#697271
- activityBarBadge.background#9AB7B0
- activityBarBadge.foreground#101111
- badge.background#202424
- badge.foreground#C5C7C5
- breadcrumb.activeSelectionForeground#C5C7C5
- breadcrumb.focusForeground#C5C7C5
- breadcrumb.foreground#858A89
- breadcrumbBackground#101111
- breadcrumbPicker.background#161919
- button.background#202424
- button.foreground#C5C7C5
- button.hoverBackground#29252F
- button.secondaryBackground#191C1C
- button.secondaryForeground#AEB9BC
- button.secondaryHoverBackground#202424
- charts.blue#8997A8
- charts.foreground#C5C7C5
- charts.green#75A88A
- charts.lines#252727
- charts.purple#9B6CFF
- charts.red#C9858D
- charts.yellow#B9A16B
- debugIcon.breakpointForeground#C9858D
- debugIcon.startForeground#75A88A
- debugToolBar.background#161919
- descriptionForeground#858A89
- diffEditor.insertedLineBackground#102319
- diffEditor.insertedTextBackground#17251D
- diffEditor.removedLineBackground#2A1414
- diffEditor.removedTextBackground#291A1D
- diffEditorGutter.insertedLineBackground#17251D
- diffEditorGutter.removedLineBackground#291A1D
- diffEditorOverview.insertedForeground#75A88A
- diffEditorOverview.removedForeground#C9858D
- disabledForeground#555B5A
- dropdown.background#161919
- dropdown.border#252727
- dropdown.foreground#C5C7C5
- editor.background#101111
- editor.findMatchBackground#303030
- editor.findMatchHighlightBackground#252727
- editor.findRangeHighlightBackground#191C1C
- editor.foreground#C5C7C5
- editor.hoverHighlightBackground#191C1C
- editor.inactiveSelectionBackground#202424
- editor.lineHighlightBackground#191C1C
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#191C1C
- editor.rangeHighlightBackground#191C1C
- editor.selectionBackground#29252F
- editor.selectionHighlightBackground#202424
- editor.wordHighlightBackground#202424
- editor.wordHighlightStrongBackground#252727
- editorBracketHighlight.foreground1#A9B4C8
- editorBracketHighlight.foreground2#B79BDD
- editorBracketHighlight.foreground3#9AB7B0
- editorBracketHighlight.unexpectedBracket.foreground#C9858D
- editorBracketMatch.background#202424
- editorBracketMatch.border#3B4242
- editorBracketPairGuide.activeBackground1#3B4242
- editorBracketPairGuide.background1#1D2020
- editorCodeLens.foreground#697271
- editorCursor.foreground#C5C7C5
- editorError.background#291A1D
- editorError.border#A97882
- editorError.foreground#C9858D
- editorGhostText.foreground#697271
- editorGroup.border#252727
- editorGroupHeader.noTabsBackground#101111
- editorGroupHeader.tabsBackground#101111
- editorGutter.addedBackground#75A88A
- editorGutter.background#101111
- editorGutter.deletedBackground#C9858D
- editorGutter.modifiedBackground#B9A16B
- editorHint.foreground#6CAFC7
- editorHoverWidget.background#161919
- editorHoverWidget.border#252727
- editorHoverWidget.foreground#C5C7C5
- editorIndentGuide.activeBackground1#3B4242
- editorIndentGuide.background1#1D2020
- editorInfo.background#101111
- editorInfo.border#9AB7B0
- editorInfo.foreground#9AB7B0
- editorLightBulb.foreground#D0B07C
- editorLightBulbAutoFix.foreground#83B89A
- editorLineNumber.activeForeground#AEB9BC
- editorLineNumber.foreground#555B5A
- editorOverviewRuler.border#252727
- editorOverviewRuler.errorForeground#C9858D
- editorOverviewRuler.infoForeground#9AB7B0
- editorOverviewRuler.warningForeground#B9A16B
- editorPane.background#101111
- editorRuler.foreground#252727
- editorStickyScroll.background#101111
- editorStickyScrollHover.background#191C1C
- editorSuggestWidget.background#161919
- editorSuggestWidget.focusHighlightForeground#9AB7B0
- editorSuggestWidget.foreground#C5C7C5
- editorSuggestWidget.highlightForeground#9AB7B0
- editorSuggestWidget.selectedBackground#29252F
- editorWarning.background#211A0E
- editorWarning.border#B9A16B
- editorWarning.foreground#B9A16B
- editorWhitespace.foreground#3B4242
- editorWidget.background#161919
- editorWidget.border#252727
- editorWidget.foreground#C5C7C5
- errorForeground#C9858D
- focusBorder#9AB7B0
- foreground#C5C7C5
- gitDecoration.addedResourceForeground#75A88A
- gitDecoration.conflictingResourceForeground#E0A0A7
- gitDecoration.deletedResourceForeground#C9858D
- gitDecoration.ignoredResourceForeground#555B5A
- gitDecoration.modifiedResourceForeground#B9A16B
- gitDecoration.submoduleResourceForeground#858A89
- gitDecoration.untrackedResourceForeground#9AB7B0
- icon.foreground#AEB9BC
- input.background#161919
- input.border#252727
- input.foreground#C5C7C5
- input.placeholderForeground#697271
- inputOption.activeBorder#9AB7B0
- inputValidation.errorBackground#291A1D
- inputValidation.errorBorder#A97882
- inputValidation.infoBackground#101111
- inputValidation.infoBorder#9AB7B0
- inputValidation.warningBackground#211A0E
- inputValidation.warningBorder#B9A16B
- keybindingLabel.background#202424
- keybindingLabel.border#252727
- keybindingLabel.foreground#C5C7C5
- list.activeSelectionBackground#29252F
- list.activeSelectionForeground#C5C7C5
- list.errorForeground#C9858D
- list.focusBackground#202424
- list.highlightForeground#9AB7B0
- list.hoverBackground#191C1C
- list.hoverForeground#C5C7C5
- list.inactiveSelectionBackground#202424
- list.inactiveSelectionForeground#C5C7C5
- list.warningForeground#B9A16B
- menu.background#161919
- menu.border#252727
- menu.foreground#C5C7C5
- menu.selectionBackground#29252F
- menu.selectionForeground#C5C7C5
- menu.separatorBackground#252727
- menubar.selectionBackground#191C1C
- menubar.selectionForeground#C5C7C5
- merge.border#252727
- merge.currentContentBackground#102319
- merge.currentHeaderBackground#17251D
- merge.incomingContentBackground#191C1C
- merge.incomingHeaderBackground#1B1B1B
- minimap.background#101111
- minimap.errorHighlight#C9858D
- minimap.findMatchHighlight#303030
- minimap.selectionHighlight#29252F
- minimapGutter.addedBackground#75A88A
- minimapGutter.deletedBackground#C9858D
- minimapGutter.modifiedBackground#B9A16B
- notificationCenter.border#252727
- notificationCenterHeader.background#161919
- notificationCenterHeader.foreground#C5C7C5
- notificationLink.foreground#9AB7B0
- notifications.background#161919
- notifications.border#252727
- notifications.foreground#C5C7C5
- panel.background#101111
- panel.border#252727
- panelTitle.activeBorder#3B4242
- panelTitle.activeForeground#C5C7C5
- panelTitle.inactiveForeground#858A89
- peekView.border#252727
- peekViewEditor.background#101111
- peekViewEditorGutter.background#101111
- peekViewResult.background#161919
- peekViewResult.selectionBackground#29252F
- peekViewTitle.background#161919
- peekViewTitleDescription.foreground#858A89
- peekViewTitleLabel.foreground#C5C7C5
- pickerGroup.border#252727
- pickerGroup.foreground#9AB7B0
- problemsErrorIcon.foreground#C9858D
- problemsInfoIcon.foreground#9AB7B0
- problemsWarningIcon.foreground#B9A16B
- quickInput.background#161919
- quickInput.foreground#C5C7C5
- quickInputList.focusBackground#29252F
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#555B5AB3
- scrollbarSlider.background#3B424280
- scrollbarSlider.hoverBackground#555B5A80
- searchEditor.findMatchBackground#303030
- selection.background#29252F
- settings.headerForeground#C5C7C5
- settings.modifiedItemIndicator#B9A16B
- sideBar.background#101111
- sideBar.border#252727
- sideBar.foreground#C5C7C5
- sideBarSectionHeader.background#101111
- sideBarSectionHeader.border#252727
- sideBarSectionHeader.foreground#AEB9BC
- sideBarTitle.foreground#C5C7C5
- statusBar.background#101111
- statusBar.border#252727
- statusBar.debuggingBackground#291A1D
- statusBar.debuggingForeground#C5C7C5
- statusBar.foreground#AEB9BC
- statusBar.noFolderBackground#101111
- statusBarItem.errorBackground#291A1D
- statusBarItem.errorForeground#C9858D
- statusBarItem.hoverBackground#191C1C
- statusBarItem.remoteBackground#202424
- statusBarItem.remoteForeground#C5C7C5
- symbolIcon.booleanForeground#83B89A
- symbolIcon.classForeground#A9B4C8
- symbolIcon.constantForeground#A9B4C8
- symbolIcon.enumForeground#A9B4C8
- symbolIcon.enumMemberForeground#A9B4C8
- symbolIcon.eventForeground#B4BEC0
- symbolIcon.functionForeground#B79BDD
- symbolIcon.keywordForeground#C78995
- symbolIcon.methodForeground#B79BDD
- symbolIcon.numberForeground#D0B07C
- symbolIcon.operatorForeground#C78995
- symbolIcon.propertyForeground#B4BEC0
- symbolIcon.stringForeground#CDA27C
- symbolIcon.typeParameterForeground#A9B4C8
- symbolIcon.variableForeground#C5C7C5
- tab.activeBackground#101111
- tab.activeBorder#00000000
- tab.activeBorderTop#3B4242
- tab.activeForeground#C5C7C5
- tab.border#252727
- tab.hoverBackground#191C1C
- tab.inactiveBackground#101111
- tab.inactiveForeground#858A89
- tab.unfocusedActiveBackground#101111
- tab.unfocusedActiveBorderTop#252727
- terminal.ansiBlack#101111
- terminal.ansiBlue#8997A8
- terminal.ansiBrightBlack#555B5A
- terminal.ansiBrightBlue#A9B4C8
- terminal.ansiBrightCyan#B9D2C9
- terminal.ansiBrightGreen#9BC6A8
- terminal.ansiBrightMagenta#BE9FFF
- terminal.ansiBrightRed#E0A0A7
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#D7BF88
- terminal.ansiCyan#9AB7B0
- terminal.ansiGreen#75A88A
- terminal.ansiMagenta#9B6CFF
- terminal.ansiRed#C9858D
- terminal.ansiWhite#C5C7C5
- terminal.ansiYellow#B9A16B
- terminal.background#101111
- terminal.border#252727
- terminal.findMatchBackground#303030
- terminal.foreground#C5C7C5
- terminal.selectionBackground#29252F
- terminalCursor.foreground#C5C7C5
- textBlockQuote.background#161919
- textBlockQuote.border#252727
- textCodeBlock.background#161919
- textLink.activeForeground#B9D2C9
- textLink.foreground#9AB7B0
- textPreformat.foreground#B892B7
- titleBar.activeBackground#101111
- titleBar.activeForeground#C5C7C5
- titleBar.border#252727
- titleBar.inactiveBackground#101111
- titleBar.inactiveForeground#858A89
- tree.indentGuidesStroke#252727
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #697271 | italic |
| comment.block.documentation, comment.line.documentation | #858A89 | italic |
| string, punctuation.definition.string | #CDA27C | — |
| punctuation.definition.template-expression | #C78995 | — |
| string.regexp | #C78995 | — |
| constant.character.escape | #A9B4C8 | — |
| constant.numeric | #D0B07C | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan, constant.language.infinity | #83B89A | — |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier | #C78995 | bold |
| keyword.operator, punctuation.accessor | #C78995 | — |
| entity.name.type, entity.name.namespace, entity.name.scope, support.type, support.class, support.variable, constant, variable.other.constant, support.constant | #A9B4C8 | — |
| entity.name.function, entity.name.method, entity.name.function.constructor, support.function, variable.function, support.class.component, meta.function-call | #B79BDD | — |
| meta.new.expr entity.name.type | #B79BDD | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator, storage.type.annotation, entity.other.attribute | #9D7FD1 | — |
| entity.name.tag | #CDA27C | — |
| punctuation.definition.tag | #858A89 | — |
| entity.other.attribute-name, meta.attribute | #B79BDD | — |
| meta.object-literal.key, string.unquoted.label | #CDA27C | — |
| support.type.property-name.css, meta.property-name.css | #B4BEC0 | — |
| support.constant.property-value.css, meta.property-value.css | #CDA27C | — |
| meta.structure.dictionary.key, meta.mapping.key, entity.name.tag.yaml, support.type.property-name.json | #A9B4C8 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.property-name, entity.other.label | #B4BEC0 | — |
| variable, variable.other, variable.language, meta.embedded | #C5C7C5 | — |
| variable.parameter, meta.parameter | #B4BEC0 | italic |
| variable.language.this, variable.language.self, variable.language.super | #9D7FD1 | — |
| variable.other.special, variable.language.special | #9D7FD1 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.definition | #7E8787 | — |
| punctuation.section, punctuation.definition.block, meta.brace, meta.bracket | #858A89 | — |
| markup.raw, string.other.link, markup.code | #B892B7 | — |
| markup.heading, entity.name.section | #C5C7C5 | bold |
| markup.bold | #C5C7C5 | bold |
| markup.italic | #C5C7C5 | italic |
| markup.strikethrough | #858A89 | strikethrough |
| markup.underline.link, string.other.link, meta.link | #9AB7B0 | — |
| markup.inserted | #75A88A | — |
| markup.deleted | #C9858D | — |
| markup.changed | #B9A16B | — |
| invalid, invalid.illegal | #E0A0A7 | — |
| invalid.deprecated | #B9A16B | italic underline |