MuleSoft Community Theme
Publisher: ProstDevThemes in package: 2
Unofficial theme created and maintained by the community.
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#00a0df
- activityBar.activeBorder#00a0df
- activityBar.activeFocusBorder#00a0df
- activityBar.background#ffffff
- activityBar.border#007aaa
- activityBar.dropBorder#00a0df
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#00a0df
- activityBarBadge.background#0b5cab
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBackground#00a0df
- activityBarTop.activeBorder#00a0df
- activityBarTop.background#ffffff
- activityBarTop.dropBorder#007aaa
- activityBarTop.foreground#ffffff
- activityBarTop.inactiveForeground#00a0df
- badge.background#0b5cab
- badge.foreground#ffffff
- button.background#00a0df
- button.foreground#ffffff
- button.hoverBackground#007aaa
- button.secondaryBackground#ffffff
- button.secondaryForeground#00a0df
- button.secondaryHoverBackground#0b5cab
- button.separator#0b5cab
- checkbox.background#ffffff
- checkbox.border#9e9e9e
- checkbox.foreground#00a0df
- checkbox.selectBackground#ffffff
- checkbox.selectBorder#9e9e9e
- descriptionForeground#9e9e9e
- disabledForeground#9e9e9e
- dropdown.background#ffffff
- dropdown.border#cacbcc
- dropdown.foreground#2e2e2e
- dropdown.listBackground#ffffff
- editor.background#ffffff
- editor.findMatchBackground#00a0df
- editor.findMatchBorder#00a0df
- editor.findMatchHighlightBackground#00a0df40
- editor.findMatchHighlightBorder#00a0df
- editor.findRangeHighlightBackground#00a0df40
- editor.findRangeHighlightBorder#00a0dfd8
- editor.foreground#2e2e2e
- editor.hoverHighlightBackground#00a0df7a
- editor.inactiveSelectionBackground#cacbcc81
- editor.lineHighlightBorder#eeeeee
- editor.selectionBackground#00a0df8a
- editor.selectionHighlightBackground#00a0df1c
- editor.selectionHighlightBorder#00a0df8a
- editor.symbolHighlightBackground#00a0df9b
- editor.symbolHighlightBorder#00a0df9b
- editor.wordHighlightBackground#cacbcc81
- editor.wordHighlightBorder#cacbcc
- editorBracketMatch.background#a4ddf36e
- editorBracketMatch.border#00a0df
- editorCursor.foreground#2e2e2e
- editorGroup.border#cacbcc
- editorGroup.dropBackground#00a0df40
- editorGroup.dropIntoPromptBackground#f9fafb
- editorGroup.dropIntoPromptBorder#cacbcc
- editorGroup.dropIntoPromptForeground#00a0df
- editorGroup.emptyBackground#f9fafb
- editorGroup.focusedEmptyBorder#cacbcc
- editorGroupHeader.border#cacbcc
- editorGroupHeader.noTabsBackground#f9fafb
- editorGroupHeader.tabsBackground#f9fafb
- editorGroupHeader.tabsBorder#cacbcc
- editorHoverWidget.background#f3f3f3
- editorHoverWidget.border#cacbcc
- editorHoverWidget.foreground#2e2e2e
- editorLightBulb.foreground#edbf31
- editorLineNumber.activeForeground#00a0df
- editorLineNumber.foreground#9e9e9e
- editorLink.activeForeground#00a0df
- editorMultiCursor.primary.foreground#2e2e2e
- editorMultiCursor.secondary.foreground#9e9e9e
- editorOverviewRuler.background#ffffff00
- editorOverviewRuler.border#9e9e9e
- editorOverviewRuler.findMatchForeground#00a0df87
- editorPane.background#cacbcc
- editorStickyScroll.background#f3f3f3
- editorStickyScroll.border#cacbcc
- editorStickyScroll.shadow#cacbcc
- editorStickyScrollHover.background#a4dcf3
- editorSuggestWidget.background#f3f3f3
- editorSuggestWidget.border#cacbcc
- editorSuggestWidget.focusHighlightForeground#0b5cab
- editorSuggestWidget.foreground#2e2e2e
- editorSuggestWidget.highlightForeground#00a0df
- editorSuggestWidget.selectedBackground#00a0df
- editorSuggestWidget.selectedForeground#ffffff
- editorSuggestWidget.selectedIconForeground#ffffff
- editorWidget.background#a4dcf3
- editorWidget.border#cacbcc
- editorWidget.foreground#2e2e2e
- editorWidget.resizeBorder#0b5cab
- focusBorder#cacbcc
- foreground#2e2e2e
- icon.foreground#6e6e6e
- input.background#ffffff
- input.border#cacbcc
- input.foreground#2e2e2e
- input.placeholderForeground#9e9e9e
- inputOption.activeBackground#f3f3f3
- inputOption.activeBorder#9e9e9e
- inputOption.activeForeground#2e2e2e
- inputOption.hoverBackground#00a0df
- inputValidation.errorBackground#eab2b9
- inputValidation.errorBorder#ea001e
- inputValidation.errorForeground#2e2e2e
- inputValidation.infoForeground#2e2e2e
- inputValidation.warningBackground#edbf31
- inputValidation.warningBorder#edbf31
- inputValidation.warningForeground#2e2e2e
- list.activeSelectionBackground#00a0df
- list.activeSelectionForeground#ffffff
- list.activeSelectionIconForeground#ffffff
- list.dropBackground#a4dcf3
- list.errorForeground#ea001e
- list.filterMatchBackground#a4dcf3
- list.focusHighlightForeground#0b5cab
- list.highlightForeground#00a0df
- list.hoverBackground#cacbcc
- list.hoverForeground#2e2e2e
- list.inactiveSelectionBackground#a4dcf3
- list.inactiveSelectionForeground#2e2e2e
- list.inactiveSelectionIconForeground#2e2e2e
- list.warningForeground#edbf31
- listFilterWidget.background#a4dcf3
- listFilterWidget.shadow#cacbcc
- minimap.background#ffffff00
- minimap.errorHighlight#ea001e87
- minimap.findMatchHighlight#00a0df87
- minimap.foregroundOpacity#000000c0
- minimap.selectionHighlight#00a0df87
- minimap.selectionOccurrenceHighlight#00a0df87
- minimap.warningHighlight#edbf3187
- minimapSlider.activeBackground#007aaa40
- minimapSlider.background#00a0df40
- minimapSlider.hoverBackground#a4ddf37a
- outputView.background#f9fafb
- panel.background#f9fafb
- panel.border#cacbcc
- panel.dropBorder#0b5cab
- panelInput.border#cacbcc
- panelSection.border#cacbcc
- panelSection.dropBackground#00a0df40
- panelSectionHeader.background#cacbcc
- panelSectionHeader.border#cacbcc
- panelSectionHeader.foreground#2e2e2e
- panelTitle.activeBorder#00a0df
- panelTitle.activeForeground#2e2e2e
- panelTitle.inactiveForeground#6e6e6e
- scrollbar.shadow#cacbcc
- scrollbarSlider.activeBackground#007aaa40
- scrollbarSlider.background#00a0df40
- scrollbarSlider.hoverBackground#a4ddf37a
- search.resultsInfoForeground#2e2e2e
- selection.background#00a0df
- sideBar.background#f9fafb
- sideBar.border#cacbcc
- sideBar.foreground#2e2e2e
- sideBarActivityBarTop.border#007aaa
- sideBarSectionHeader.background#cacbcc
- sideBarSectionHeader.border#cacbcc
- sideBarSectionHeader.foreground#2e2e2e
- sideBarTitle.foreground#2e2e2e
- sideBySideEditor.horizontalBorder#cacbcc
- sideBySideEditor.verticalBorder#cacbcc
- statusBar.background#00a0df
- statusBar.border#00a0df
- statusBar.debuggingBackground#00a0df
- statusBar.debuggingBorder#00a0df
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#00a0df
- statusBar.noFolderBorder#00a0df
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#a4dcf3
- statusBarItem.hoverBackground#007aaa
- statusBarItem.hoverForeground#ffffff
- statusBarItem.prominentBackground#0b5cab
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#007aaa
- statusBarItem.prominentHoverForeground#ffffff
- statusBarItem.remoteBackground#0b5cab
- statusBarItem.remoteForeground#ffffff
- statusBarItem.remoteHoverBackground#007aaa
- statusBarItem.remoteHoverForeground#ffffff
- tab.activeBackground#a4dcf3
- tab.activeBorder#cacbcc
- tab.activeBorderTop#cacbcc
- tab.activeForeground#2e2e2e
- tab.activeModifiedBorder#cacbcc
- tab.border#cacbcc
- tab.dragAndDropBorder#0b5cab
- tab.hoverBackground#a4dcf3
- tab.hoverBorder#cacbcc
- tab.hoverForeground#2e2e2e
- tab.inactiveBackground#f3f3f3
- tab.inactiveForeground#6e6e6e
- tab.inactiveModifiedBorder#cacbcc
- tab.lastPinnedBorder#cacbcc
- tab.unfocusedActiveBackground#eeeeee
- tab.unfocusedActiveBorder#cacbcc
- tab.unfocusedActiveBorderTop#cacbcc
- tab.unfocusedActiveForeground#6e6e6e
- tab.unfocusedActiveModifiedBorder#cacbcc
- tab.unfocusedHoverBackground#a4dcf3
- tab.unfocusedHoverBorder#cacbcc
- tab.unfocusedHoverForeground#2e2e2e
- tab.unfocusedInactiveBackground#f3f3f3
- tab.unfocusedInactiveForeground#9e9e9e
- tab.unfocusedInactiveModifiedBorder#cacbcc
- textBlockQuote.background#f3f3f3
- textBlockQuote.border#00a0df
- textCodeBlock.background#f3f3f3
- textLink.activeForeground#0b5cab
- textLink.foreground#00a0df
- textPreformat.background#f3f3f3
- textPreformat.foreground#6e6e6e
- textSeparator.foreground#6e6e6e
- titleBar.activeBackground#00a0df
- titleBar.activeForeground#ffffff
- titleBar.border#00a0df
- titleBar.inactiveBackground#f3f3f3
- titleBar.inactiveForeground#2e2e2e
- toolbar.activeBackground#00a0df
- toolbar.hoverBackground#9e9e9e
- toolbar.hoverOutline#9e9e9e
- tree.inactiveIndentGuidesStroke#a4dcf3
- tree.indentGuidesStroke#00a0df
- widget.border#cacbcc
- widget.shadow#cacbcc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #777777 | — |
| keyword, storage | #4B83CD | — |
| storage.type, support.type | #7A3E9D | — |
| constant.language, support.constant, variable.language | #AB6526 | — |
| variable, support.variable | #7A3E9D | — |
| entity.name.function, support.function | #AA3731 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #7A3E9D | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #AB6526 | — |
| string | #448C27 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #777777 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91B3E0 | — |
| entity.name.tag | #4B83CD | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #AB6526 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |