Skip to main content
Coding Theme

Hacker X Theme

Publisher: Hasibur RThemes in package: 22

Multi-variant pure dark hacker theme for VS Code – Matrix green, terminal, neon, and more.

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#0a0a0a
  • activityBar.background#0a0a0a
  • activityBar.border#00000000
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#555555
  • activityBarBadge.background#0087ff
  • activityBarBadge.foreground#ffffff
  • badge.background#0087ff
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#b1e2ff
  • breadcrumb.background#0a0a0a
  • breadcrumb.focusForeground#b1e2ff
  • breadcrumb.foreground#8899a3
  • button.background#1967d2
  • button.foreground#ffffff
  • button.hoverBackground#1967d27c
  • button.secondaryBackground#333333
  • button.secondaryForeground#cfcfcf
  • button.secondaryHoverBackground#3333337e
  • checkbox.background#000000
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#111111
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#111111
  • debugToolBar.border#00000000
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#79943a33
  • diffEditor.insertedTextBorder#0a0a0a
  • diffEditor.removedTextBackground#ff4e4e33
  • diffEditor.removedTextBorder#0a0a0a
  • dropdown.background#000000
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#0a0a0a
  • editor.findMatchBackground#0040ff52
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#ffcc0046
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#66666630
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#2831564d
  • editor.foreground#af8bff
  • editor.hoverHighlightBackground#a0cfff40
  • editor.inactiveSelectionBackground#333333
  • editor.lineHighlightBackground#1110173c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#f96f6f0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#333333
  • editor.selectionHighlightBackground#ffadad26
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#ff000034
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#2cff0046
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#ff9077
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#000000
  • editorCursor.foreground#b6b6b6
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#ff4620
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#0a0a0a
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#0a0a0a
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#14ba0f
  • editorGutter.background#0a0a0a
  • editorGutter.commentRangeForeground#eeeeee
  • editorGutter.deletedBackground#c41f26
  • editorGutter.foldingControlForeground#eeeeee
  • editorGutter.modifiedBackground#005cad
  • editorHoverWidget.background#111111
  • editorHoverWidget.border#00000000
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#c4c4c4a1
  • editorIndentGuide.background#333333
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#5186b6
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#515151
  • editorLink.activeForeground#54b2ff
  • editorMarkerNavigation.background#111111
  • editorMarkerNavigationError.background#ff6262
  • editorMarkerNavigationInfo.background#6dbaff
  • editorMarkerNavigationWarning.background#ffda4a
  • editorOverviewRuler.background#5e5e5e00
  • editorOverviewRuler.border#c0afaf00
  • editorRuler.foreground#333333
  • editorSuggestWidget.background#111111
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#8da5b6
  • editorSuggestWidget.highlightForeground#0087ff
  • editorSuggestWidget.selectedBackground#0087ff30
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe46c
  • editorWhitespace.foreground#515151
  • editorWidget.background#111111
  • editorWidget.foreground#888888
  • editorWidget.resizeBorder#00000000
  • focusBorder#00000000
  • foreground#18c200
  • gitDecoration.addedResourceForeground#a1ffb2
  • gitDecoration.conflictingResourceForeground#95a5ff
  • gitDecoration.deletedResourceForeground#ff6e6e
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffeb9e
  • gitDecoration.stageDeletedResourceForeground#f06f59
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#18c200
  • input.background#000000
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#2968ff
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#111111
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#111111
  • list.focusBackground#0087ff2c
  • list.focusForeground#ffffff
  • list.highlightForeground#507cff
  • list.hoverBackground#00000000
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#111111
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#222222
  • listFilterWidget.noMatchesOutline#00000000
  • listFilterWidget.outline#00000000
  • menu.background#111111
  • menu.border#00000000
  • menu.foreground#dddddd
  • menu.selectionBackground#0a0a0a
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff54
  • menubar.selectionBackground#111111
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#003634
  • merge.currentHeaderBackground#004744
  • merge.incomingContentBackground#001c3d
  • merge.incomingHeaderBackground#002a5e
  • minimap.background#0a0a0a
  • minimap.errorHighlight#ff4620
  • minimap.findMatchHighlight#0040ff52
  • minimap.selectionHighlight#333333
  • minimap.warningHighlight#ffe46c
  • minimapGutter.addedBackground#14ba0f
  • minimapGutter.deletedBackground#c41f26
  • minimapGutter.modifiedBackground#005cad
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#111111
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#111111
  • notifications.border#00000000
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#FF6D6D
  • notificationsInfoIcon.foreground#7EE2FF
  • notificationsWarningIcon.foreground#ffc047
  • notificationToast.border#47474700
  • panel.background#000000
  • panel.border#000000
  • panelSection.border#ffffff0a
  • panelTitle.activeBorder#0087ff
  • panelTitle.activeForeground#0087ff
  • panelTitle.inactiveForeground#b6b6b6
  • peekView.border#7bb4d900
  • peekViewEditor.background#111111
  • peekViewEditor.matchHighlightBackground#ffb30024
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#111111
  • peekViewResult.background#111111
  • peekViewResult.fileForeground#b0f0ff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ff3a254d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#111111
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#cbfdff
  • pickerGroup.border#00000000
  • pickerGroup.foreground#a7caf2
  • progressBar.background#0087FF
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#3d3d3d
  • scrollbarSlider.background#3d3d3d
  • scrollbarSlider.hoverBackground#3d3d3d
  • selection.background#0087ff70
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#18c200
  • sideBar.background#0a0a0a
  • sideBar.border#00000000
  • sideBar.dropBackground#111111
  • sideBar.foreground#999999
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#0087ff
  • sideBarTitle.foreground#dddddd
  • statusBar.background#0a0a0a
  • statusBar.border#0a0a0a
  • statusBar.debuggingBackground#2c1414
  • statusBar.debuggingBorder#0a0a0a
  • statusBar.debuggingForeground#999999
  • statusBar.foreground#777777
  • statusBar.noFolderBackground#241528
  • statusBar.noFolderBorder#0a0a0a
  • statusBar.noFolderForeground#999999
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0a0a0a
  • statusBarItem.remoteForeground#777777
  • tab.activeBackground#0a0a0a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#777777
  • tab.activeForeground#dad4f7
  • tab.border#25252600
  • tab.hoverBackground#111111
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#0a0a0a
  • tab.inactiveForeground#999999
  • terminal.ansiBlack#3d3d3d
  • terminal.ansiBlue#1584ff
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#95ccff
  • terminal.ansiBrightCyan#8ef4ff
  • terminal.ansiBrightGreen#97ffb1
  • terminal.ansiBrightMagenta#ff9aff
  • terminal.ansiBrightRed#ff6767
  • terminal.ansiBrightWhite#c9c9c9
  • terminal.ansiBrightYellow#ffce00
  • terminal.ansiCyan#0ae1ff
  • terminal.ansiGreen#00ff64
  • terminal.ansiMagenta#ff02ff
  • terminal.ansiRed#ff3333
  • terminal.ansiWhite#a3a3a3
  • terminal.ansiYellow#ffe779
  • terminal.border#ffffff0a
  • terminal.foreground#fbfbfb74
  • terminal.selectionBackground#2222222a
  • terminalCursor.background#333333
  • terminalCursor.foreground#ffffff
  • textLink.foreground#1967d2
  • titleBar.activeBackground#0a0a0a
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#0a0a0a
  • titleBar.inactiveForeground#999999
  • tree.indentGuidesStroke#333333
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000054

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#ffa5e9
variable.other.generic-type.haskell#af8bff
storage.type.haskell#40fdda
support.variable.magic.python#ffa5e9
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#af8bff
variable.parameter.function.language.special.self.python#83ff96
storage.modifier.lifetime.rust#af8bff
support.function.std.rust#ff9090
entity.name.lifetime.rust#83ff96
variable.language.rust#ffa5e9
support.constant.edge#af8bff
constant.other.character-class.regexp#ffa5e9
keyword.operator.quantifier.regexp#40fdda
punctuation.definition.string.begin,punctuation.definition.string.end#ffae73
variable.parameter.function#af8bff
comment markup.link#fbfbfb74
markup.changed.diff#83ff96
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ff9090
markup.inserted.diff#ffae73
markup.deleted.diff#ffa5e9
meta.function.c,meta.function.cpp#ffa5e9
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#af8bff
punctuation.separator.key-value#af8bff
keyword.operator.expression.import#ff9090
support.constant.math#83ff96
support.constant.property.math#40fdda
variable.other.constant#83ff96
storage.type.annotation.java, storage.type.object.array.java#83ff96
source.java#ffa5e9
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#af8bff
meta.method.java#ff9090
storage.modifier.import.java,storage.type.java,storage.type.generic.java#83ff96
keyword.operator.instanceof.java#af8bff
meta.definition.variable.name.java#ffa5e9
keyword.operator.logical#fffd88
keyword.operator.bitwise#fffd88
keyword.operator.channel#fffd88
support.constant.property-value.scss,support.constant.property-value.css#40fdda
keyword.operator.css,keyword.operator.scss,keyword.operator.less#fffd88
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#40fdda
punctuation.separator.list.comma.css#af8bff
support.constant.color.w3c-standard-color-name.css#40fdda
support.type.vendored.property-name.css#fffd88
support.module.node,support.type.object.module,support.module.node#83ff96
entity.name.type.module#83ff96
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffa5e9
support.constant.json#40fdda
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#af8bff
support.type.object.console#ffa5e9
support.variable.property.process#40fdda
entity.name.function,support.function.console#ff9090
keyword.operator.misc.rust#af8bff
keyword.operator.sigil.rust#af8bff
keyword.operator.delete#af8bff
support.type.object.dom#fffd88
support.variable.dom,support.variable.property.dom#ffa5e9
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#fffd88
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#af8bff
punctuation.separator.delimiter#af8bff
punctuation.separator.c,punctuation.separator.cpp#af8bff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#fffd88
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#af8bff
variable.parameter.function.language.python#40fdda
support.type.python#fffd88
keyword.operator.logical.python#af8bff
variable.parameter.function.python#40fdda
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#af8bff
meta.function-call.generic.python#ff9090
constant.character.format.placeholder.other.python#40fdda
keyword.operator#af8bff
keyword.operator.assignment.compound#af8bff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#fffd88
keyword#af8bff
entity.name.namespace#83ff96
variable#ffa5e9
variable.c#af8bff
variable.language#83ff96
token.variable.parameter.java#af8bff
import.storage.java#83ff96
token.package.keyword#af8bff
token.package#af8bff
entity.name.function, meta.require, support.function.any-method, variable.function#ff9090
entity.name.type.namespace#83ff96
support.class, entity.name.type.class#83ff96
entity.name.class.identifier.namespace.type#83ff96
entity.name.class, variable.other.class.js, variable.other.class.ts#83ff96
variable.other.class.php#ffa5e9
entity.name.type#83ff96
keyword.control#af8bff
control.elements, keyword.operator.less#40fdda
keyword.other.special-method#ff9090
storage#af8bff
token.storage#af8bff
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#af8bff
token.storage.type.java#83ff96
support.function#fffd88
support.type.property-name#af8bff
support.constant.property-value#af8bff
support.constant.font-name#40fdda
meta.tag#af8bff
string#ffae73
entity.other.inherited-class#83ff96
constant.other.symbol#fffd88
constant.numeric#40fdda
constant#40fdda
punctuation.definition.constant#40fdda
entity.name.tag#ffa5e9
entity.other.attribute-name#40fdda
entity.other.attribute-name.id#ff9090normal
entity.other.attribute-name.class.css#40fddanormal
meta.selector#af8bff
markup.heading#ffa5e9
markup.heading punctuation.definition.heading, entity.name.section#ff9090
keyword.other.unit#ffa5e9
markup.bold,todo.bold#40fdda
punctuation.definition.bold#83ff96
markup.italic, punctuation.definition.italic,todo.emphasis#af8bff
emphasis md#af8bff
entity.name.section.markdown#ffa5e9
punctuation.definition.heading.markdown#ffa5e9
punctuation.definition.list.begin.markdown#ffa5e9
markup.heading.setext#af8bff
punctuation.definition.bold.markdown#40fdda
markup.inline.raw.markdown#ffae73
markup.inline.raw.string.markdown#ffae73
punctuation.definition.list.markdown#ffa5e9
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffa5e9
beginning.punctuation.definition.list.markdown#ffa5e9
punctuation.definition.metadata.markdown#ffa5e9
markup.underline.link.markdown,markup.underline.link.image.markdown#af8bff
string.other.link.title.markdown,string.other.link.description.markdown#ff9090
string.regexp#fffd88
constant.character.escape#fffd88
punctuation.section.embedded, variable.interpolation#ffa5e9
punctuation.section.embedded.begin,punctuation.section.embedded.end#af8bff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#af8bff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffa5e9
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffa5e9
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#ffae73
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#fffd88
support.type.property-name.json#ffa5e9
support.type.property-name.json punctuation#ffa5e9
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#af8bff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#af8bff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#83ff96
keyword.operator.error-control.php#af8bff
keyword.operator.type.php#af8bff
punctuation.section.array.begin.php#af8bff
punctuation.section.array.end.php#af8bff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#83ff96
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ff9090
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#af8bff
support.constant.core.rust#40fdda
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#40fdda
entity.name.goto-label.php,support.other.php#ff9090
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#fffd88
keyword.operator.regexp.php#af8bff
keyword.operator.comparison.php#fffd88
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#af8bff
meta.function.decorator.python#ff9090
support.token.decorator.python,meta.function.decorator.identifier.python#fffd88
function.parameter#af8bff
function.brace#af8bff
function.parameter.ruby, function.parameter.cs#af8bff
constant.language.symbol.ruby#fffd88
rgb-value#fffd88
inline-color-decoration rgb-value#40fdda
less rgb-value#40fdda
selector.sass#ffa5e9
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#83ff96
block.scope.end,block.scope.begin#af8bff
storage.type.cs#83ff96
entity.name.variable.local.cs#ffa5e9
token.info-token#ff9090
token.warn-token#40fdda
token.error-token#f44747
token.debug-token#af8bff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#af8bff
meta.template.expression#af8bff
keyword.operator.module#af8bff
support.type.type.flowtype#ff9090
support.type.primitive#83ff96
meta.property.object#ffa5e9
variable.parameter.function.js#ffa5e9
keyword.other.template.begin#ffae73
keyword.other.template.end#ffae73
keyword.other.substitution.begin#ffae73
keyword.other.substitution.end#ffae73
keyword.operator.assignment#fffd88
keyword.operator.assignment.go#83ff96
keyword.operator.arithmetic.go, keyword.operator.address.go#af8bff
entity.name.package.go#83ff96
support.type.prelude.elm#fffd88
support.constant.elm#40fdda
punctuation.quasi.element#af8bff
constant.character.entity#ffa5e9
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#fffd88
entity.global.clojure#83ff96
meta.symbol.clojure#ffa5e9
constant.keyword.clojure#fffd88
meta.arguments.coffee, variable.parameter.function.coffee#ffa5e9
source.ini#ffae73
meta.scope.prerequisites.makefile#ffa5e9
source.makefile#83ff96
storage.modifier.import.groovy#83ff96
meta.method.groovy#ff9090
meta.definition.variable.name.groovy#ffa5e9
meta.definition.class.inherited.classes.groovy#ffae73
support.variable.semantic.hlsl#83ff96
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#af8bff
text.variable, text.bracketed#ffa5e9
support.type.swift, support.type.vb.asp#83ff96
entity.name.function.xi#83ff96
entity.name.class.xi#fffd88
constant.character.character-class.regexp.xi#ffa5e9
constant.regexp.xi#af8bff
keyword.control.xi#fffd88
invalid.xi#af8bff
beginning.punctuation.definition.quote.markdown.xi#ffae73
beginning.punctuation.definition.list.markdown.xi#fbfbfb74
constant.character.xi#ff9090
accent.xi#ff9090
wikiword.xi#40fdda
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#fbfbfb74
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#83ff96
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffa5e9
meta.brace.square#af8bff
comment, punctuation.definition.comment#fbfbfb74italic
markup.quote.markdown#fbfbfb74
punctuation.definition.block.sequence.item.yaml#af8bff
constant.language.symbol.elixir#fffd88
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
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...