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#001d34
  • activityBar.background#2f3640
  • activityBar.border#ff000000
  • activityBar.foreground#44bd32
  • activityBar.inactiveForeground#44bd32
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#44bd32
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#2f3640
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#4cd137
  • button.background#4cd137
  • button.foreground#2f3640
  • button.hoverBackground#44bd32
  • button.secondaryBackground#ffa801
  • button.secondaryForeground#ffecec
  • button.secondaryHoverBackground#ffd32a
  • checkbox.background#2f3640
  • checkbox.border#00000000
  • checkbox.foreground#4cd137
  • debugExceptionWidget.background#2f3640
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#2f3640
  • debugToolBar.border#47474700
  • diffEditor.border#2f364000
  • diffEditor.insertedTextBackground#4cd13738
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#ff3f3438
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#2f3640
  • dropdown.border#00000000
  • dropdown.foreground#4cd137
  • editor.background#2f3640
  • editor.findMatchBackground#44bd3226
  • editor.findMatchBorder#00ff88
  • editor.findMatchHighlightBackground#4cd13730
  • editor.findMatchHighlightBorder#00ff88
  • editor.findRangeHighlightBackground#44bd3226
  • editor.findRangeHighlightBorder#44bd3200
  • editor.foldBackground#4cd137
  • editor.foreground#e4e4e4
  • editor.hoverHighlightBackground#44bd3226
  • editor.inactiveSelectionBackground#44bd3226
  • editor.lineHighlightBackground#4cd13712
  • editor.lineHighlightBorder#4cd13752
  • editor.rangeHighlightBackground#44bd3226
  • editor.rangeHighlightBorder#44bd3226
  • editor.selectionBackground#44bd3226
  • editor.selectionHighlightBackground#44bd3226
  • editor.selectionHighlightBorder#4cd137
  • editor.wordHighlightBackground#4cd1373a
  • editor.wordHighlightBorder#4cd1373a
  • editor.wordHighlightStrongBackground#4cd1373a
  • editor.wordHighlightStrongBorder#4cd1373a
  • editorBracketMatch.background#4cd137
  • editorBracketMatch.border#4cd137
  • editorCodeLens.foreground#4cd137
  • editorCursor.background#001d34
  • editorCursor.foreground#ffffff
  • editorError.background#b73a3400
  • editorError.border#ffffff00
  • editorError.foreground#4cd137
  • editorGroup.border#13080800
  • editorGroup.emptyBackground#2f3640
  • editorGroupHeader.border#ff000000
  • editorGroupHeader.tabsBackground#2f3640
  • editorGroupHeader.tabsBorder#b47e7e00
  • editorGutter.addedBackground#ffa801
  • editorGutter.background#2f3640
  • editorGutter.commentRangeForeground#4cd137
  • editorGutter.deletedBackground#ff3f34
  • editorGutter.foldingControlForeground#4cd137
  • editorGutter.modifiedBackground#0fbcf9
  • editorHoverWidget.background#2f3640
  • editorHoverWidget.border#4cd137
  • editorHoverWidget.foreground#4cd137
  • editorIndentGuide.activeBackground#4cd13746
  • editorIndentGuide.background#4cd137b1
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#0fbcf9
  • editorLineNumber.activeForeground#ffa801
  • editorLineNumber.foreground#4cd137
  • editorLink.activeForeground#0fbcf9
  • editorMarkerNavigation.background#2f3640
  • editorMarkerNavigationError.background#ff3f34
  • editorMarkerNavigationInfo.background#4cd137
  • editorMarkerNavigationWarning.background#ffa801
  • editorOverviewRuler.background#4cd13724
  • editorOverviewRuler.border#4cd13700
  • editorRuler.foreground#4cd13700
  • editorSuggestWidget.background#2f3640
  • editorSuggestWidget.border#4cd137
  • editorSuggestWidget.foreground#4cd137
  • editorSuggestWidget.highlightForeground#44bd32
  • editorSuggestWidget.selectedBackground#001d34
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffa801
  • editorWhitespace.foreground#44bd3226
  • editorWidget.background#2f3640
  • editorWidget.foreground#ffa801
  • editorWidget.resizeBorder#5f5f5f00
  • focusBorder#4cd137
  • foreground#4cd137
  • gitDecoration.addedResourceForeground#44bd32
  • gitDecoration.conflictingResourceForeground#0fbcf9
  • gitDecoration.deletedResourceForeground#ff3f34
  • gitDecoration.ignoredResourceForeground#808e9b
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#ff5e57
  • gitDecoration.stageModifiedResourceForeground#ffa801
  • gitDecoration.submoduleResourceForeground#00d8d6
  • gitDecoration.untrackedResourceForeground#4cd137
  • icon.foreground#4cd137
  • input.background#2f3640
  • input.border#00000000
  • input.foreground#4cd137
  • input.placeholderForeground#4cd137
  • inputOption.activeBackground#4cd1375c
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#001d34
  • list.activeSelectionForeground#4cd137
  • list.dropBackground#001d34
  • list.focusBackground#001d34
  • list.focusForeground#44bd32
  • list.highlightForeground#44bd32
  • list.hoverBackground#485460
  • list.hoverForeground#ffa801
  • list.inactiveSelectionBackground#001d34
  • list.inactiveSelectionForeground#4cd137
  • listFilterWidget.background#44bd3224
  • listFilterWidget.noMatchesOutline#ff0000
  • listFilterWidget.outline#006234
  • menu.background#2f3640
  • menu.border#00000000
  • menu.foreground#4cd137
  • menu.selectionBackground#001d34
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#44bd3200
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#4cd137
  • menubar.selectionForeground#4cd137
  • merge.commonContentBackground#f53b57
  • merge.commonHeaderBackground#ff5e57
  • merge.currentContentBackground#2f3640
  • merge.currentHeaderBackground#ff3f34
  • merge.incomingContentBackground#575fcf
  • merge.incomingHeaderBackground#3c40c6
  • minimap.background#2f3640
  • minimap.errorHighlight#4cd137
  • minimap.findMatchHighlight#44bd3226
  • minimap.selectionHighlight#44bd3226
  • minimap.warningHighlight#ffa801
  • minimapGutter.addedBackground#ffa801
  • minimapGutter.deletedBackground#ff3f34
  • minimapGutter.modifiedBackground#0fbcf9
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#2f3640
  • notificationCenterHeader.foreground#4cd137
  • notifications.background#2f3640
  • notifications.border#30303100
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff3f34
  • notificationsInfoIcon.foreground#0fbcf9
  • notificationsWarningIcon.foreground#ffd32a
  • notificationToast.border#47474700
  • panel.background#2f3640
  • panel.border#80808000
  • panelSection.border#80808000
  • panelTitle.activeBorder#4cd137
  • panelTitle.activeForeground#4cd137
  • panelTitle.inactiveForeground#44bd32f7
  • peekView.border#007acc
  • peekViewEditor.background#2f3640
  • peekViewEditor.matchHighlightBackground#ffa80112
  • peekViewEditor.matchHighlightBorder#ffa80181
  • peekViewEditorGutter.background#2f3640
  • peekViewResult.background#001d34
  • peekViewResult.fileForeground#4cd137
  • peekViewResult.lineForeground#44bd32
  • peekViewResult.matchHighlightBackground#ffd32a
  • peekViewResult.selectionBackground#44bd32
  • peekViewResult.selectionForeground#000000
  • peekViewTitle.background#001d34
  • peekViewTitleDescription.foreground#44bd32
  • peekViewTitleLabel.foreground#4cd137
  • pickerGroup.border#e2e2e200
  • pickerGroup.foreground#ffd32a
  • progressBar.background#4cd137
  • scrollbar.shadow#485460
  • scrollbarSlider.activeBackground#2f3640
  • scrollbarSlider.background#2f3640
  • scrollbarSlider.hoverBackground#2f3640
  • selection.background#44bd3242
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#4cd137
  • sideBar.background#2f3640
  • sideBar.border#ff000000
  • sideBar.dropBackground#001d34
  • sideBar.foreground#44bd32
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#a1666600
  • sideBarSectionHeader.foreground#4cd137
  • sideBarTitle.foreground#4cd137
  • statusBar.background#2f3640
  • statusBar.border#2f3640
  • statusBar.debuggingBackground#001d34
  • statusBar.debuggingBorder#2f3640
  • statusBar.debuggingForeground#ffa801
  • statusBar.foreground#44bd32
  • statusBar.noFolderBackground#ff3f34
  • statusBar.noFolderBorder#ff3f34
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#2f3640
  • statusBarItem.remoteBackground#2f3640
  • statusBarItem.remoteForeground#44bd32
  • tab.activeBackground#001d34
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#4cd137
  • tab.border#25252600
  • tab.hoverBackground#001d34
  • tab.hoverBorder#ff000000
  • tab.hoverForeground#4cd137
  • tab.inactiveBackground#2f3640
  • tab.inactiveForeground#44bd32
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#575fcf
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0fbcf9
  • terminal.ansiBrightCyan#34e7e4
  • terminal.ansiBrightGreen#4cd137
  • terminal.ansiBrightMagenta#f53b57
  • terminal.ansiBrightRed#ff3f34
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#ffd32a
  • terminal.ansiCyan#00d8d6
  • terminal.ansiGreen#44bd32
  • terminal.ansiMagenta#ef5777
  • terminal.ansiRed#ff5e57
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#ffa801
  • terminal.border#80808000
  • terminal.foreground#4cd137
  • terminal.selectionBackground#ffffff00
  • terminalCursor.background#001d34
  • terminalCursor.foreground#4cd137
  • textLink.foreground#ffa801
  • titleBar.activeBackground#2f3640
  • titleBar.activeForeground#4cd137
  • titleBar.border#00000000
  • titleBar.inactiveBackground#2f3640
  • titleBar.inactiveForeground#44bd32
  • tree.indentGuidesStroke#4cd137
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#2f364000

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