Tornado Themes
Publisher: Le TrieuThemes in package: 2
A collection of dark themes including Tornado and Carbonfox
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.background#161616
- activityBar.foreground#78a9ff
- activityBar.inactiveForeground#6f6f6f
- activityBarBadge.background#78a9ff
- activityBarBadge.foreground#161616
- badge.background#78a9ff
- badge.foreground#161616
- breadcrumb.activeSelectionForeground#78a9ff
- breadcrumb.focusForeground#cbccc6
- breadcrumb.foreground#6f6f6f
- breadcrumbPicker.background#262626
- button.background#78a9ff
- button.foreground#161616
- button.hoverBackground#5aa3f0
- charts.blue#78a9ff
- charts.foreground#cbccc6
- charts.green#42be65
- charts.lines#6f6f6f
- charts.orange#ff8389
- charts.purple#be95ff
- charts.red#fa4d56
- charts.yellow#f1c21b
- checkbox.background#262626
- checkbox.border#525252
- checkbox.foreground#cbccc6
- debugConsole.errorForeground#fa4d56
- debugConsole.infoForeground#78a9ff
- debugConsole.sourceForeground#cbccc6
- debugConsole.warningForeground#f1c21b
- debugConsoleInputIcon.foreground#cbccc6
- debugExceptionWidget.background#262626
- debugExceptionWidget.border#fa4d56
- debugToolBar.background#262626
- debugToolBar.border#525252
- diffEditor.border#525252
- diffEditor.insertedTextBackground#42be651a
- diffEditor.insertedTextBorder#42be6500
- diffEditor.removedTextBackground#fa4d561a
- diffEditor.removedTextBorder#fa4d5600
- diffEditorGutter.insertedLineBackground#42be6533
- diffEditorGutter.removedLineBackground#fa4d5633
- diffEditorOverview.insertedForeground#42be65
- diffEditorOverview.removedForeground#fa4d56
- dropdown.background#262626
- dropdown.border#525252
- dropdown.foreground#cbccc6
- editor.background#161616
- editor.findMatchBackground#f1c21b66
- editor.findMatchHighlightBackground#f1c21b33
- editor.foldBackground#78a9ff1a
- editor.foreground#cbccc6
- editor.inactiveSelectionBackground#78a9ff1a
- editor.lineHighlightBackground#26262633
- editor.linkedEditingBackground#ff7eb633
- editor.selectionBackground#78a9ff33
- editor.selectionHighlightBackground#78a9ff1a
- editor.wordHighlightBackground#78a9ff1a
- editor.wordHighlightStrongBackground#78a9ff33
- editorBracketMatch.background#78a9ff33
- editorBracketMatch.border#78a9ff
- editorCodeLens.foreground#6f6f6f
- editorCursor.background#161616
- editorCursor.foreground#78a9ff
- editorError.border#fa4d5600
- editorError.foreground#fa4d56
- editorGroup.border#525252
- editorGroup.dropBackground#78a9ff33
- editorGroupHeader.noTabsBackground#161616
- editorGroupHeader.tabsBackground#161616
- editorGroupHeader.tabsBorder#525252
- editorGutter.addedBackground#42be65
- editorGutter.background#161616
- editorGutter.deletedBackground#fa4d56
- editorGutter.foldingControlForeground#6f6f6f
- editorGutter.modifiedBackground#f1c21b
- editorHint.border#6f6f6f00
- editorHint.foreground#6f6f6f
- editorHoverWidget.background#262626
- editorHoverWidget.border#525252
- editorHoverWidget.foreground#cbccc6
- editorHoverWidget.statusBarBackground#525252
- editorIndentGuide.activeBackground1#6f6f6f
- editorIndentGuide.background1#525252
- editorInfo.border#78a9ff00
- editorInfo.foreground#78a9ff
- editorLineNumber.activeForeground#cbccc6
- editorLineNumber.foreground#6f6f6f
- editorMarkerNavigation.background#262626
- editorMarkerNavigationError.background#fa4d56
- editorMarkerNavigationInfo.background#78a9ff
- editorMarkerNavigationWarning.background#f1c21b
- editorOverviewRuler.addedForeground#42be65
- editorOverviewRuler.border#525252
- editorOverviewRuler.bracketMatchForeground#78a9ff
- editorOverviewRuler.deletedForeground#fa4d56
- editorOverviewRuler.errorForeground#fa4d56
- editorOverviewRuler.findMatchForeground#f1c21b66
- editorOverviewRuler.infoForeground#78a9ff
- editorOverviewRuler.modifiedForeground#f1c21b
- editorOverviewRuler.rangeHighlightForeground#78a9ff66
- editorOverviewRuler.selectionHighlightForeground#78a9ff66
- editorOverviewRuler.warningForeground#f1c21b
- editorOverviewRuler.wordHighlightForeground#78a9ff33
- editorOverviewRuler.wordHighlightStrongForeground#78a9ff66
- editorPane.background#161616
- editorRuler.foreground#525252
- editorSuggestWidget.background#262626
- editorSuggestWidget.border#525252
- editorSuggestWidget.foreground#cbccc6
- editorSuggestWidget.highlightForeground#78a9ff
- editorSuggestWidget.selectedBackground#78a9ff33
- editorUnnecessaryCode.border#6f6f6f
- editorUnnecessaryCode.opacity#0000007f
- editorWarning.border#f1c21b00
- editorWarning.foreground#f1c21b
- editorWhitespace.foreground#525252
- editorWidget.background#262626
- editorWidget.border#525252
- editorWidget.foreground#cbccc6
- editorWidget.resizeBorder#78a9ff
- focusBorder#78a9ff
- foreground#cbccc6
- gitDecoration.addedResourceForeground#42be65
- gitDecoration.conflictingResourceForeground#ee5396
- gitDecoration.deletedResourceForeground#fa4d56
- gitDecoration.ignoredResourceForeground#6f6f6f
- gitDecoration.modifiedResourceForeground#f1c21b
- gitDecoration.submoduleResourceForeground#78a9ff
- gitDecoration.untrackedResourceForeground#42be65
- input.background#262626
- input.border#525252
- input.foreground#cbccc6
- input.placeholderForeground#6f6f6f
- inputOption.activeBorder#78a9ff
- inputValidation.errorBackground#fa4d56
- inputValidation.errorBorder#fa4d56
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#78a9ff
- inputValidation.infoBorder#78a9ff
- inputValidation.infoForeground#161616
- inputValidation.warningBackground#f1c21b
- inputValidation.warningBorder#f1c21b
- inputValidation.warningForeground#161616
- keybindingLabel.background#6f6f6f33
- keybindingLabel.border#6f6f6f
- keybindingLabel.bottomBorder#6f6f6f
- keybindingLabel.foreground#cbccc6
- list.activeSelectionBackground#78a9ff33
- list.activeSelectionForeground#78a9ff
- list.dropBackground#262626
- list.focusBackground#78a9ff33
- list.focusForeground#cbccc6
- list.highlightForeground#78a9ff
- list.hoverBackground#262626
- list.hoverForeground#cbccc6
- list.inactiveSelectionBackground#262626
- list.inactiveSelectionForeground#cbccc6
- listFilterWidget.background#262626
- listFilterWidget.noMatchesOutline#fa4d56
- listFilterWidget.outline#78a9ff
- menu.background#262626
- menu.border#525252
- menu.foreground#cbccc6
- menu.selectionBackground#78a9ff33
- menu.selectionBorder#78a9ff
- menu.selectionForeground#78a9ff
- menu.separatorBackground#525252
- menubar.selectionBackground#262626
- menubar.selectionBorder#78a9ff
- menubar.selectionForeground#cbccc6
- merge.border#525252
- merge.commonContentBackground#6f6f6f1a
- merge.commonHeaderBackground#6f6f6f33
- merge.currentContentBackground#42be651a
- merge.currentHeaderBackground#42be6533
- merge.incomingContentBackground#78a9ff1a
- merge.incomingHeaderBackground#78a9ff33
- minimap.background#161616
- minimap.errorHighlight#fa4d56
- minimap.findMatchHighlight#f1c21b66
- minimap.selectionHighlight#78a9ff66
- minimap.warningHighlight#f1c21b
- minimapGutter.addedBackground#42be65
- minimapGutter.deletedBackground#fa4d56
- minimapGutter.modifiedBackground#f1c21b
- minimapSlider.activeBackground#8d8d8d
- minimapSlider.background#525252
- minimapSlider.hoverBackground#6f6f6f
- notificationCenter.border#525252
- notificationCenterHeader.background#525252
- notificationCenterHeader.foreground#cbccc6
- notificationLink.foreground#78a9ff
- notifications.background#262626
- notifications.border#525252
- notifications.foreground#cbccc6
- notificationsErrorIcon.foreground#fa4d56
- notificationsInfoIcon.foreground#78a9ff
- notificationsWarningIcon.foreground#f1c21b
- notificationToast.border#525252
- panel.background#161616
- panel.border#525252
- panelInput.border#525252
- panelTitle.activeBorder#78a9ff
- panelTitle.activeForeground#cbccc6
- panelTitle.inactiveForeground#6f6f6f
- peekView.border#78a9ff
- peekViewEditor.background#161616
- peekViewEditor.matchHighlightBackground#f1c21b33
- peekViewResult.background#262626
- peekViewResult.fileForeground#cbccc6
- peekViewResult.lineForeground#6f6f6f
- peekViewResult.matchHighlightBackground#f1c21b33
- peekViewResult.selectionBackground#78a9ff33
- peekViewResult.selectionForeground#cbccc6
- peekViewTitle.background#3d3d3d
- peekViewTitleDescription.foreground#6f6f6f
- peekViewTitleLabel.foreground#cbccc6
- pickerGroup.border#525252
- pickerGroup.foreground#78a9ff
- problemsErrorIcon.foreground#fa4d56
- problemsInfoIcon.foreground#78a9ff
- problemsWarningIcon.foreground#f1c21b
- progressBar.background#78a9ff
- quickInput.background#262626
- quickInput.foreground#cbccc6
- quickInputList.focusBackground#78a9ff33
- quickInputTitle.background#525252
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#8d8d8d
- scrollbarSlider.background#525252
- scrollbarSlider.hoverBackground#6f6f6f
- selection.background#3d3d3d
- sideBar.background#161616
- sideBar.foreground#cbccc6
- sideBarSectionHeader.background#262626
- sideBarSectionHeader.border#525252
- sideBarSectionHeader.foreground#cbccc6
- sideBarTitle.foreground#cbccc6
- statusBar.background#161616
- statusBar.border#525252
- statusBar.debuggingBackground#ee5396
- statusBar.debuggingForeground#161616
- statusBar.foreground#cbccc6
- statusBar.noFolderBackground#161616
- statusBar.noFolderForeground#cbccc6
- statusBarItem.activeBackground#78a9ff33
- statusBarItem.hoverBackground#262626
- tab.activeBackground#161616
- tab.activeBorder#78a9ff
- tab.activeForeground#cbccc6
- tab.activeModifiedBorder#f1c21b
- tab.border#525252
- tab.hoverBackground#262626
- tab.hoverForeground#cbccc6
- tab.inactiveBackground#161616
- tab.inactiveForeground#6f6f6f
- tab.inactiveModifiedBorder#f1c21b66
- tab.unfocusedActiveBorder#6f6f6f
- tab.unfocusedActiveForeground#6f6f6f
- tab.unfocusedActiveModifiedBorder#f1c21b66
- tab.unfocusedHoverBackground#262626
- tab.unfocusedHoverForeground#cbccc6
- tab.unfocusedInactiveForeground#6f6f6f
- tab.unfocusedInactiveModifiedBorder#f1c21b33
- terminal.ansiBlack#161616
- terminal.ansiBlue#78a9ff
- terminal.ansiBrightBlack#6f6f6f
- terminal.ansiBrightBlue#78a9ff
- terminal.ansiBrightCyan#3ddbd9
- terminal.ansiBrightGreen#42be65
- terminal.ansiBrightMagenta#be95ff
- terminal.ansiBrightRed#fa4d56
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f1c21b
- terminal.ansiCyan#3ddbd9
- terminal.ansiGreen#42be65
- terminal.ansiMagenta#be95ff
- terminal.ansiRed#fa4d56
- terminal.ansiWhite#cbccc6
- terminal.ansiYellow#f1c21b
- terminal.background#161616
- terminal.foreground#cbccc6
- terminal.selectionBackground#78a9ff33
- terminalCursor.background#161616
- terminalCursor.foreground#78a9ff
- titleBar.activeBackground#161616
- titleBar.activeForeground#cbccc6
- titleBar.border#525252
- titleBar.inactiveBackground#161616
- titleBar.inactiveForeground#6f6f6f
- tree.indentGuidesStroke#525252
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6f6f6f | italic |
| string, string.quoted, string.template | #42be65 | — |
| constant.numeric | #3ddbd9 | — |
| keyword, storage.type, storage.modifier | #be95ff | — |
| keyword.operator | #c8a5ff | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #78a9ff | — |
| entity.name.method, meta.method-call | #78a9ff | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.struct | #08bdba | — |
| variable, string constant.other.placeholder | #ccccff | — |
| constant, entity.name.constant | #ee5396 | — |
| variable.other.constant | #ccccff | — |
| variable.other.property, support.variable.property | #52bdff | — |
| entity.name.tag, markup.deleted.git_gutter | #ff7eb6 | — |
| entity.other.attribute-name | #f1c21b | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #78a9ff | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #ff7eb6 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #cbccc6 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #cbccc6 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #cbccc6 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #cbccc6 | — |
| text.html.markdown markup.inline.raw.markdown | #be95ff | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #6f6f6f | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #42be65 | — |
| markup.italic | #ff7eb6 | italic |
| markup.bold, markup.bold string | #ff7eb6 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #ff7eb6 | bold italic |
| markup.underline | #cbccc6 | underline |
| markup.strikethrough | — | strikethrough |
| markup.quote | #6f6f6f | italic |
| markup.raw.block | #be95ff | — |
| markup.raw.block.fenced.markdown | #cbccc6 | — |
| punctuation.definition.fenced.markdown | #6f6f6f | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #cbccc6 | — |
| variable.language.fenced.markdown | #6f6f6f | — |
| meta.separator | #6f6f6f | bold |
| markup.table | #cbccc6 | — |
| variable.parameter.function.language.special.self.python | #ff7eb6 | italic |
| constant.character.format.placeholder.other.python | #ee5396 | — |
| support.type.vendored.property-name.css | #f1c21b | — |
| support.constant.property-value.css, support.constant.font-name.css | #cbccc6 | — |
| entity.name.tag.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss | #08bdba | — |
| entity.name.tag.html | #be95ff | — |
| entity.other.attribute-name.html, entity.other.attribute-name | #8cb6ff | italic |
| entity.name.section.group-title.ini | #42be65 | — |
| keyword.other.definition.ini | #ff7eb6 | — |
| entity.other.attribute-name.localname.xml, entity.other.attribute-name.namespace.xml | #f1c21b | — |
| entity.name.tag.yaml | #33b1ff | — |
| string.unquoted.plain.out.yaml | #cbccc6 | — |
| keyword.other.special-method.dockerfile | #be95ff | — |
| punctuation.separator.key-value | #cbccc6 | — |
| storage.type.java, storage.type.cs | #ff8389 | — |
| keyword.other.import.java, keyword.other.using.cs | #ff7eb6 | — |
| support.function | #78a9ff | — |
| support.type.property-name | #cbccc6 | — |
| support.constant.property-value | #cbccc6 | — |
| support.constant.font-name | #f1c21b | — |
| meta.tag | #cbccc6 | — |
| markup.underline | — | underline |
| markup.italic | — | italic |
| invalid.illegal | #fa4d56 | — |
| invalid.deprecated | #f1c21b | — |
| meta.preprocessor | #be95ff | — |
| keyword.other.fixme, keyword.other.todo, keyword.other.note, keyword.other.hack | #f1c21b | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...