Skip to main content
Coding Theme

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#151821
  • activityBar.foreground#bae67e
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#bae67e
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1f2430
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#5ccfe6
  • button.foreground#000000
  • button.hoverBackground#517f8d
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugTokenExpression.string#cca700
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1f2430
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#cbccc6
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#423a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#8e8181
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#5f687a
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#ffd580
  • editorCursor.background#9b855c
  • editorCursor.foreground#445632
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1f2430
  • editorGroupHeader.tabsBackground#252526
  • editorGutter.addedBackground#77A8D9
  • editorGutter.background#1f2430
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#F27983
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#A6CC70
  • editorHoverWidget.background#2d2d43
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground1#5ccfe6
  • editorIndentGuide.background1#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#CBCCC6
  • editorInlayHint.background#B73A3400
  • editorInlayHint.foreground#5F687A
  • editorInlayHint.parameterBackground#B73A3400
  • editorInlayHint.parameterForeground#5F687A
  • editorInlayHint.typeBackground#B73A3400
  • editorInlayHint.typeForeground#5F687A
  • editorLineNumber.activeForeground#ffcc66
  • editorLineNumber.foreground#5f687a
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#5ccfe6
  • editorSuggestWidget.selectedBackground#637399
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#00cccc
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ffffff
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#73d0ff
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#5ccfe6
  • menu.selectionBorder#00000000
  • menu.selectionForeground#000000
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#42282828
  • merge.commonHeaderBackground#42383838
  • merge.currentContentBackground#4227403B
  • merge.currentHeaderBackground#42367366
  • merge.incomingContentBackground#2428384B
  • merge.incomingHeaderBackground#42395F8F
  • minimap.background#1f2430
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#42515c6a
  • minimap.selectionHighlight#425f687a
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#151821
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#232834
  • peekViewEditor.background#253356
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#5ccfe6
  • progressBar.background#00cccc
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#00cccc
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#151821
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1f2430
  • statusBar.debuggingBackground#bae67e
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#1f2430
  • statusBar.noFolderForeground#000000
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#bae67e
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#517f8d
  • titleBar.activeBackground#1f2430
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#b3e5fc
variable.other.generic-type.haskell#7eb2dd
storage.type.haskell#ff3333
support.variable.magic.python#b3e5fc
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#cbccc6
variable.parameter.function.language.special.self.python#d4bfff
storage.modifier.lifetime.rust#cbccc6
support.function.std.rust#5ccfe6
entity.name.lifetime.rust#d4bfff
variable.language.rust#b3e5fc
support.constant.edge#7eb2dd
constant.other.character-class.regexp#b3e5fc
keyword.operator.quantifier.regexp#ff3333
punctuation.definition.string.begin,punctuation.definition.string.end#95E6CB
variable.parameter.function#cbccc6
comment markup.link#928374
markup.changed.diff#d4bfff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#5ccfe6
markup.inserted.diff#bae67e
markup.deleted.diff#b3e5fc
meta.function.c,meta.function.cpp#b3e5fc
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#cbccc6
punctuation.separator.key-value#cbccc6
keyword.operator.expression.import#5ccfe6
support.constant.math#d4bfff
support.constant.property.math#ff3333
variable.other.constant#b3e5fc
variable.other.property#CBCCC6
storage.type.annotation.java, storage.type.object.array.java#d4bfff
source.java#b3e5fc
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#cbccc6
meta.method.java#5ccfe6
storage.modifier.import.java,storage.type.java,storage.type.generic.java#d4bfff
keyword.operator.instanceof.java#7eb2dd
meta.definition.variable.name.java#b3e5fc
keyword.operator.logical#f29e74
keyword.operator.bitwise#f29e74
keyword.operator.channel#f29e74
support.constant.property-value.scss,support.constant.property-value.css#95E6CB
keyword.operator.css,keyword.operator.scss,keyword.operator.less#f29e74
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff3333
punctuation.separator.list.comma.css#cbccc6
support.constant.color.w3c-standard-color-name.css#ff3333
support.type.vendored.property-name.css#f29e74
support.module.node,support.type.object.module,support.module.node#d4bfff
entity.name.type.module#d4bfff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#b3e5fc
support.constant.json#ff3333
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#7eb2dd
support.type.object.console#b3e5fc
support.variable.property.process#ff3333
entity.name.function.member, support.function.console#D4BFFF
keyword.operator.misc.rust#cbccc6
keyword.operator.sigil.rust#7eb2dd
keyword.operator.delete#7eb2dd
support.type.object.dom#f29e74
support.variable.dom,support.variable.property.dom#b3e5fc
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#f29e74
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#7eb2dd
punctuation.separator.delimiter#cbccc6
punctuation.separator.c,punctuation.separator.cpp#7eb2dd
support.type.posix-reserved.c,support.type.posix-reserved.cpp#f29e74
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#7eb2dd
variable.parameter.function.language.python#b8b8b4
support.type.python#f29e74
keyword.operator.logical.python#7eb2dd
variable.parameter.function.python#b8b8b4
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#cbccc6
meta.function-call.generic.python#5ccfe6
constant.character.format.placeholder.other.python#ff3333
keyword.operator#cbccc6
keyword.operator.assignment.compound#7eb2dd
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#f29e74
keyword#7eb2dd
entity.name.namespace#b3e5fc
variable#b3e5fc
variable.c#cbccc6
variable.language#d4bfff
token.variable.parameter.java#cbccc6
import.storage.java#d4bfff
token.package.keyword#7eb2dd
token.package#cbccc6
entity.name.function, variable.language.this, meta.require, support.function.any-method, variable.function#5ccfe6
entity.name.type.namespace#d4bfff
support.class, entity.name.type.class#5ccfe6
entity.name.class.identifier.namespace.type#d4bfff
entity.name.class, variable.other.class.js, variable.other.class.ts#d4bfff
variable.other.class.php#b3e5fc
entity.name.type#d4bfff
keyword.control#7eb2dd
control.elements, keyword.operator.less#ff3333
keyword.other.special-method#5ccfe6
storage#7eb2dd
token.storage#7eb2dd
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#7eb2dd
token.storage.type.java#d4bfff
support.function#f29e74
support.type.property-name#cbccc6
support.constant.property-value#cbccc6
support.constant.font-name#ff3333
meta.tag#cbccc6
string#95E6CB
entity.other.inherited-class#d4bfff
constant.other.symbol#f29e74
constant.numeric#ff3333
constant#ff3333
punctuation.definition.constant#ff3333
entity.name.tag#b3e5fc
entity.other.attribute-name#b8b8b4
entity.other.attribute-name.id#5ccfe6
entity.other.attribute-name.class.css,punctuation.definition.entity.css#5ccfe6
meta.selector#7eb2dd
markup.heading#b3e5fc
markup.heading punctuation.definition.heading, entity.name.section#5ccfe6
keyword.other.unit#b3e5fc
markup.bold,todo.bold#ff3333
punctuation.definition.bold#d4bfff
markup.italic, punctuation.definition.italic,todo.emphasis#7eb2dd
emphasis md#7eb2dd
entity.name.section.markdown#b3e5fc
punctuation.definition.heading.markdown#b3e5fc
punctuation.definition.list.begin.markdown#b3e5fc
markup.heading.setext#cbccc6
punctuation.definition.bold.markdown#ff3333
markup.inline.raw.markdown#95E6CB
markup.inline.raw.string.markdown#95E6CB
punctuation.definition.list.markdown#b3e5fc
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#b3e5fc
beginning.punctuation.definition.list.markdown#b3e5fc
punctuation.definition.metadata.markdown#b3e5fc
markup.underline.link.markdown,markup.underline.link.image.markdown#7eb2dd
string.other.link.title.markdown,string.other.link.description.markdown#5ccfe6
string.regexp#f29e74
constant.character.escape#f29e74
punctuation.section.embedded, variable.interpolation#b3e5fc
punctuation.section.embedded.begin,punctuation.section.embedded.end#7eb2dd
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#cbccc6
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#b3e5fc
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#b3e5fc
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#95E6CB
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#f29e74
support.type.property-name.json#b3e5fc
support.type.property-name.json punctuation#b3e5fc
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#7eb2dd
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#7eb2dd
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#d4bfff
keyword.operator.error-control.php#7eb2dd
keyword.operator.type.php#7eb2dd
punctuation.section.array.begin.php#cbccc6
punctuation.section.array.end.php#cbccc6
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#d4bfff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#5ccfe6
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#cbccc6
support.constant.core.rust#ff3333
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff3333
entity.name.goto-label.php,support.other.php#5ccfe6
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#f29e74
keyword.operator.regexp.php#7eb2dd
keyword.operator.comparison.php#f29e74
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#7eb2dd
meta.function.decorator.python#5ccfe6
support.token.decorator.python,meta.function.decorator.identifier.python#f29e74
function.parameter#cbccc6
function.brace#cbccc6
function.parameter.ruby, function.parameter.cs#cbccc6
constant.language.symbol.ruby#f29e74
rgb-value#f29e74
inline-color-decoration rgb-value#ff3333
less rgb-value#ff3333
selector.sass#b3e5fc
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#b3e5fc
block.scope.end,block.scope.begin#cbccc6
storage.type.cs#d4bfff
entity.name.variable.local.cs#b3e5fc
token.info-token#5ccfe6
token.warn-token#ff3333
token.error-token#f44747
token.debug-token#7eb2dd
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#7eb2dd
meta.template.expression#cbccc6
keyword.operator.module#7eb2dd
support.type.type.flowtype#5ccfe6
support.type.primitive#d4bfff
meta.property.object#b3e5fc
variable.parameter.function.js#b3e5fc
keyword.other.template.begin#95E6CB
keyword.other.template.end#bae67e
keyword.other.substitution.begin#bae67e
keyword.other.substitution.end#bae67e
keyword.operator.assignment#f29e74
keyword.operator.assignment.go#d4bfff
keyword.operator.arithmetic.go, keyword.operator.address.go#7eb2dd
entity.name.package.go#d4bfff
support.type.prelude.elm#f29e74
support.constant.elm#ff3333
punctuation.quasi.element#7eb2dd
constant.character.entity#b3e5fc
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#f29e74
entity.global.clojure#d4bfff
meta.symbol.clojure#b3e5fc
constant.keyword.clojure#f29e74
meta.arguments.coffee, variable.parameter.function.coffee#b3e5fc
source.ini#95E6CB
meta.scope.prerequisites.makefile#b3e5fc
source.makefile#d4bfff
storage.modifier.import.groovy#d4bfff
meta.method.groovy#5ccfe6
meta.definition.variable.name.groovy#b3e5fc
meta.definition.class.inherited.classes.groovy#bae67e
support.variable.semantic.hlsl#d4bfff
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#7eb2dd
text.variable, text.bracketed#b3e5fc
support.type.swift, support.type.vb.asp#d4bfff
entity.name.function.xi#d4bfff
entity.name.class.xi#f29e74
constant.character.character-class.regexp.xi#b3e5fc
constant.regexp.xi#7eb2dd
keyword.control.xi#f29e74
invalid.xi#cbccc6
beginning.punctuation.definition.quote.markdown.xi#95E6CB
beginning.punctuation.definition.list.markdown.xi#928374
constant.character.xi#5ccfe6
accent.xi#5ccfe6
wikiword.xi#ff3333
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#928374
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#d4bfff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#b3e5fc
meta.brace.square#cbccc6
comment, punctuation.definition.comment#928374italic
markup.quote.markdown#928374
punctuation.definition.block.sequence.item.yaml#cbccc6
constant.language.symbol.elixir#f29e74
entity.other.attribute-name.html,entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx#b8b8b4
variable.parameter,variable.language.super#D4BFFF
entity.name.tag.tsx,entity.name.tag.html#5CCFE6
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Tornado Themes - Coding Theme