BTS Theme
Publisher: cocomoThemes in package: 1
BTS inspired Visual Studio Code 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.activeBackground#222244
- activityBar.activeBorder#6943ff62
- activityBar.background#28284E
- activityBar.border#222244
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#A599E9
- activityBarBadge.background#ff6d00
- activityBarBadge.foreground#1E1E3F
- badge.background#ff6d00
- badge.foreground#1E1E3F
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.focusForeground#ff6d00
- breadcrumb.foreground#A599E9
- breadcrumbPicker.background#1E1E3F
- button.background#ff6d00
- button.foreground#222244
- button.hoverBackground#B362FF
- contrastActiveBorder#FFFFFF00
- contrastBorder#FFFFFF00
- debugExceptionWidget.background#1E1E3F
- debugExceptionWidget.border#A599E9
- debugIcon.continueForeground#ff6d00
- debugIcon.disconnectForeground#ff6d00
- debugIcon.pauseForeground#ff6d00
- debugIcon.restartForeground#3AD900
- debugIcon.startForeground#ff6d00
- debugIcon.stepBackForeground#ff6d00
- debugIcon.stepIntoForeground#ff6d00
- debugIcon.stepOutForeground#ff6d00
- debugIcon.stepOverForeground#ff6d00
- debugIcon.stopForeground#EC3A37F5
- debugToolBar.background#1E1E3F
- descriptionForeground#A599E9
- diffEditor.insertedTextBackground#00FF000E
- diffEditor.insertedTextBorder#00FF009A
- diffEditor.removedTextBackground#FF000D1A
- diffEditor.removedTextBorder#FF000D81
- dropdown.background#1E1E3F
- dropdown.border#1E1E3F
- dropdown.foreground#ff6d00
- editor.background#2D2B55
- editor.findMatchBackground#ff7300ab
- editor.findMatchHighlightBackground#FFFF0336
- editor.findRangeHighlightBackground#FFFF0336
- editor.foreground#FFFFFF
- editor.hoverHighlightBackground#FF730056
- editor.inactiveSelectionBackground#7580B8C0
- editor.lineHighlightBackground#1F1F41
- editor.lineHighlightBorder#1F1F41
- editor.linkedEditingBackground#7E46DFAA
- editor.rangeHighlightBackground#1F1F41
- editor.selectionBackground#b362ff
- editor.selectionHighlightBackground#7E46DF46
- editor.snippetFinalTabstopHighlightBackground#6943ff62
- editor.snippetFinalTabstopHighlightBorder#6943ff62
- editor.snippetTabstopHighlightBackground#6943ff62
- editor.snippetTabstopHighlightBorder#6943ff62
- editor.wordHighlightBackground#FFFFFF0D
- editor.wordHighlightStrongBackground#FFFFFF0D
- editorBracketMatch.background#AD70FC46
- editorBracketMatch.border#AD70FC46
- editorCodeLens.foreground#A599E9
- editorCursor.foreground#8900fa
- editorError.foreground#e9322ff5
- editorGroup.border#222244
- editorGroup.dropBackground#222244D0
- editorGroupHeader.noTabsBackground#2D2B55
- editorGroupHeader.tabsBackground#2D2B55
- editorGroupHeader.tabsBorder#1F1F41
- editorGutter.addedBackground#35AD68
- editorGutter.background#28284E
- editorGutter.deletedBackground#f73431f5
- editorGutter.modifiedBackground#AD70FC46
- editorHoverWidget.background#161633
- editorHoverWidget.border#161633
- editorIndentGuide.activeBackground#A599E942
- editorIndentGuide.background#A599E90F
- editorLineNumber.foreground#A599E9
- editorLink.activeForeground#A599E9
- editorMarkerNavigation.background#3B536433
- editorMarkerNavigationError.background#e92c29f5
- editorMarkerNavigationWarning.background#ff6d00
- editorOverviewRuler.border#A599E91C
- editorOverviewRuler.commonContentForeground#FFC60055
- editorOverviewRuler.currentContentForeground#EE3A4355
- editorOverviewRuler.incomingContentForeground#3AD90055
- editorRuler.foreground#e9e8991c
- editorSuggestWidget.background#1F1F41
- editorSuggestWidget.border#1F1F41
- editorSuggestWidget.foreground#A599E9
- editorSuggestWidget.highlightForeground#ff6d00
- editorSuggestWidget.selectedBackground#2D2B55
- editorWarning.border#FFFFFF00
- editorWarning.foreground#ff6d00
- editorWhitespace.foreground#FFFFFF1A
- editorWidget.background#222244
- editorWidget.border#1F1F41
- errorForeground#e42522f5
- extensionButton.prominentBackground#5D37F0
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#FF9D00
- focusBorder#1E1E3F
- foreground#A599E9
- gitDecoration.conflictingResourceForeground#FF7200
- gitDecoration.deletedResourceForeground#EC3A37F5
- gitDecoration.ignoredResourceForeground#A599E981
- gitDecoration.modifiedResourceForeground#ff6d00
- gitDecoration.untrackedResourceForeground#3AD900
- input.background#2D2B55
- input.border#1E1E3F
- input.foreground#ff6d00
- input.placeholderForeground#A599E9
- inputOption.activeBackground#5D37F0
- inputOption.activeBorder#1E1E3F
- inputValidation.errorBackground#2D2B55
- inputValidation.errorBorder#ff6d00
- inputValidation.infoBackground#2D2B55
- inputValidation.infoBorder#2D2B55
- inputValidation.warningBackground#2D2B55
- inputValidation.warningBorder#ff6d00
- list.activeSelectionBackground#2D2B55
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#2D2B55
- list.focusBackground#2D2B55
- list.focusForeground#FFFFFF
- list.highlightForeground#ff6d00
- list.hoverBackground#2D2B55
- list.hoverForeground#CEC5FF
- list.inactiveSelectionBackground#2D2B55
- list.inactiveSelectionForeground#AAA
- listFilterWidget.background#2D2B55
- listFilterWidget.noMatchesOutline#EC3A37F5
- listFilterWidget.outline#2D2B55
- menu.separatorBackground#A599E9
- merge.border#FFFFFF00
- merge.commonContentBackground#A599E981
- merge.commonHeaderBackground#A599E981
- merge.currentContentBackground#3ad90093
- merge.currentHeaderBackground#3ad90093
- merge.incomingContentBackground#ff730086
- merge.incomingHeaderBackground#ff730086
- notificationCenter.border#1E1E3F
- notificationCenterHeader.background#6943FF
- notificationCenterHeader.foreground#FFFFFF
- notificationLink.foreground#FFFFFF
- notifications.background#1E1E3F
- notifications.border#2D2B55
- notifications.foreground#CEC5FF
- notificationToast.border#1E1E3F
- panel.background#1E1E3F
- panel.border#ff6d00
- panelTitle.activeBorder#ff6d00
- panelTitle.activeForeground#ff6d00
- panelTitle.inactiveForeground#A599E9
- peekView.border#ff6d00
- peekViewEditor.background#1E1E3F
- peekViewEditor.matchHighlightBackground#19354900
- peekViewEditorGutter.background#191935
- peekViewResult.background#1E1E3F
- peekViewResult.fileForeground#AAA
- peekViewResult.lineForeground#FFFFFF
- peekViewResult.matchHighlightBackground#2D2B55
- peekViewResult.selectionBackground#2D2B55
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#1F1F41
- peekViewTitleDescription.foreground#AAA
- peekViewTitleLabel.foreground#ff6d00
- pickerGroup.border#1E1E3F
- pickerGroup.foreground#A599E9
- progressBar.background#ff6d00
- scrollbar.shadow#a599e981
- scrollbarSlider.activeBackground#ff6d00
- scrollbarSlider.background#a599e981
- scrollbarSlider.hoverBackground#4D21FC
- selection.background#B362FF
- settings.checkboxBackground#1E1E3F
- settings.checkboxBorder#1E1E3F
- settings.checkboxForeground#E5E4FB
- settings.dropdownBackground#1E1E3F
- settings.dropdownBorder#1E1E3F
- settings.dropdownForeground#E5E4FB
- settings.dropdownListBorder#2D2B55
- settings.headerForeground#FFFFFF
- settings.modifiedItemIndicator#ff6d00
- settings.numberInputBackground#1E1E3F
- settings.numberInputBorder#1E1E3F
- settings.numberInputForeground#E5E4FB
- settings.textInputBackground#1E1E3F
- settings.textInputBorder#1E1E3F
- settings.textInputForeground#E5E4FB
- sideBar.background#222244
- sideBar.border#25254B
- sideBar.foreground#A599E9
- sideBarSectionHeader.background#1E1E3F
- sideBarSectionHeader.border#1E1E3F
- sideBarSectionHeader.foreground#A599E9
- sideBarTitle.foreground#A599E9
- statusBar.background#1E1E3F
- statusBar.debuggingBackground#ff6d00
- statusBar.debuggingForeground#1E1E3F
- statusBar.foreground#A599E9
- statusBar.noFolderBackground#1E1E3F
- statusBar.noFolderForeground#A599E9
- statusBarItem.activeBackground#4D21FC
- statusBarItem.hoverBackground#4D21FC
- statusBarItem.prominentBackground#1E1E3F
- statusBarItem.prominentHoverBackground#2D2B55
- tab.activeBackground#222244
- tab.activeBorder#ff6d00
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#A599E9
- tab.border#1E1E3F
- tab.inactiveBackground#2D2B55
- tab.inactiveForeground#A599E9
- tab.inactiveModifiedBorder#A599E966
- tab.unfocusedActiveForeground#A599E9
- tab.unfocusedActiveModifiedBorder#A599E966
- tab.unfocusedInactiveForeground#A599E9
- tab.unfocusedInactiveModifiedBorder#A599E966
- terminal.ansiBlack#000000
- terminal.ansiBlue#6943FF
- terminal.ansiBrightBlack#5C5C61
- terminal.ansiBrightBlue#6943FF
- terminal.ansiBrightCyan#80FCFF
- terminal.ansiBrightGreen#3AD900
- terminal.ansiBrightMagenta#FB94FF
- terminal.ansiBrightRed#EC3A37F5
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#ff6d00
- terminal.ansiCyan#80FCFF
- terminal.ansiGreen#3AD900
- terminal.ansiMagenta#FF2C70
- terminal.ansiRed#EC3A37F5
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#ff6d00
- terminal.background#1E1E3F
- terminal.foreground#FFFFFF
- terminalCursor.background#ff6d00
- terminalCursor.foreground#ff6d00
- textBlockQuote.background#1E1E3F
- textBlockQuote.border#6943FF
- textCodeBlock.background#1E1E3F
- textLink.activeForeground#B362FF
- textLink.foreground#B362FF
- textPreformat.foreground#ff6d00
- textSeparator.foreground#1E1E3F
- titleBar.activeBackground#1E1E3F
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#1E1E3F
- titleBar.inactiveForeground#A599E9
- walkThrough.embeddedEditorBackground#1E1E3F
- widget.shadow#00000026
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #F8F8F2 | — |
| comment | #88846f | — |
| string | #E6DB74 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F92672 | — |
| meta.template.expression | #F8F8F2 | — |
| constant.numeric | #AE81FF | — |
| constant.numeric.other.suffix, keyword.other.unit | #66D9EF | italic |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| variable | #F8F8F2 | |
| entity.name.variable.enum-member | #AE81FF | — |
| keyword | #F92672 | — |
| keyword.other.var.cs, keyword.other.namespace, keyword.operator.arrow, keyword.other.class, keyword.other.enum, keyword.type, keyword.other.get, keyword.other.set | #66D9EF | italic |
| keyword.operator.null-conditional.cs | #F8F8F2 | — |
| storage | #F92672 | |
| storage.type | #66D9EF | italic |
| entity.name.type.namespace | #F8F8F2 | — |
| entity.name.type.namespace.declaration | #A6E22E | — |
| entity.name.type.type-parameter | #66D9EF | italic |
| entity.name.type, entity.name.class, entity.name.scope-resolution | #a7e726 | — |
| entity.other.inherited-class | #A6E22E | italic |
| entity.name.function | #A6E22E | |
| entity.name.function.invocation.cs | #66D9EF | — |
| variable.parameter, entity.name.variable.parameter | #FD971F | italic |
| entity.name.tag | #F92672 | |
| entity.other.attribute-name | #e22e2e | |
| punctuation.squarebracket.attribute | #F92672 | — |
| support.function | #66D9EF | |
| support.constant | #66D9EF | |
| support.type, support.class | #66D9EF | italic |
| support.other.variable | — | |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| markup.quote | #F92672 | — |
| markup.list | #E6DB74 | — |
| markup.bold, markup.italic | #66D9EF | — |
| markup.inline.raw | #FD971F | |
| markup.heading | #A6E22E | — |
| markup.heading.setext | #A6E22E | bold |
| markup.heading.markdown | — | bold |
| markup.quote.markdown | #75715E | italic |
| markup.bold.markdown | — | bold |
| string.other.link.title.markdown,string.other.link.description.markdown | #AE81FF | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #E6DB74 | — |
| markup.italic.markdown | — | italic |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #f8f8f2 | — |
| punctuation.definition.list.begin.markdown | #A6E22E | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| variable.language, keyword.other.this, keyword.other.base, keyword.other.value | #FD971F | italic |
| entity.name.scope-resolution.function.call.cpp, entity.name.scope-resolution.cpp, keyword.operator.decrement.cpp, keyword.operator.increment.cpp, keyword.operator.assignment.cpp, keyword.operator.assignment.compound.cpp, keyword.operator.assignment.compound.bitwise.cpp, keyword.operator.bitwise.cpp, keyword.operator.bitwise.shift.cpp, keyword.operator.logical.cpp, keyword.operator.ternary.cpp, keyword.operator.cpp, storage.modifier.pointer.cpp, storage.modifier.reference.cpp, keyword.operator.comparison.cpp, entity.name.type.cpp, entity.name.type.parameter.cpp, variable.parameter.cpp | #F8F8F2 | |
| keyword.other.unit.suffix.integer.cpp, keyword.other.unit.suffix.floating-point.cpp | #AE81FF | |
| entity.name.function.call.cpp, entity.name.function.member.cpp | #66D9EF | |
| entity.name.namespace.cpp | #A6E22E | — |
| storage.type.namespace.definition.cpp | #F92672 | |
| storage.type.modifier.access | #F92672 | |
| punctuation.separator.colon.access.control.cpp | #F8F8F2 | — |
| meta.qualified_type.cpp, entity.name.type.cpp | #A6E22E | italic |
| variable.parameter.preprocessor.c, entity.name.function.preprocessor.c, variable.parameter.probably.c, keyword.operator.decrement.c, keyword.operator.increment.c, keyword.operator.assignment.c, keyword.operator.assignment.compound.c, keyword.operator.assignment.compound.bitwise.c, keyword.operator.bitwise.c, keyword.operator.bitwise.shift.c, keyword.operator.logical.c, keyword.operator.ternary.c, keyword.operator.c, keyword.operator.comparison.c, variable.parameter.c | #F8F8F2 | |
| keyword.other.unit.suffix.integer.c, keyword.other.unit.suffix.floating-point.c | #AE81FF | |
| entity.name.function.c, entity.name.function.member.c | #66D9EF | |
| meta.function-call.generic.python | #66D9EF | |
| punctuation.definition.variable.powershell | #F92672 | — |
| variable.other.member.powershell | #A6E22E | — |
| support.variable.automatic.powershell | #66D9EF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...