Mellow Steel Theme
Publisher: Olov RudbergThemes in package: 1
A sleek, steel-colored theme with a rich and vibrant syntax highlighting palette.
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#fafbfc
- activityBar.activeBorder#a0a5b5
- activityBar.background#ECECEC
- activityBar.border#D8D8D8
- activityBar.foreground#6A6A69
- activityBar.inactiveForeground#6A6A69
- activityBarBadge.background#094771
- activityBarBadge.foreground#ffffff
- button.background#094771
- button.border#EAEAEA
- button.foreground#ffffff
- button.hoverBackground#1f6ae2
- button.secondaryBackground#ECECEC
- button.secondaryForeground#6A6A69
- button.secondaryHoverBackground#c4c4c4
- descriptionForeground#ca2323
- dropdown.background#ffffff
- dropdown.border#c4c4c4
- dropdown.foreground#262426
- editor.background#f8f9fa
- editor.foreground#000000
- editor.inactiveSelectionBackground#3a3d4179
- editor.lineHighlightBackground#F5F5F5
- editor.selectionBackground#D2D2D2
- editor.selectionHighlightBackground#c3c3c387
- editor.wordHighlightBackground#c3c3c387
- editor.wordHighlightStrongBackground#c3c3c387
- editorBracketHighlight.foreground1#0000FF
- editorBracketHighlight.foreground2#20b41b
- editorBracketHighlight.foreground3#8B4513
- editorBracketMatch.background#f1f8ff
- editorBracketMatch.border#c8e1ff
- editorCursor.foreground#101010
- editorGroup.border#a09ea0
- editorGroupHeader.border#C3C3C3
- editorGroupHeader.tabsBackground#EAEAEA
- editorGroupHeader.tabsBorder#D2D2D2
- editorHoverWidget.background#FBFBFB
- editorHoverWidget.border#E0E0E0
- editorHoverWidget.foreground#454545
- editorIndentGuide.activeBackground1#D2D2D2
- editorIndentGuide.background1#E3E4E4
- editorLineNumber.foreground#929292
- editorStickyScroll.shadow#a09ea0
- editorStickyScrollHover.background#EAEAEA
- editorSuggestWidget.background#FBFBFB
- editorSuggestWidget.border#E0E0E0
- editorSuggestWidget.highlightForeground#0069D9
- editorSuggestWidget.selectedBackground#0069D9
- editorSuggestWidget.selectedForeground#FFFFFF
- editorWidget.background#EAEAEA
- editorWidget.border#EAEAEA
- extensionButton.prominentBackground#c3c3c387
- extensionButton.prominentForeground#454545
- extensionButton.prominentHoverBackground#a09ea0
- focusBorder#eeeeee
- foreground#6A6A69
- gitDecoration.addedResourceForeground#81b88b
- gitDecoration.deletedResourceForeground#c74e39
- gitDecoration.ignoredResourceForeground#8c8c8c
- gitDecoration.modifiedResourceForeground#e48d09
- gitDecoration.untrackedResourceForeground#73c991
- icon.foreground#000000
- input.background#ffffff
- input.border#e0e0e0
- input.foreground#262426
- input.placeholderForeground#444444
- inputOption.activeBackground#494949
- inputOption.activeBorder#494949
- inputOption.activeForeground#494949
- inputValidation.infoForeground#000000
- keybindingLabel.background#cccccc
- keybindingLabel.border#ffffff
- keybindingLabel.bottomBorder#aaaaaa
- keybindingLabel.foreground#000000
- list.activeSelectionBackground#cfcfcf
- list.activeSelectionForeground#262426
- list.dropBackground#808080
- list.errorForeground#ee3c3c
- list.focusHighlightForeground#ffffff
- list.highlightForeground#000000
- list.hoverBackground#D0D0D0
- list.hoverForeground#262426
- list.inactiveSelectionBackground#094771
- list.inactiveSelectionForeground#ffffff
- list.warningForeground#efa70c
- menu.background#EAEAEA
- menu.foreground#494949
- menu.selectionForeground#ffffff
- menubar.selectionBackground#cfcfcf
- menubar.selectionForeground#000000
- notificationCenterHeader.background#f7f7f7
- notifications.background#eeeeee
- notifications.border#e5e5e6
- notifications.foreground#808080
- panel.background#F9F9F9
- panel.border#DCDBDA
- panelInput.border#DCDBDA
- panelTitle.activeBorder#101010
- panelTitle.activeForeground#24292e
- pickerGroup.border#37373d
- pickerGroup.foreground#3a3d4179
- problemsWarningIcon.foreground#cd3131
- quickInput.background#EAEAEA
- quickInput.foreground#505050
- quickInputList.focusBackground#094771
- quickInputList.focusForeground#cfcfcf
- scrollbar.shadow#f0f0f0
- scrollbarSlider.activeBackground#C0C0C0
- scrollbarSlider.background#CACACA
- scrollbarSlider.hoverBackground#C0C0C0
- search.resultsInfoForeground#494949
- searchEditor.findMatchBackground#d5d5d5
- searchEditor.findMatchBorder#D2D2D2
- sideBar.background#EAEAEA
- sideBar.border#D2D2D2
- sideBar.foreground#464646
- sideBarSectionHeader.background#f6f6f6
- sideBarSectionHeader.border#d5d5d5
- sideBarSectionHeader.foreground#808080
- sideBarTitle.background#f6f6f6
- sideBarTitle.foreground#575557
- statusBar.background#F5F6F6
- statusBar.border#DCDBDA
- statusBar.debuggingBackground#e1e1e1
- statusBar.debuggingForeground#D2D2D2
- statusBar.foreground#494949
- statusBar.noFolderBackground#ededed
- statusBar.noFolderForeground#575557
- statusBarItem.hoverBackground#D2D2D2
- statusBarItem.hoverForeground#494949
- tab.activeBackground#F9F9F9
- tab.activeBorder#DADADA
- tab.activeBorderTop#FFFFFF
- tab.activeForeground#474747
- tab.border#D2D2D2
- tab.hoverBackground#dad9d7
- tab.hoverBorder#8d8c8c
- tab.hoverForeground#494949
- tab.inactiveBackground#ECECEC
- tab.inactiveForeground#6D6D6D
- terminal.ansiBlue#282BFF
- terminal.ansiBrightBlue#272BFF
- terminal.ansiBrightCyan#301CAE
- terminal.ansiBrightGreen#449444
- terminal.ansiBrightMagenta#BA3DCA
- terminal.ansiBrightRed#D9564E
- terminal.ansiBrightWhite#eeeeee
- terminal.ansiCyan#0B0098
- terminal.ansiGreen#277F2B
- terminal.ansiMagenta#AE30C2
- terminal.ansiRed#C71211
- terminal.ansiWhite#ffffff
- terminal.background#f6f6f6
- terminal.foreground#000000
- terminal.tab.activeBorder#a0a5b5
- terminalCursor.foreground#a0a5b5
- terminalStickyScrollHover.background#dad9d7
- textCodeBlock.background#f0f0f0
- textLink.activeForeground#004499
- textLink.foreground#094771
- textPreformat.foreground#000000
- titleBar.activeBackground#e9ecef
- titleBar.activeForeground#000000
- titleBar.border#D2D2D2
- titleBar.inactiveBackground#094771
- titleBar.inactiveForeground#808080
- toolbar.activeBackground#cfcfcf
- toolbar.hoverBackground#cfcfcf
- tree.indentGuidesStroke#808080
- widget.border#cfcfcf
- widget.shadow#cecece
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis, markup.italic | — | italic |
| strong, markup.heading.markdown, markup.bold.markdown | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link, meta.link.inline.markdown | #005cc5 | underline |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.fenced_code, markup.inline | #007fff | — |
| markup.heading | #AA3731 | — |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| comment, punctuation.definition.comment | #20b41b | — |
| comment.block.preprocessor | #AAAAAA | — |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal | #660000 | — |
| constant.character.escape | #20b41b | — |
| constant.other.placeholder | #cd3131 | — |
| constant.numeric | #34a0a4 | — |
| constant.character, constant | #000000 | — |
| variable.other.member, variable.other.member.python, source.python variable.object.property, meta.attribute.python | #316bcd | — |
| entity.name.type, entity.name.type.class, entity.other.inherited-class, variable.other.class, support.class | #316bcd | — |
| variable, variable.other.readwrite, source.python.variable.other.readwrite, support.variable | #34a0a4 | — |
| string | #34a0a4 | — |
| meta.property-name, meta.property-value | #036A07 | — |
| keyword | #c720ff | — |
| storage.modifier | #c720ff | — |
| entity.name.function | #824b23 | — |
| meta.function-call.generic | #824b23 | — |
| support.function | #824b23 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.arithmetic | #000000 | — |
| keyword.operator.accessor | #000000 | — |
| punctuation.separator.key-value | #000000 | — |
| keyword.operator.logical | #007dc3 | — |
| entity.name.exception, keyword.control.conditional.python, keyword.control.repeat.python, keyword.control.flow.python, keyword.control.import.python, keyword.control.exception.python | #007dc3 | — |
| storage.type | #007dc3 | — |
| variable.language, variable.parameter.function.language.special.self | #007dc3 | — |
| support.variable.magic.python | #007dc3 | — |
| meta.function-call | #333333 | — |
| support.type.property-name.json | #333333 | — |
| support.type | #6a994e | — |
| variable.parameter.function, variable.parameter.function-call | #01497c | — |
| constant.language.python | #316bcd | — |
| constant.language, support.constant | #316bcd | — |
| string.quoted, string.regexp, string.interpolated | #cc2020 | — |
| constant.other.symbol | #316bcd | — |
| entity.name.section | #316bcd | — |
| variable.other.normal.shell, variable.other.bracket.shell | #000000 | — |
| variable.other.assignment.shell | #000000 | — |
| punctuation.definition.variable.shell | #000000 | — |
| string.quoted.double.shell variable.other.normal.shell | #000000 | — |
| entity.name.section.table.toml, entity.name.section.group.title.toml, entity.name.section.toml | #000000 | — |
| support.type.property-name.toml | #000000 | — |
| punctuation.definition.table.begin.toml, punctuation.definition.table.end.toml | #000000 | — |
| variable.language.makefile, variable.other.makefile | #000000 | — |
| keyword.control.makefile, keyword.other.makefile | #316bcd | — |
| entity.name.tag.yaml | #000000 | — |
| string.unquoted.plain.out.yaml | #007dc3 | — |
| token.info-token | #316bcd | — |
| token.warn-token | #c39353 | — |
| token.error-token | #cd3131 | — |
| token.debug-token | #800080 | — |