Wild West Theme
Publisher: MaheshGaddhe00Themes in package: 1
Dark and high contrast theme
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#001724
- activityBar.foreground#ff6768
- activityBar.inactiveForeground#8695b790
- activityBarBadge.background#ff6768
- activityBarBadge.foreground#001724
- badge.background#ff6768
- badge.foreground#001724
- breadcrumb.activeSelectionForeground#c8e4fe
- breadcrumb.background#001321
- breadcrumb.focusForeground#c8e4fe
- breadcrumb.foreground#677591
- breadcrumbPicker.background#001724
- button.background#fc3a52
- button.foreground#ffe3e0
- button.hoverBackground#fe2f47
- debugExceptionWidget.background#162447
- debugExceptionWidget.border#162447
- descriptionForeground#677591
- dropdown.background#001321
- dropdown.border#001321
- dropdown.foreground#ff6768
- editor.background#001724
- editor.foreground#b0b5b3
- editor.selectionBackground#00acde70
- editor.selectionHighlightBackground#00acde70
- editorCursor.background#ff6768
- editorCursor.foreground#ff6768
- editorError.foreground#fc3a52
- editorGroup.border#ff6768
- editorGroup.dropBackground#16244790
- editorGroupHeader.noTabsBackground#001321
- editorGroupHeader.tabsBackground#001724
- editorGutter.addedBackground#73a580
- editorGutter.background#001724
- editorGutter.deletedBackground#fc3a52
- editorGutter.modifiedBackground#028096
- editorHint.foreground#ff6768
- editorHoverWidget.background#162447
- editorHoverWidget.border#162447
- editorIndentGuide.activeBackground#ff676890
- editorIndentGuide.background#ff676840
- editorInfo.foreground#028096
- editorLineNumber.foreground#5a657e56
- editorMarkerNavigation.background#162447
- editorMarkerNavigationError.background#fc3a52
- editorMarkerNavigationInfo.background#028096
- editorMarkerNavigationWarning.background#ffd580
- editorOverviewRuler.addedForeground#73a580
- editorOverviewRuler.border#000
- editorOverviewRuler.bracketMatchForeground#ff6768
- editorOverviewRuler.commonContentForeground#2f3b54
- editorOverviewRuler.currentContentForeground#5ccfe6
- editorOverviewRuler.deletedForeground#fc3a52
- editorOverviewRuler.errorForeground#fc3a52
- editorOverviewRuler.findMatchForeground#ff6768
- editorOverviewRuler.incomingContentForeground#bae67e
- editorOverviewRuler.infoForeground#028096
- editorOverviewRuler.modifiedForeground#028096
- editorOverviewRuler.rangeHighlightForeground#c8e4fe
- editorOverviewRuler.selectionHighlightForeground#c8e4fe
- editorOverviewRuler.warningForeground#ffd580
- editorOverviewRuler.wordHighlightForeground#c8e4fe
- editorOverviewRuler.wordHighlightStrongForeground#c8e4fe
- editorPane.background#001724
- editorSuggestWidget.background#677591
- editorSuggestWidget.border#677591
- editorSuggestWidget.foreground#c8e4fe
- editorSuggestWidget.highlightForeground#ff6768
- editorSuggestWidget.selectedBackground#0f1217
- editorWarning.foreground#ffd580
- editorWidget.background#001724
- editorWidget.border#001724
- focusBorder#8291b680
- foreground#ff6768
- gitDecoration.conflictingResourceForeground#fc3a52
- gitDecoration.deletedResourceForeground#fc3a52
- gitDecoration.ignoredResourceForeground#727e9a70
- gitDecoration.modifiedResourceForeground#028096
- gitDecoration.untrackedResourceForeground#73a580
- input.background#001724
- input.foreground#73a580
- input.placeholderForeground#8291b680
- inputOption.activeBorder#ff6768
- inputValidation.errorBackground#001724
- inputValidation.errorBorder#fc3a52
- inputValidation.errorForeground#fc3a52
- inputValidation.infoBackground#001724
- inputValidation.infoBorder#028096
- inputValidation.infoForeground#028096
- inputValidation.warningBackground#001724
- inputValidation.warningBorder#ffd580
- inputValidation.warningForeground#ffd580
- list.activeSelectionBackground#162447
- list.activeSelectionForeground#ff6768
- list.dropBackground#162447
- list.errorForeground#fc3a52
- list.highlightForeground#ff6768
- list.hoverBackground#162447
- list.hoverForeground#ff6768
- list.inactiveSelectionBackground#162447
- list.inactiveSelectionForeground#ff6768
- list.invalidItemForeground#fc3a52
- list.warningForeground#ffd580
- merge.border#8695b7
- merge.commonContentBackground#2f3b5455
- merge.commonHeaderBackground#2f3b5477
- merge.currentContentBackground#5ccfe622
- merge.currentHeaderBackground#5ccfe677
- merge.incomingContentBackground#bae67e22
- merge.incomingHeaderBackground#bae67e77
- notificationCenter.border#001321
- notificationCenterHeader.background#001312
- notificationCenterHeader.foreground#c8e4fe
- notificationLink.foreground#c8e4fe
- notifications.background#001312
- notifications.border#001312
- notifications.foreground#c8e4fe
- notificationToast.border#001312
- panel.background#001321
- panel.border#001321
- panelTitle.activeBorder#ff6768
- panelTitle.activeForeground#c8e4fe
- panelTitle.inactiveForeground#677591
- peekView.border#ff6768
- peekViewEditor.background#001724
- peekViewEditor.matchHighlightBackground#677591
- peekViewEditor.matchHighlightBorder#ff6768
- peekViewEditorGutter.background#0f1217
- peekViewResult.background#001724
- peekViewResult.fileForeground#677591
- peekViewResult.lineForeground#c8e4fe
- peekViewResult.matchHighlightBackground#ffcc6633
- peekViewResult.selectionBackground#001724
- peekViewResult.selectionForeground#c8e4fe
- peekViewTitle.background#001724
- peekViewTitleDescription.foreground#677591
- peekViewTitleLabel.foreground#677591
- scrollbarSlider.background#2c2f35
- scrollbarSlider.hoverBackground#3a3f4a
- settings.checkboxBackground#001724
- settings.checkboxBorder#001724
- settings.checkboxForeground#c8e4fe
- settings.dropdownBackground#001724
- settings.dropdownBorder#001724
- settings.dropdownForeground#c8e4fe
- settings.dropdownListBorder#001724
- settings.headerForeground#c8e4fe
- settings.modifiedItemIndicator#028096
- settings.numberInputBackground#001724
- settings.numberInputBorder#001724
- settings.numberInputForeground#c8e4fe
- settings.textInputBackground#001724
- settings.textInputBorder#001724
- settings.textInputForeground#c8e4fe
- sideBar.background#001321
- sideBar.foreground#8695b7
- sideBarSectionHeader.background#011c2e
- sideBarSectionHeader.border#000
- sideBarSectionHeader.foreground#ff6768
- sideBarTitle.foreground#ff6768
- statusBar.background#000
- statusBar.foreground#677591
- tab.activeBackground#001724
- tab.activeForeground#c8e4fe
- tab.border#001321
- tab.hoverBackground#001724
- tab.inactiveBackground#001321
- tab.inactiveForeground#c8e4fe70
- tab.unfocusedActiveBackground#001724
- tab.unfocusedActiveForeground#c8e4fe
- tab.unfocusedHoverBackground#001724
- tab.unfocusedInactiveForeground#c8e4fe70
- terminal.ansiBlack#333945
- terminal.ansiBlue#028096
- terminal.ansiBrightBlack#444a5e
- terminal.ansiBrightBlue#028096
- terminal.ansiBrightCyan#028096
- terminal.ansiBrightGreen#73a580
- terminal.ansiBrightMagenta#c3a6ff
- terminal.ansiBrightRed#fc3a52
- terminal.ansiBrightWhite#c8e4fe
- terminal.ansiBrightYellow#fc3a52
- terminal.ansiCyan#028096
- terminal.ansiGreen#73a580
- terminal.ansiMagenta#c3a6ff
- terminal.ansiRed#fc3a52
- terminal.ansiWhite#a2aabc
- terminal.ansiYellow#ff6768
- terminal.background#001321
- terminal.border#001321
- terminal.foreground#c8e4fe
- terminal.selectionBackground#8695b733
- terminalCursor.background#ff6768
- terminalCursor.foreground#ff6768
- textBlockQuote.background#2f3b54
- textCodeBlock.background#171c28
- textLink.activeForeground#73a580
- textLink.foreground#73a580
- titleBar.activeBackground#001312
- titleBar.activeForeground#c8e4fe
- titleBar.border#001321
- titleBar.inactiveBackground#001321
- titleBar.inactiveForeground#8695b7
- tree.indentGuidesStroke#ff6768
- widget.shadow#00030F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| #bbbbbbff | — | |
| comment, string.comment | #5c6370 | italic |
| string | #e5c07b | — |
| punctuation.definition.template-expression.begin.js,punctuation.definition.template-expression.end.js,punctuation.definition.template-expression.begin.ts,punctuation.definition.template-expression.end.ts | #c678dd | — |
| string.template.js | #e5c07b | — |
| meta.template.expression.js | #abb2bf | — |
| constant.numeric | #c678dd | — |
| string.embedded.begin, string.embedded.end | #c678dd | — |
| string.embedded | #98c379 | — |
| constant.language | #56b6c2 | — |
| constant.character, constant.other | #56b6c2 | — |
| variable.language | #e06c75 | — |
| variable.readwrite, variable.readwrite.other.block | #61afef | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #e06c75 | — |
| keyword.operator | #e06c75 | — |
| storage | #e06c75 | — |
| storage.type | #56b6c2 | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #61afef | — |
| variable.other.object | #61afef | — |
| variable.other.property, variable.other.block | #abb2bf | — |
| entity.other.inherited-class | #98c379 | — |
| entity.name.function, support.function | #98c379 | — |
| variable.parameter | #d19a66 | italic |
| entity.name.function-call | #abb2bf | — |
| function.support.builtin, function.support.core | #98c379 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #e06c75 | — |
| entity.name.tag.class, entity.name.tag.id | #56b6c2 | — |
| entity.other.attribute-name | #98c379 | — |
| support.constant | #56b6c2 | — |
| support.type, support.variable | #56b6c2 | — |
| support.dictionary.json | #56b6c2 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #abb2bf | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #98c379 | — |
| variable.css, variable.scss, variable.less, variable.sass | #56b6c2 | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #e5c07b | — |
| unit.css, unit.scss, unit.less, unit.sass | #c678dd | — |
| function.css, function.scss, function.less, function.sass | #56b6c2 | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| structure.dictionary.property-name.json | #56b6c2 | — |
| string.detected-link | #61afef | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #c678dd | — |
| markup.inserted | #e5c07b | — |
| markup.changed | #e5c07b | — |
| constant.numeric.line-number.find-in-files - match | #56b6c2A0 | — |
| entity.name.filename.find-in-files | #e5c07b | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown | #696969 | — |
| markup.underline.link.markdown | #61afef | — |
| markup.bold.markdown | — | bold |
| punctuation.definition.bold.markdown | #696969 | — |
| markup.heading.markdown | #e06c75 | bold |
| punctuation.definition.heading.markdown | #696969 | — |
| markup.quote.markdown | #98c379 | — |
| meta.separator.markdown | #c678dd | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #56b6c2 | — |
| punctuation.definition.list_item.markdown | #ffffff | bold |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |