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#000000
  • activityBar.background#000000
  • activityBar.border#39ff1444
  • activityBar.foreground#39ff14
  • activityBar.inactiveForeground#ffffff
  • activityBarBadge.background#39ff14
  • activityBarBadge.foreground#000000
  • badge.background#39ff14
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffffcc
  • button.background#ffffff
  • button.foreground#000000
  • button.hoverBackground#39ff14
  • button.secondaryBackground#ffffff
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#39ff14
  • checkbox.background#000000
  • checkbox.border#e03e3e00
  • checkbox.foreground#39ff14
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#000000
  • dropdown.border#e03e3e00
  • dropdown.foreground#39ff14
  • editor.background#000000
  • editor.findMatchBackground#ffffff00
  • editor.findMatchBorder#39ff14
  • editor.findMatchHighlightBackground#39ff1444
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#39ff14
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#39ff1444
  • editor.selectionHighlightBackground#39ff1444
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#39ff14
  • editorCursor.background#000000
  • editorCursor.foreground#39ff14
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff0000
  • editorGroup.border#444444
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#39ff1444
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#000000
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#39ff14
  • editorLineNumber.foreground#39ff1444
  • editorLink.activeForeground#39ff14
  • 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#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cc8f00
  • editorWhitespace.foreground#ffffff10
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#39ff1444
  • foreground#39ff14
  • 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#39ff14
  • input.background#000000
  • input.border#e03e3e00
  • input.foreground#39ff14
  • input.placeholderForeground#39ff14
  • inputOption.activeBackground#000000
  • inputOption.activeBorder#39ff1444
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#39ff1444
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#39ff1444
  • list.focusForeground#ffffff
  • list.highlightForeground#39ff14
  • list.hoverBackground#39ff1444
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#39ff1444
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#39ff1444
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#39ff1444
  • menu.background#000000
  • menu.border#ffffff44
  • menu.foreground#ffffff
  • menu.selectionBackground#39ff1444
  • menu.selectionBorder#e4727200
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#39ff1444
  • menubar.selectionBackground#000000
  • menubar.selectionBorder#ffffff
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#ffffff00
  • minimap.selectionHighlight#39ff1444
  • minimap.warningHighlight#cc8f00
  • 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#000000
  • panel.border#39ff1444
  • panelSection.border#39ff1444
  • panelTitle.activeBorder#39ff14
  • panelTitle.activeForeground#39ff14
  • panelTitle.inactiveForeground#ffffff
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • 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#39ff14
  • progressBar.background#39ff14
  • scrollbar.shadow#00000070
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#00000085
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#39ff14
  • sideBar.background#000000
  • sideBar.border#39ff1444
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#39ff14
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.border#39ff1444
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#000000
  • statusBar.border#39ff1444
  • statusBar.debuggingBackground#ff141444
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderForeground#39ff14
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#39ff1444
  • statusBarItem.remoteBackground#39ff14
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#39ff1444
  • tab.activeBorder#39ff14
  • tab.activeBorderTop#39ff1400
  • tab.activeForeground#ffffff
  • tab.border#39ff1444
  • tab.hoverBackground#39ff1444
  • tab.hoverBorder#39ff1444
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#39ff14
  • 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#39ff1444
  • terminal.foreground#cccccc
  • terminal.selectionBackground#39ff1444
  • terminalCursor.background#39ff1444
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ffffff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ffffff
  • titleBar.border#39ff1444
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#39ff1444
  • 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#ffe700
variable.other.generic-type.haskell#39ff14
storage.type.haskell#4deeea
support.variable.magic.python#ffe700
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#39ff14
variable.parameter.function.language.special.self.python#001eff
storage.modifier.lifetime.rust#39ff14
support.function.std.rust#ff7300
entity.name.lifetime.rust#001eff
variable.language.rust#ffe700
support.constant.edge#39ff14
constant.other.character-class.regexp#ffe700
keyword.operator.quantifier.regexp#4deeea
punctuation.definition.string.begin,punctuation.definition.string.end#ffffff
variable.parameter.function#39ff14
comment markup.link#777777
markup.changed.diff#001eff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ff7300
markup.inserted.diff#ffffff
markup.deleted.diff#ffe700
meta.function.c,meta.function.cpp#ffe700
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#39ff14
punctuation.separator.key-value#39ff14
keyword.operator.expression.import#ff7300
support.constant.math#001eff
support.constant.property.math#4deeea
variable.other.constant#001eff
storage.type.annotation.java, storage.type.object.array.java#001eff
source.java#ffe700
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#39ff14
meta.method.java#ff7300
storage.modifier.import.java,storage.type.java,storage.type.generic.java#001eff
keyword.operator.instanceof.java#39ff14
meta.definition.variable.name.java#ffe700
keyword.operator.logical#ff0000
keyword.operator.bitwise#ff0000
keyword.operator.channel#ff0000
support.constant.property-value.scss,support.constant.property-value.css#4deeea
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff0000
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#4deeea
punctuation.separator.list.comma.css#39ff14
support.constant.color.w3c-standard-color-name.css#4deeea
support.type.vendored.property-name.css#ff0000
support.module.node,support.type.object.module,support.module.node#001eff
entity.name.type.module#001eff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffe700
support.constant.json#4deeea
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#39ff14
support.type.object.console#ffe700
support.variable.property.process#4deeea
entity.name.function,support.function.console#ff7300
keyword.operator.misc.rust#39ff14
keyword.operator.sigil.rust#39ff14
keyword.operator.delete#39ff14
support.type.object.dom#ff0000
support.variable.dom,support.variable.property.dom#ffe700
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff0000
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#39ff14
punctuation.separator.delimiter#39ff14
punctuation.separator.c,punctuation.separator.cpp#39ff14
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff0000
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#39ff14
variable.parameter.function.language.python#4deeea
support.type.python#ff0000
keyword.operator.logical.python#39ff14
variable.parameter.function.python#4deeea
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#39ff14
meta.function-call.generic.python#ff7300
constant.character.format.placeholder.other.python#4deeea
keyword.operator#39ff14
keyword.operator.assignment.compound#39ff14
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff0000
keyword#39ff14
entity.name.namespace#001eff
variable#ffe700
variable.c#39ff14
variable.language#001eff
token.variable.parameter.java#39ff14
import.storage.java#001eff
token.package.keyword#39ff14
token.package#39ff14
entity.name.function, meta.require, support.function.any-method, variable.function#ff7300
entity.name.type.namespace#001eff
support.class, entity.name.type.class#001eff
entity.name.class.identifier.namespace.type#001eff
entity.name.class, variable.other.class.js, variable.other.class.ts#001eff
variable.other.class.php#ffe700
entity.name.type#001eff
keyword.control#39ff14
control.elements, keyword.operator.less#4deeea
keyword.other.special-method#ff7300
storage#39ff14
token.storage#39ff14
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#39ff14
token.storage.type.java#001eff
support.function#ff0000
support.type.property-name#39ff14
support.constant.property-value#39ff14
support.constant.font-name#4deeea
meta.tag#39ff14
string#ffffff
entity.other.inherited-class#001eff
constant.other.symbol#ff0000
constant.numeric#4deeea
constant#4deeea
punctuation.definition.constant#4deeea
entity.name.tag#ffe700
entity.other.attribute-name#4deeea
entity.other.attribute-name.id#ff7300normal
entity.other.attribute-name.class.css#4deeeanormal
meta.selector#39ff14
markup.heading#ffe700
markup.heading punctuation.definition.heading, entity.name.section#ff7300
keyword.other.unit#ffe700
markup.bold,todo.bold#4deeea
punctuation.definition.bold#001eff
markup.italic, punctuation.definition.italic,todo.emphasis#39ff14
emphasis md#39ff14
entity.name.section.markdown#ffe700
punctuation.definition.heading.markdown#ffe700
punctuation.definition.list.begin.markdown#ffe700
markup.heading.setext#39ff14
punctuation.definition.bold.markdown#4deeea
markup.inline.raw.markdown#ffffff
markup.inline.raw.string.markdown#ffffff
punctuation.definition.list.markdown#ffe700
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffe700
beginning.punctuation.definition.list.markdown#ffe700
punctuation.definition.metadata.markdown#ffe700
markup.underline.link.markdown,markup.underline.link.image.markdown#39ff14
string.other.link.title.markdown,string.other.link.description.markdown#ff7300
string.regexp#ff0000
constant.character.escape#ff0000
punctuation.section.embedded, variable.interpolation#ffe700
punctuation.section.embedded.begin,punctuation.section.embedded.end#39ff14
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#39ff14
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffe700
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffe700
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#ffffff
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff0000
support.type.property-name.json#ffe700
support.type.property-name.json punctuation#ffe700
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#39ff14
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#39ff14
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#001eff
keyword.operator.error-control.php#39ff14
keyword.operator.type.php#39ff14
punctuation.section.array.begin.php#39ff14
punctuation.section.array.end.php#39ff14
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#001eff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ff7300
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#39ff14
support.constant.core.rust#4deeea
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#4deeea
entity.name.goto-label.php,support.other.php#ff7300
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff0000
keyword.operator.regexp.php#39ff14
keyword.operator.comparison.php#ff0000
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#39ff14
meta.function.decorator.python#ff7300
support.token.decorator.python,meta.function.decorator.identifier.python#ff0000
function.parameter#39ff14
function.brace#39ff14
function.parameter.ruby, function.parameter.cs#39ff14
constant.language.symbol.ruby#ff0000
rgb-value#ff0000
inline-color-decoration rgb-value#4deeea
less rgb-value#4deeea
selector.sass#ffe700
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#001eff
block.scope.end,block.scope.begin#39ff14
storage.type.cs#001eff
entity.name.variable.local.cs#ffe700
token.info-token#ff7300
token.warn-token#4deeea
token.error-token#f44747
token.debug-token#39ff14
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#39ff14
meta.template.expression#39ff14
keyword.operator.module#39ff14
support.type.type.flowtype#ff7300
support.type.primitive#001eff
meta.property.object#ffe700
variable.parameter.function.js#ffe700
keyword.other.template.begin#ffffff
keyword.other.template.end#ffffff
keyword.other.substitution.begin#ffffff
keyword.other.substitution.end#ffffff
keyword.operator.assignment#ff0000
keyword.operator.assignment.go#001eff
keyword.operator.arithmetic.go, keyword.operator.address.go#39ff14
entity.name.package.go#001eff
support.type.prelude.elm#ff0000
support.constant.elm#4deeea
punctuation.quasi.element#39ff14
constant.character.entity#ffe700
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff0000
entity.global.clojure#001eff
meta.symbol.clojure#ffe700
constant.keyword.clojure#ff0000
meta.arguments.coffee, variable.parameter.function.coffee#ffe700
source.ini#ffffff
meta.scope.prerequisites.makefile#ffe700
source.makefile#001eff
storage.modifier.import.groovy#001eff
meta.method.groovy#ff7300
meta.definition.variable.name.groovy#ffe700
meta.definition.class.inherited.classes.groovy#ffffff
support.variable.semantic.hlsl#001eff
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#39ff14
text.variable, text.bracketed#ffe700
support.type.swift, support.type.vb.asp#001eff
entity.name.function.xi#001eff
entity.name.class.xi#ff0000
constant.character.character-class.regexp.xi#ffe700
constant.regexp.xi#39ff14
keyword.control.xi#ff0000
invalid.xi#39ff14
beginning.punctuation.definition.quote.markdown.xi#ffffff
beginning.punctuation.definition.list.markdown.xi#777777
constant.character.xi#ff7300
accent.xi#ff7300
wikiword.xi#4deeea
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#777777
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#001eff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffe700
meta.brace.square#39ff14
comment, punctuation.definition.comment#777777italic
markup.quote.markdown#777777
punctuation.definition.block.sequence.item.yaml#39ff14
constant.language.symbol.elixir#ff0000
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...