VS Muted
Publisher: PJ WalkerThemes in package: 1
A light VSCode colour theme; with borders between sections
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.background#ddd
- activityBar.border#0003
- activityBar.dropBackground#0074ff66
- activityBar.foreground#000d
- activityBar.inactiveForeground#0006
- activityBarBadge.background#065be1
- activityBarBadge.foreground#fff
- badge.background#fff
- badge.foreground#000d
- breadcrumb.activeSelectionForeground#000
- breadcrumb.background#fff
- breadcrumb.focusForeground#000d
- breadcrumb.foreground#0007
- breadcrumbPicker.background#eee
- button.background#0000
- button.foreground#000d
- contrastBorder#0003
- debugExceptionWidget.background#ffffff
- debugExceptionWidget.border#c15
- debugToolBar.background#f9f9f9
- debugToolBar.border#0003
- descriptionForeground#000a
- diffEditor.insertedTextBackground#b3ff0033
- diffEditor.removedTextBackground#ff397433
- dropdown.background#fff
- dropdown.border#0006
- dropdown.foreground#000000
- dropdown.listBackground#fff
- editor.background#fff
- editor.findMatchBackground#ffcf5e
- editor.findMatchBorder#ff9900
- editor.findMatchHighlightBackground#ffb30016
- editor.findMatchHighlightBorder#ffcf5e
- editor.findRangeHighlightBackground#ffb30016
- editor.foreground#000d
- editor.hoverHighlightBackground#0001
- editor.inactiveSelectionBackground#0003
- editor.lineHighlightBackground#fff
- editor.lineHighlightBorder#0000
- editor.rangeHighlightBackground#0000
- editor.rangeHighlightBorder#065be1
- editor.selectionBackground#0074ff66
- editor.selectionForeground#000
- editor.selectionHighlightBackground#0000
- editor.selectionHighlightBorder#0074ff66
- editor.snippetFinalTabstopHighlightBorder#ea1
- editor.snippetTabstopHighlightBackground#ffb30016
- editor.snippetTabstopHighlightBorder#ea1
- editor.wordHighlightBackground#ffffff00
- editor.wordHighlightBorder#a2d4b575
- editor.wordHighlightStrongBackground#0bd45809
- editor.wordHighlightStrongBorder#a2d4b5
- editorBracketMatch.background#ffb30016
- editorBracketMatch.border#ffb30016
- editorCodeLens.foreground#0007
- editorCursor.foreground#000
- editorError.foreground#c15
- editorGroup.border#0003
- editorGroup.dropBackground#0074ff66
- editorGroup.emptyBackground#eee
- editorGroup.focusedEmptyBorder#065be1
- editorGroupHeader.noTabsBackground#fff
- editorGroupHeader.tabsBackground#eee
- editorGroupHeader.tabsBorder#0003
- editorGutter.addedBackground#194
- editorGutter.background#f9f9f9
- editorGutter.commentRangeForeground#ccc
- editorGutter.deletedBackground#c15
- editorGutter.modifiedBackground#ea1
- editorHint.foreground#000a
- editorHoverWidget.background#eee
- editorHoverWidget.border#0003
- editorIndentGuide.activeBackground#065be1
- editorIndentGuide.background#0003
- editorInfo.foreground#0004
- editorLineNumber.activeForeground#000d
- editorLineNumber.foreground#000d
- editorLink.activeForeground#065be1
- editorMarkerNavigation.background#fff
- editorMarkerNavigationError.background#c15
- editorMarkerNavigationInfo.background#194
- editorMarkerNavigationWarning.background#194
- editorPane.background#eee
- editorRuler.foreground#ddd
- editorSuggestWidget.background#eee
- editorSuggestWidget.border#0003
- editorSuggestWidget.foreground#000d
- editorSuggestWidget.highlightForeground#065be1
- editorSuggestWidget.selectedBackground#c3e3ff
- editorUnnecessaryCode.opacity#22222280
- editorWarning.foreground#194
- editorWhitespace.foreground#22222280
- editorWidget.background#eee
- editorWidget.border#0006
- editorWidget.resizeBorder#0006
- errorForeground#c15
- extensionButton.prominentBackground#065be1
- extensionButton.prominentForeground#fff
- extensionButton.prominentHoverBackground#065be1
- focusBorder#065be180
- foreground#000d
- input.background#FFF
- input.border#0003
- input.foreground#000d
- input.placeholderForeground#aaa
- inputOption.activeBorder#065be1
- list.activeSelectionBackground#065be1
- list.activeSelectionForeground#fff
- list.dropBackground#0074ff66
- list.errorForeground#c15
- list.focusBackground#c3e3ff
- list.focusForeground#000a
- list.highlightForeground#065be1
- list.hoverBackground#0000
- list.hoverForeground#000
- list.inactiveFocusBackground#0003
- list.inactiveSelectionBackground#0074ff66
- list.inactiveSelectionForeground#0a1138
- list.invalidItemForeground#c15
- list.warningForeground#194
- notificationCenter.border#0003
- notificationCenterHeader.background#eee
- notificationCenterHeader.foreground#000d
- notificationLink.foreground#065be1
- notifications.background#f9f9f9
- notifications.border#0001
- notifications.foreground#000a
- notificationToast.border#0003
- panel.background#f9f9f9
- panel.border#0003
- panel.dropBackground#0074ff66
- panelTitle.activeBorder#065be1
- panelTitle.activeForeground#000d
- panelTitle.inactiveForeground#0007
- peekView.border#0006
- peekViewEditor.background#f9f9f9
- peekViewEditorGutter.background#f9f9f9
- peekViewResult.background#f9f9f9
- peekViewResult.fileForeground#000d
- peekViewResult.lineForeground#000a
- peekViewResult.selectionBackground#065be180
- peekViewResult.selectionForeground#000a
- peekViewTitle.background#f9f9f9
- peekViewTitleDescription.foreground#6c6c6cb3
- peekViewTitleLabel.foreground#333
- pickerGroup.border#0006
- pickerGroup.foreground#065be1
- progressBar.background#065be1
- scrollbar.shadow#0000
- scrollbarSlider.activeBackground#00000099
- scrollbarSlider.background#0003
- scrollbarSlider.hoverBackground#0006
- selection.background#0074ff66
- settings.checkboxBackground#fff
- settings.checkboxBorder#0006
- settings.checkboxForeground#000000
- settings.dropdownBackground#fff
- settings.dropdownBorder#0006
- settings.dropdownForeground#000000
- settings.dropdownListBorder#0006
- settings.headerForeground#444
- settings.modifiedItemIndicator#007acc99
- settings.numberInputBackground#fff
- settings.numberInputBorder#0006
- settings.numberInputForeground#000d
- settings.textInputBackground#fff
- settings.textInputBorder#0006
- settings.textInputForeground#000d
- sideBar.background#eee
- sideBar.border#0003
- sideBar.dropBackground#0074ff66
- sideBar.foreground#000d
- sideBarSectionHeader.background#0000
- sideBarSectionHeader.border#0003
- sideBarSectionHeader.foreground#000d
- sideBarTitle.foreground#000a
- statusBar.background#f9f9f9
- statusBar.border#0003
- statusBar.debuggingBackground#ea1
- statusBar.debuggingBorder#0003
- statusBar.debuggingForeground#642
- statusBar.foreground#000a
- statusBar.noFolderBackground#f9f9f9
- statusBar.noFolderBorder#0003
- statusBar.noFolderForeground#000a
- statusBarItem.activeBackground#0003
- statusBarItem.prominentBackground#c3e3ff
- statusBarItem.prominentHoverBackground#0000
- tab.activeBackground#fff
- tab.activeBorder#0000
- tab.activeBorderTop#0000
- tab.activeForeground#000d
- tab.activeModifiedBorder#065be1
- tab.border#0003
- tab.inactiveBackground#0000
- tab.inactiveForeground#000d
- tab.inactiveModifiedBorder#065be1
- tab.unfocusedActiveBorder#0000
- tab.unfocusedActiveBorderTop#0000
- tab.unfocusedActiveForeground#000d
- tab.unfocusedActiveModifiedBorder#065be1
- tab.unfocusedInactiveForeground#000d
- tab.unfocusedInactiveModifiedBorder#065be1
- terminal.ansiBlack#000d
- terminal.ansiBlue#007acc
- terminal.ansiBrightBlack#000a
- terminal.ansiBrightBlue#007acc
- terminal.ansiBrightCyan#007acc
- terminal.ansiBrightGreen#194
- terminal.ansiBrightMagenta#bc05bc
- terminal.ansiBrightRed#c15
- terminal.ansiBrightWhite#aaa
- terminal.ansiBrightYellow#ea1
- terminal.ansiCyan#007acc
- terminal.ansiGreen#194
- terminal.ansiMagenta#bc05bc
- terminal.ansiRed#c15
- terminal.ansiWhite#000a
- terminal.ansiYellow#ea1
- terminal.background#f9f9f9
- terminal.border#0006
- terminal.foreground#000000
- terminal.selectionBackground#0074ff66
- terminalCursor.foreground#000000
- textBlockQuote.background#7f7f7f1a
- textBlockQuote.border#007acc99
- textCodeBlock.background#dcdcdc66
- textLink.activeForeground#065be1
- textLink.foreground#065be1
- textPreformat.foreground#000
- textSeparator.foreground#0002
- titleBar.activeBackground#ddd
- titleBar.activeForeground#333
- titleBar.border#0003
- titleBar.inactiveBackground#f9f9f9
- titleBar.inactiveForeground#bbb
- widget.shadow#0002
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis, markup.italic | — | italic |
| comment | #642 | italic |
| meta.definition.variable.name | #62c | — |
| constant.numeric, keyword.other.unit, entity.name.function, support.function | #194 | — |
| constant.regexp, markup.heading | #c15 | — |
| entity.name.tag | #c15 | |
| meta.definition, entity.name.type.class, variable.parameter | — | italic |
| punctuation.terminator.statement, punctuation.separator.comma | #0007 | — |
| punctuation.definition.comment | #6426 | |
| strong, markup.bold, meta.selector, markup.heading | — | bold |
| string, constant.character, constant.other.character-class, support.constant.font-name | #b70 | italic |
| entity.other.attribute-name, meta.structure.dictionary.key, meta.object-literal.key, support.type.property-name, support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less | #27a | |
| invalid, token.error-token | #c15 | underline |
| markup.underline | — | underline |
| markup.inserted | #194 | — |
| markup.deleted | #c15 | — |
| markup.changed, beginning.punctuation.definition.quote.markdown, beginning.punctuation.definition.list.markdown | #09a | — |
| markup.inline.raw, constant.character.escape | #c15 | — |
| punctuation.definition.tag | #aaa | — |
| string.regexp | #c15 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #aaa | |
| meta.template.expression | #000d | |
| constant, constant.other.color.rgb-value, constant.other.rgb-value, support | #09a | |
| keyword | #000 | — |
| keyword.control | #d52 | — |
| storage.type, variable.language | #42e | — |
| support.function.git-rebase | #09a | — |
| constant.sha.git-rebase | #194 | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #09a | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #09a | — |
| support.constant.property-value, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #b70 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.regexp, support.other.parenthesis.regexp | #000d | — |
| keyword.control.anchor.regexp | #c15 | — |
| token.info-token | #194 | — |
| token.warn-token | #ea1 | — |
| token.debug-token | #c15 | — |