Colorado Theme
Publisher: StevenJBorikThemes in package: 2
A chilled theme for Visual Studio Code
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#3E4656
- activityBar.activeBorder#AAB1C1
- activityBar.background#2E3440
- activityBar.border#3E4656
- activityBar.foreground#BDC3CF
- activityBarBadge.background#609BBC
- activityBarBadge.foreground#ffffff
- badge.background#609BBC
- badge.foreground#ffffff
- button.background#404754
- button.foreground#BDC3CF
- button.hoverBackground#AAB1C1
- button.secondaryBackground#535D73
- button.secondaryForeground#BDC3CF
- button.secondaryHoverBackground#5F6B83
- debugConsole.errorForeground#E57373
- debugConsole.infoForeground#AAB1C1
- debugConsole.sourceForeground#616e88
- debugConsole.warningForeground#DB7F67
- debugConsoleInputIcon.foreground#05BE9F
- debugExceptionWidget.background#5F6B83
- debugExceptionWidget.border#2E3440
- debugToolBar.background#3E4656
- diffEditor.insertedTextBackground#00809b33
- diffEditor.removedTextBackground#E573734d
- dropdown.background#3E4656
- dropdown.border#3E4656
- dropdown.foreground#BDC3CF
- editor.background#2E3440
- editor.findMatchBackground#42557b
- editor.findMatchBorder#ffffff
- editor.findMatchHighlightBackground#6199ff2f
- editor.focusedStackFrameHighlightBackground#77839D
- editor.foreground#D3D7DF
- editor.hoverHighlightBackground#3E4656
- editor.inactiveSelectionBackground#535D73aa
- editor.inlineValuesBackground#5F6B83
- editor.inlineValuesForeground#DEE1E7
- editor.lineHighlightBackground#3E4656
- editor.lineHighlightBorder#3E4656
- editor.rangeHighlightBackground#535D7352
- editor.selectionBackground#535D73aa
- editor.selectionHighlightBackground#535D73aa
- editor.selectionHighlightBorder#dddddd
- editor.stackFrameHighlightBackground#77839D
- editor.wordHighlightBackground#d2e0ff2f
- editor.wordHighlightBorder#7f848e
- editor.wordHighlightStrongBackground#99aab526
- editor.wordHighlightStrongBorder#7f848e
- editorBracketMatch.background#535D73aa
- editorBracketMatch.border#5F6B83
- editorCursor.background#BDC3CF
- editorCursor.foreground#BDC3CF
- editorError.foreground#E57373
- editorGhostText.foreground#77839D
- editorGroup.border#3E4656
- editorGroup.dropBackground#3E465699
- editorGroup.emptyBackground#2E3440
- editorGroupHeader.border#3E465600
- editorGroupHeader.noTabsBackground#2E3440
- editorGroupHeader.tabsBackground#2E3440
- editorGroupHeader.tabsBorder#3E465600
- editorGutter.addedBackground#05BE9F
- editorGutter.background#2E3440
- editorGutter.deletedBackground#E57373
- editorGutter.modifiedBackground#DB7F67
- editorHoverWidget.background#3E4656
- editorHoverWidget.border#3E4656
- editorIndentGuide.activeBackground#77839D
- editorIndentGuide.background#535D73b3
- editorLineNumber.activeForeground#BDC3CF
- editorLineNumber.foreground#5F6B83
- editorMarkerNavigation.background#77839Dc0
- editorMarkerNavigationError.background#E57373c0
- editorMarkerNavigationWarning.background#DB7F67c0
- editorRuler.foreground#535D73
- editorSuggestWidget.background#2E3440
- editorSuggestWidget.border#3E4656
- editorSuggestWidget.focusHighlightForeground#AAB1C1
- editorSuggestWidget.foreground#BDC3CF
- editorSuggestWidget.highlightForeground#AAB1C1
- editorSuggestWidget.selectedBackground#535D73
- editorSuggestWidget.selectedForeground#BDC3CF
- editorWarning.foreground#DB7F67
- editorWhitespace.foreground#5F6B83b3
- editorWidget.background#2E3440
- editorWidget.border#3E4656
- editorWidget.foreground#BDC3CF
- errorForeground#E57373
- extensionButton.prominentBackground#535D73
- extensionButton.prominentForeground#BDC3CF
- extensionButton.prominentHoverBackground#5F6B83
- focusBorder#77839D
- foreground#BDC3CF
- gitDecoration.conflictingResourceForeground#77839D
- gitDecoration.deletedResourceForeground#E57373
- gitDecoration.ignoredResourceForeground#BDC3CF66
- gitDecoration.modifiedResourceForeground#DB7F67
- gitDecoration.stageDeletedResourceForeground#E57373
- gitDecoration.stageModifiedResourceForeground#DB7F67
- gitDecoration.submoduleResourceForeground#05BE9F
- gitDecoration.untrackedResourceForeground#05BE9F
- icon.foreground#BDC3CF
- input.background#3E4656
- input.border#3E4656
- input.foreground#BDC3CF
- input.placeholderForeground#BDC3CF99
- inputOption.activeBackground#77839D
- inputOption.activeBorder#77839D
- inputOption.activeForeground#DEE1E7
- inputValidation.errorBackground#E57373
- inputValidation.errorBorder#E57373
- inputValidation.infoBackground#05BE9F
- inputValidation.infoBorder#05BE9F
- inputValidation.warningBackground#DB7F67
- inputValidation.warningBorder#DB7F67
- keybindingLabel.background#5F6B83
- keybindingLabel.border#5F6B83
- keybindingLabel.bottomBorder#5F6B83
- keybindingLabel.foreground#BDC3CF
- list.activeSelectionBackground#535D73
- list.activeSelectionForeground#DEE1E7
- list.activeSelectionIconForeground#DEE1E7
- list.dropBackground#AAB1C199
- list.errorForeground#E57373
- list.focusBackground#535D73aa
- list.focusForeground#BDC3CF
- list.focusHighlightForeground#DEE1E7
- list.highlightForeground#AAB1C1
- list.hoverBackground#3E4656
- list.hoverForeground#DEE1E7
- list.inactiveSelectionBackground#535D73aa
- list.inactiveSelectionForeground#BDC3CF
- list.inactiveSelectionIconForeground#BDC3CF
- list.warningForeground#DB7F67
- menu.foreground#BDC3CF
- merge.border#3E465600
- merge.currentContentBackground#05BE9F4d
- merge.currentHeaderBackground#05BE9F66
- merge.incomingContentBackground#05BE9F4d
- merge.incomingHeaderBackground#05BE9F66
- minimap.background#2E3440
- minimap.errorHighlight#E57373cc
- minimap.findMatchHighlight#AAB1C1
- minimap.selectionHighlight#AAB1C1cc
- minimap.warningHighlight#DB7F67cc
- minimapGutter.addedBackground#05BE9F
- minimapGutter.deletedBackground#E57373
- minimapGutter.modifiedBackground#DB7F67
- minimapSlider.activeBackground#535D73aa
- minimapSlider.background#535D7399
- minimapSlider.hoverBackground#535D73aa
- notificationCenter.border#3E465600
- notificationCenterHeader.background#2E3440
- notificationCenterHeader.foreground#AAB1C1
- notificationLink.foreground#AAB1C1
- notifications.background#3E4656
- notifications.border#2E3440
- notifications.foreground#BDC3CF
- notificationsErrorIcon.foreground#E57373
- notificationsInfoIcon.foreground#05BE9F
- notificationsWarningIcon.foreground#DB7F67
- notificationToast.border#3E465600
- panel.background#2E3440
- panel.border#3E4656
- panel.foreground#BDC3CF
- panelTitle.activeBorder#5F6B83
- panelTitle.activeForeground#BDC3CF
- panelTitle.inactiveForeground#AAB1C1
- peekView.border#5F6B83
- peekViewEditor.background#2E3440
- peekViewEditor.matchHighlightBackground#67769680
- peekViewEditorGutter.background#2E3440
- peekViewResult.background#2E3440
- peekViewResult.fileForeground#AAB1C1
- peekViewResult.lineForeground#BDC3CF66
- peekViewResult.matchHighlightBackground#AAB1C1cc
- peekViewResult.selectionBackground#535D73
- peekViewResult.selectionForeground#BDC3CF
- peekViewTitle.background#3E4656
- peekViewTitleDescription.foreground#BDC3CF
- peekViewTitleLabel.foreground#AAB1C1
- pickerGroup.border#3E4656
- pickerGroup.foreground#AAB1C1
- problemsErrorIcon.foreground#E57373
- problemsInfoIcon.foreground#05BE9F
- problemsWarningIcon.foreground#DB7F67
- progressBar.background#AAB1C1
- quickInput.foreground#BDC3CF
- quickInputList.focusBackground#AAB1C1
- quickInputList.focusForeground#2E3440
- sash.hoverBorder#AAB1C1
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#535D73aa
- scrollbarSlider.background#535D7399
- scrollbarSlider.hoverBackground#535D73aa
- selection.background#AAB1C199
- sideBar.background#2E3440
- sideBar.border#3E4656
- sideBar.foreground#BDC3CF
- sideBarSectionHeader.background#3E4656
- sideBarSectionHeader.border#3E4656
- sideBarSectionHeader.foreground#BDC3CF
- sideBarTitle.foreground#BDC3CF
- statusBar.background#3E4656
- statusBar.debuggingBackground#77839D
- statusBar.debuggingBorder#ff7651
- statusBar.debuggingForeground#BDC3CF
- statusBar.focusBorder#5F6B83
- statusBar.foreground#BDC3CF
- statusBar.noFolderBackground#3E4656
- statusBar.noFolderForeground#BDC3CF
- statusBarItem.activeBackground#5F6B83
- statusBarItem.errorBackground#E57373
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#535D73
- statusBarItem.prominentBackground#3E4656
- statusBarItem.prominentHoverBackground#535D73
- statusBarItem.remoteBackground#DB7F67
- statusBarItem.remoteForeground#f8fafd
- statusBarItem.warningBackground#DB7F67
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#3E4656
- tab.activeBadgeBackground#609BBC
- tab.activeBadgeForeground#ffffff
- tab.activeBorder#3E465600
- tab.activeBorderTop#3E465600
- tab.activeForeground#BDC3CF
- tab.border#3E4656
- tab.hoverBackground#3E4656cc
- tab.inactiveBackground#2E3440
- tab.inactiveBadgeBackground#609BBC
- tab.inactiveBadgeForeground#ffffff
- tab.inactiveForeground#BDC3CF66
- tab.lastPinnedBorder#5F6B83
- tab.unfocusedActiveBorder#AAB1C100
- tab.unfocusedActiveBorderTop#AAB1C100
- tab.unfocusedActiveForeground#BDC3CF99
- tab.unfocusedHoverBackground#3E4656b3
- tab.unfocusedHoverBorder#AAB1C100
- tab.unfocusedInactiveForeground#BDC3CF66
- terminal.ansiBlack#3E4656
- terminal.ansiBlue#05BE9F
- terminal.ansiBrightBlack#5F6B83
- terminal.ansiBrightBlue#528bff
- terminal.ansiBrightCyan#99aab5
- terminal.ansiBrightGreen#05BE9F
- terminal.ansiBrightMagenta#7e0097
- terminal.ansiBrightRed#E57373
- terminal.ansiBrightWhite#DEE1E7
- terminal.ansiBrightYellow#E6BA5C
- terminal.ansiCyan#99aab5
- terminal.ansiGreen#05BE9F
- terminal.ansiMagenta#E57373
- terminal.ansiRed#609BBC
- terminal.ansiWhite#DEE1E7
- terminal.ansiYellow#E6BA5C
- terminal.background#2E3440
- terminal.foreground#D3D7DF
- terminal.iconForeground#BDC3CF
- terminal.tab.activeForeground#BDC3CF
- terminal.tabs.buttonForeground#BDC3CF
- terminalCursor.foreground#BDC3CF
- textBlockQuote.background#3E4656
- textBlockQuote.border#05BE9F
- textCodeBlock.background#5F6B83
- textLink.activeForeground#AAB1C1
- textLink.foreground#05BE9F
- textPreformat.foreground#05BE9F
- textSeparator.foreground#DEE1E7
- titleBar.activeBackground#2E3440
- titleBar.activeForeground#BDC3CF
- titleBar.border#3E465600
- titleBar.inactiveBackground#2E3440
- titleBar.inactiveForeground#BDC3CF66
- tree.indentGuidesStroke#616e88
- walkThrough.embeddedEditorBackground#2E3440
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #748B97 | — |
| constant | #DB7F67 | — |
| emphasis | #FF0000 | bold |
| entity.name.function | #05BE9F | — |
| entity.name.type | #E6BA5C | — |
| entity.name.variable | #05BE9F | — |
| entity.name.variable.field | #05BE9F | — |
| invalid | #E57373 | bold italic |
| keyword | #E57373 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.bold markup.italic | — | bold italic |
| markup.heading | #E57373 | bold |
| markup.underline.link | #E57373 | italic |
| string.other.link.title.markdown, string.other.link.description.markdown | #05BE9F | — |
| markup.inline.raw | #E6BA5C | — |
| markup.raw | #E6BA5C | — |
| markup.heading punctuation, punctuation.definition.bold, punctuation.definition.italic, markup.fenced_code.block punctuation, fenced_code.block.language, punctuation.definition.quote | #748B97 | — |
| markup.quote | #609BBC | — |
| punctuation.definition.list.begin, meta.separator.markdown | #05BE9F | — |
| punctuation | #96A6AF | — |
| storage.modifier | #E57373 | — |
| storage.type | #E6BA5C | — |
| string | #DB7F67 | — |
| strong | #FF0000 | bold |
| variable | #609BBC | — |
| storage.type.struct.cpp, storage.type.built-in.primitive.cpp | #E57373 | — |
| variable.parameter.cpp | #05BE9F | — |
| meta.preprocessor.cs | — | bold |
| variable.other.object.property.end.cs | — | bold |
| variable.other.object.property.underscore.cs | — | italic |
| variable.other.object.property.end.cs variable.other.object.property.underscore.cs | — | bold italic |
| entity.name.tag.css, entity.name.tag.wildcard.css | #E57373 | — |
| entity.other.attribute-name.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-element.css | #E6BA5C | — |
| entity.other.attribute-name.class.css | #05BE9F | — |
| entity.other.attribute-name.pseudo-class.css | #05BE9F | italic |
| support.type.property-name.css | #609BBC | — |
| support.type.vendored.property-name.css | #609BBC | italic |
| meta.property-value.css, support.constant.property-value.css | #05BE9F | — |
| support.constant.vendored.property-value.css | #05BE9F | italic |
| source.js meta.tag.attributes keyword.operator.assignment, source.js.jsx meta.tag.attributes keyword.operator.assignment, source.tsx meta.tag.attributes keyword.operator.assignment | #96A6AF | — |
| source.tsx entity.name.tag, source.js entity.name.tag, source.jsx entity.name.tag | #609BBC | — |
| source.js support.class.component, source.js.jsx support.class.component, source.tsx support.class.component | #609BBC | bold |
| source.js entity.other.attribute-name, source.jsx entity.other.attribute-name, source.tsx entity.other.attribute-name | #05BE9F | |
| source.tsx storage.type, source.tsx storage.type.function, source.tsx storage.type.function.arrow, source.jsx storage.type, source.jsx storage.type.function, source.jsx storage.type.function.arrow | #E57373 | — |
| entity.name.tag.html | #609BBC | — |
| entity.other.attribute-name.html | #05BE9F | — |
| source.http http.requestheaders | #609BBC | — |
| source.http string.other.http | #05BE9F | — |
| source.http http.requestline | #E6BA5C | — |
| source.vue entity.name.tag | #30bced | — |
| source.vue support.class.component.html | #30bced | bold |
| source.vue entity.other | #E6BA5C | bold |
| storage.type.primitive.array.java, storage.type.primitive.java, variable.language.this.java | #E57373 | — |
| variable.other.definition.java, variable.parameter.java | #05BE9F | — |
| meta.method.body.java | #609BBC | — |
| meta.object-literal.key.js, support.variable.property.js | #609BBC | — |
| storage.type.function.arrow.js, variable.language.this.js, storage.type.class.jsdoc | #E57373 | — |
| meta.brace.round.js | #96A6AF | — |
| source.js support.constant, source.js support.class, source.js support.type, source.js support.variable, source.js entity.other | #E6BA5C | bold |
| source.js support.function | #05BE9F | bold |
| storage.type.js, storage.type.class.js, storage.type.function.js, storage.type.property.js | #E57373 | — |
| support.type.property-name.json | #609BBC | |
| string.quoted.double.json | #05BE9F | |
| constant.language.json | #DB7F67 | |
| constant.numeric.json | #E57373 | |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.separator.dictionary.pair.json, punctuation.separator.dictionary.key-value.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json, punctuation.separator.array.json | #96A6AF | |
| source.php entity.name.type, source.php support.class.php, source.php keyword.other.type.php | #E6BA5C | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, source.php storage.type.class.php, source.php support.function.construct.output.php, source.php storage.type.function.php | #E57373 | — |
| source.php punctuation.definition.variable.php | #609BBC | — |
| source.php support.function | #05BE9F | bold |
| entity.name.tag.reference.scss, entity.name.tag.wildcard.scss | #E57373 | — |
| meta.property-value.scss | #05BE9F | — |
| entity.other.attribute-name.attribute.scss | #E6BA5C | — |
| source.ts storage.type, variable.language.this.ts | #E57373 | — |
| source.ts support.constant, source.ts support.class, source.ts support.type, source.ts support.variable, source.ts entity.other | #E6BA5C | bold |
| source.ts support.function | #05BE9F | bold |
| keyword.operator.type.annotation.ts | #99aab5 | — |
| support.function.json.ts | #05BE9F | — |
| meta.object-literal.key.ts, support.variable.property.ts | #609BBC | — |
| source.yaml constant | #E57373 | — |
| source.yaml string.unquoted | #05BE9F | — |
| source.yaml entity.name.tag.yaml | #609BBC | — |
| source.python storage.type.function | #E57373 | — |
| source.python meta.function-call | #05BE9F | — |
| source.python meta.function-call.arguments | #609BBC | — |
| source.python entity.name.function.decorator | #05BE9F | — |
| source.python support.type | #E6BA5C | bold |
| source.python | #609BBC | — |
| source.python punctuation.definition.list.begin | #96A6AF | — |
| source.python support.function.builtin | #05BE9F | bold |
| source.go | #609BBC | — |
| source.go support.function | #05BE9F | — |
| source.ts support.type | #E6BA5C | — |