Scorpion Theme
Publisher: Tudor AlexandruThemes in package: 1
A professional and a looking good colorful dark theme for your VS Code
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#1c2340
- activityBar.activeBorder#bd56e3
- activityBar.background#222b4d
- activityBar.border#1b2340
- activityBar.dropBackground#1b2340
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#8592cc
- activityBarBadge.background#b651db
- activityBarBadge.foreground#fff
- badge.background#bd56e3
- badge.foreground#fff
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.focusForeground#bd56e3
- breadcrumb.foreground#8393c9
- breadcrumbPicker.background#222b4d
- button.background#bd56e3
- button.foreground#fff
- button.hoverBackground#d570fa
- contrastActiveBorder#FFFFFF00
- contrastBorder#FFFFFF00
- debugExceptionWidget.background#222b4d
- debugExceptionWidget.border#8393c9
- debugIcon.continueForeground#bd56e3
- debugIcon.disconnectForeground#bd56e3
- debugIcon.pauseForeground#bd56e3
- debugIcon.restartForeground#3AD900
- debugIcon.startForeground#bd56e3
- debugIcon.stepBackForeground#bd56e3
- debugIcon.stepIntoForeground#bd56e3
- debugIcon.stepOutForeground#bd56e3
- debugIcon.stepOverForeground#bd56e3
- debugIcon.stopForeground#EC3A37F5
- debugToolBar.background#222b4d
- descriptionForeground#8393c9
- dropdown.background#222b4d
- dropdown.border#1b2340
- dropdown.foreground#FFFFFF
- editor.background#222b4d
- editor.findMatchBackground#ff7300ab
- editor.findMatchHighlightBackground#FFFF0336
- editor.findRangeHighlightBackground#FFFF0336
- editor.foreground#FFFFFF
- editor.hoverHighlightBackground#FF730056
- editor.inactiveSelectionBackground#384473
- editor.lineHighlightBackground#141c38
- editor.lineHighlightBorder#141c38
- editor.linkedEditingBackground#ae46d4
- editor.rangeHighlightBackground#141c38
- editor.selectionBackground#384473
- editor.selectionHighlightBackground#384473
- editor.snippetFinalTabstopHighlightBackground#b14bd6
- editor.snippetFinalTabstopHighlightBorder#b14bd6
- editor.snippetTabstopHighlightBackground#AD70FC46
- editor.snippetTabstopHighlightBorder#b14bd662
- editor.wordHighlightBackground#384473
- editor.wordHighlightStrongBackground#AD70FC46
- editorBracketMatch.background#AD70FC46
- editorBracketMatch.border#AD70FC46
- editorCodeLens.foreground#A599E9
- editorCursor.foreground#bd56e3
- editorError.foreground#EC3A37F5
- editorGroup.border#222b4d
- editorGroup.dropBackground#2d385e
- editorGroupHeader.noTabsBackground#222b4d
- editorGroupHeader.tabsBackground#222b4d
- editorGroupHeader.tabsBorder#4d5b8c
- editorGutter.addedBackground#3fbf76
- editorGutter.background#222b4d
- editorGutter.deletedBackground#d13b4a
- editorGutter.modifiedBackground#AD70FC46
- editorHoverWidget.background#222b4d
- editorHoverWidget.border#222b4d
- editorIndentGuide.activeBackground#bd56e3
- editorIndentGuide.background#8393c9
- editorLineNumber.foreground#8393c9
- editorLink.activeForeground#bd56e3
- editorMarkerNavigation.background#3B536433
- editorMarkerNavigationError.background#EC3A37F5
- editorMarkerNavigationWarning.background#bd56e3
- editorOverviewRuler.border#8393c9
- editorRuler.foreground#8393c9
- editorSuggestWidget.background#222b4d
- editorSuggestWidget.border#222b4d
- editorSuggestWidget.foreground#8393c9
- editorSuggestWidget.highlightForeground#bd56e3
- editorSuggestWidget.selectedBackground#303a5e
- editorWarning.border#FFFFFF00
- editorWarning.foreground#FAD000
- editorWhitespace.foreground#FFFFFF1A
- editorWidget.background#222b4d
- editorWidget.border#222b4d
- errorForeground#EC3A37F5
- extensionButton.prominentBackground#1b2340
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#222b4d
- focusBorder#222b4d
- foreground#8393c9
- gitDecoration.conflictingResourceForeground#ff8b2e
- gitDecoration.deletedResourceForeground#fa4743
- gitDecoration.ignoredResourceForeground#5a6a9e
- gitDecoration.modifiedResourceForeground#bd56e3
- gitDecoration.untrackedResourceForeground#55ff17
- input.background#222b4d
- input.border#222b4d
- input.foreground#8393c9
- input.placeholderForeground#fff
- inputOption.activeBackground#5D37F0
- inputOption.activeBorder#222b4d
- inputValidation.errorBackground#303a5e
- inputValidation.errorBorder#bd56e3
- inputValidation.infoBackground#303a5e
- inputValidation.infoBorder#303a5e
- inputValidation.warningBackground#303a5e
- inputValidation.warningBorder#bd56e3
- list.activeSelectionBackground#303a5e
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#303a5e
- list.focusBackground#303a5e
- list.focusForeground#FFFFFF
- list.highlightForeground#8393c9
- list.hoverBackground#303a5e
- list.hoverForeground#fff
- list.inactiveSelectionBackground#303a5e
- list.inactiveSelectionForeground#fff
- listFilterWidget.background#303a5e
- listFilterWidget.noMatchesOutline#EC3A37F5
- listFilterWidget.outline#303a5e
- menu.separatorBackground#8393c9
- merge.border#303a5e
- merge.commonContentBackground#222b4d
- merge.commonHeaderBackground#303a5e
- merge.currentContentBackground#3ad90093
- merge.currentHeaderBackground#303a5e
- merge.incomingContentBackground#ff730086
- merge.incomingHeaderBackground#303a5e
- notificationCenter.border#222b4d
- notificationCenterHeader.background#a949cc
- notificationCenterHeader.foreground#FFFFFF
- notificationLink.foreground#FFFFFF
- notifications.background#222b4d
- notifications.border#303a5e
- notifications.foreground#CEC5FF
- notificationToast.border#222b4d
- panel.background#222b4d
- panel.border#bd56e3
- panelTitle.activeBorder#bd56e3
- panelTitle.activeForeground#bd56e3
- panelTitle.inactiveForeground#8393c9
- peekView.border#bd56e3
- peekViewEditor.background#222b4d
- peekViewEditor.matchHighlightBackground#19354900
- peekViewEditorGutter.background#191935
- peekViewResult.background#222b4d
- peekViewResult.fileForeground#AAA
- peekViewResult.lineForeground#FFFFFF
- peekViewResult.matchHighlightBackground#303a5e
- peekViewResult.selectionBackground#303a5e
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#1F1F41
- peekViewTitleDescription.foreground#AAA
- peekViewTitleLabel.foreground#bd56e3
- pickerGroup.border#222b4d
- pickerGroup.foreground#8393c9
- progressBar.background#bd56e3
- scrollbar.shadow#222b4d
- scrollbarSlider.activeBackground#455280
- scrollbarSlider.background#303b63
- scrollbarSlider.hoverBackground#455280
- selection.background#384473
- settings.checkboxBackground#2d385e
- settings.checkboxBorder#2d385e
- settings.checkboxForeground#8393c9
- settings.dropdownBackground#2d385e
- settings.dropdownBorder#2d385e
- settings.dropdownForeground#8393c9
- settings.dropdownListBorder#2d385e
- settings.focusedRowBackground#37436e
- settings.headerForeground#FFFFFF
- settings.modifiedItemIndicator#bd56e3
- settings.numberInputBackground#2d385e
- settings.numberInputBorder#2d385e
- settings.numberInputForeground#8393c9
- settings.textInputBackground#2d385e
- settings.textInputBorder#2d385e
- settings.textInputForeground#8393c9
- sideBar.background#19213d
- sideBar.border#222c4d
- sideBar.foreground#8393c9
- sideBarSectionHeader.background#1b2340
- sideBarSectionHeader.border#1b2340
- sideBarSectionHeader.foreground#8393c9
- sideBarTitle.foreground#8393c9
- statusBar.background#1b2340
- statusBar.border#222b4d
- statusBar.debuggingBackground#bd56e3
- statusBar.debuggingForeground#222b4d
- statusBar.foreground#9babe0
- statusBar.noFolderBackground#222b4d
- statusBar.noFolderForeground#8393c9
- statusBarItem.activeBackground#2d385e
- statusBarItem.hoverBackground#2d385e
- statusBarItem.prominentBackground#222b4d
- statusBarItem.prominentHoverBackground#303a5e
- tab.activeBackground#1b2340
- tab.activeBorder#bd56e3
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#8393c9
- tab.border#222b4d
- tab.inactiveBackground#1b2240
- tab.inactiveForeground#8393c9
- tab.inactiveModifiedBorder#8393c966
- tab.unfocusedActiveForeground#8393c9
- tab.unfocusedActiveModifiedBorder#1b2240
- tab.unfocusedInactiveForeground#8393c9
- tab.unfocusedInactiveModifiedBorder#1b2240
- terminal.ansiBlack#000000
- terminal.ansiBlue#bd56e3
- terminal.ansiBrightBlack#5C5C61
- terminal.ansiBrightBlue#bd56e3
- terminal.ansiBrightCyan#80FCFF
- terminal.ansiBrightGreen#3AD900
- terminal.ansiBrightMagenta#FB94FF
- terminal.ansiBrightRed#EC3A37F5
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#bd56e3
- terminal.ansiCyan#80FCFF
- terminal.ansiGreen#3AD900
- terminal.ansiMagenta#FF2C70
- terminal.ansiRed#EC3A37F5
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#bd56e3
- terminal.background#222b4d
- terminal.foreground#FFFFFF
- terminalCursor.background#AD70FC46
- terminalCursor.foreground#AD70FC46
- textBlockQuote.background#222b4d
- textBlockQuote.border#bd56e3
- textCodeBlock.background#222b4d
- textLink.activeForeground#B362FF
- textLink.foreground#B362FF
- textPreformat.foreground#bd56e3
- textSeparator.foreground#222b4d
- titleBar.activeBackground#1b2340
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#1b2340
- titleBar.inactiveForeground#8393c9
- walkThrough.embeddedEditorBackground#222b4d
- welcomePage.buttonBackground#222b4d
- welcomePage.buttonHoverBackground#262650
- widget.shadow#00000026
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #C5C8C6 | — |
| meta.embedded, source.groovy.embedded | #C5C8C6 | — |
| comment | #B362FF | |
| string | #FFD23F | |
| string source | #1FFFC7 | |
| constant.numeric | #C55BEC | |
| constant.language | #C55BEC | |
| constant.character, constant.other | #8080FF | |
| keyword | #C55BEC | |
| support | #EE4266 | |
| support.variable.property | #C55BEC | |
| storage | #349AD5 | |
| entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution | #C55BEC | |
| entity.other.inherited-class | #EE4266 | |
| entity.name.function | #1FFFC7 | |
| support.constant.media,variable,entity.other.attribute-name.class,entity.other.attribute-name.id | #1FFFC7 | |
| variable.parameter | #349AD5 | |
| entity.name.tag | #349AD5 | |
| entity.other.attribute-name | #349AD5 | |
| support.function | #349AD5 | |
| keyword | #349AD5 | |
| variable.other, variable.js, punctuation.separator.variable | #C55BEC | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #008200 | |
| invalid | #FF0B00 | |
| variable.other.php, variable.other.normal | #C55BEC | |
| support.type.primitive | #C55BEC | |
| meta.function-call.object | #349AD5 | |
| variable.other.property | #C55BEC | |
| keyword.control, keyword.operator.new.cpp, keyword.operator.delete.cpp, keyword.other.using, keyword.other.operator | #EE4266 | |
| meta.tag | #ffffff | |
| entity.name.tag | #C55BEC | |
| meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype | #FFD23F | |
| meta.tag.inline source, text.html.php.source | #FFD23F | |
| meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html | #349AD5 | |
| entity.other.attribute-name, meta.tag punctuation.definition.string | #EE4266 | |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #C55BEC | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #ffffff | |
| meta.toc-list.id | #FFD23F | — |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #FFD23F | |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #C55BEC | |
| meta.selector.css entity.other.attribute-name.id | #349AD5 | |
| variable.other.property, punctuation.accessor.optional | #fff | |
| support.type.property-name.css | #349AD5 | |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #EE4266 | |
| variable.language.js | #CC555A | — |
| punctuation.definition.template-expression, punctuation.section.embedded.coffee | #1FFFC7 | — |
| meta.template.expression | #C5C8C6 | — |
| meta.function-call.object.php | #ffffff | |
| punctuation.definition.string.end.php, punctuation.definition.string.begin.php | #FFD23F | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #FFD23F | — |
| meta.brace.round | #349AD5 | — |
| support.class.component | #349AD5 | — |
| source.php.embedded.line.html | #349AD5 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #1FFFC7 | |
| constant.other.symbol.ruby | #FFD23F | |
| variable.language.ruby | #ffffff | |
| keyword.other.special-method.ruby | #D9B700 | |
| punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby | #1FFFC7 | — |
| keyword.other.DML.sql | #ffffff | |
| meta.diff, meta.diff.header | #E0EDDD | italic |
| markup.deleted | #dc322f | |
| markup.changed | #cb4b16 | |
| markup.inserted | #219186 | — |
| markup.quote | #349AD5 | — |
| markup.list | #FFD23F | — |
| markup.bold, markup.italic | #C55BEC | — |
| markup.inline.raw | #FF0080 | |
| markup.heading | #ffffff | — |
| markup.heading.setext | #ffffff | |
| markup.heading.markdown | — | bold |
| markup.quote.markdown | FFD23F | 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 | FFD23F | — |
| markup.italic.markdown | — | italic |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | FFD23F | — |
| punctuation.definition.list.begin.markdown | FFD23F | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| variable.language | #EE4266 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...