Skip to main content
Coding Theme

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#003229
  • activityBar.background#000000
  • activityBar.border#28ff0044
  • activityBar.foreground#14ffe9
  • activityBar.inactiveForeground#85eec7
  • activityBarBadge.background#042a25
  • activityBarBadge.foreground#30ff05
  • badge.background#1b7536
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#7af9a6cc
  • button.background#032e22
  • button.foreground#ffffff
  • button.hoverBackground#2c4528
  • button.secondaryBackground#032e26
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#2c3d29
  • checkbox.background#000000
  • checkbox.border#e03e3e00
  • checkbox.foreground#14ff9c
  • debugExceptionWidget.background#051619
  • debugExceptionWidget.border#474747
  • debugToolBar.background#051619
  • debugToolBar.border#474747
  • diffEditor.border#e25b5b
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#000000
  • dropdown.border#e03e3e00
  • dropdown.foreground#14ff9c
  • editor.background#000000
  • editor.findMatchBackground#ffffff00
  • editor.findMatchBorder#14ffbd
  • editor.findMatchHighlightBackground#39ff1444
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#183b1566
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#1b71394d
  • editor.foreground#c5fff7
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#1b1c1d
  • editor.lineHighlightBackground#0c1f19
  • editor.lineHighlightBorder#173814
  • editor.rangeHighlightBackground#00000000
  • editor.rangeHighlightBorder#27ad7b
  • editor.selectionBackground#59665644
  • editor.selectionHighlightBackground#14ffa744
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#3d3d3db8
  • editor.wordHighlightStrongBackground#03321cb8
  • editorBracketMatch.background#047301
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#83f5b0
  • editorCursor.background#000000
  • editorCursor.foreground#36ff10
  • editorError.background#f2281f83
  • editorError.border#ff0000b1
  • editorError.foreground#ff2f2f
  • editorGroup.border#00cf9e
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#14ffde44
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#000000
  • editorGutter.addedBackground#4f6d11
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#61e8db
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#61e8db
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#0a2224
  • editorHoverWidget.border#21b2a4
  • editorHoverWidget.foreground#a0ff7d
  • editorIndentGuide.activeBackground#84ffae
  • editorIndentGuide.background#98ffb2
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#02ffdb
  • editorLineNumber.foreground#a6ffead7
  • editorLink.activeForeground#4cffa2
  • editorMarkerNavigation.background#001d15
  • editorMarkerNavigationError.background#a39a9a
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#bcb389
  • editorOverviewRuler.background#0d2a1cf7
  • editorOverviewRuler.border#fffffffd
  • editorRuler.foreground#4a715f
  • editorSuggestWidget.background#020f0a
  • editorSuggestWidget.border#4f6b62
  • editorSuggestWidget.foreground#84cb96
  • editorSuggestWidget.highlightForeground#42e25b
  • editorSuggestWidget.selectedBackground#003826
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cc8f00
  • editorWhitespace.foreground#ffffff10
  • editorWidget.background#00150b
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#39ff1444
  • foreground#14ffde
  • gitDecoration.addedResourceForeground#9cd1a6
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#bebebe
  • gitDecoration.modifiedResourceForeground#88ff8f
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#4fff2a
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#14ffde
  • input.background#000000
  • input.border#e03e3e00
  • input.foreground#14ff9c
  • input.placeholderForeground#14ff91
  • inputOption.activeBackground#000000
  • inputOption.activeBorder#14ff5a44
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#14ffde44
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#161d14
  • list.focusBackground#36628270
  • list.focusForeground#00ff4c
  • list.highlightForeground#3e9990
  • list.hoverBackground#23800944
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#14ffd344
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#13413d76
  • listFilterWidget.noMatchesOutline#3bbe00
  • listFilterWidget.outline#39ff1444
  • menu.background#020c0d
  • menu.border#ffffff44
  • menu.foreground#b1ffcf
  • menu.selectionBackground#14ff9c44
  • menu.selectionBorder#e4727200
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#14ffb244
  • menubar.selectionBackground#0e2c1d
  • menubar.selectionBorder#ffffff
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#191919
  • merge.commonHeaderBackground#303030
  • merge.currentContentBackground#192e2a
  • merge.currentHeaderBackground#1f473e
  • merge.incomingContentBackground#172332
  • merge.incomingHeaderBackground#1a304b
  • minimap.background#000000
  • minimap.errorHighlight#ff2f2f
  • minimap.findMatchHighlight#ffffff00
  • minimap.selectionHighlight#59665644
  • minimap.warningHighlight#cc8f00
  • minimapGutter.addedBackground#4f6d11
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#4d4b4b
  • notificationCenterHeader.background#0b2c08
  • notificationCenterHeader.foreground#38ff00
  • notifications.background#031b01
  • notifications.border#303031
  • notifications.foreground#8cffe4b3
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#01ffcf
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#08ff00
  • panel.background#000000
  • panel.border#14ffd344
  • panelSection.border#14e9ff44
  • panelTitle.activeBorder#14ff4f
  • panelTitle.activeForeground#14ff65
  • panelTitle.inactiveForeground#ffffff
  • peekView.border#4087b6
  • peekViewEditor.background#0a1308
  • peekViewEditor.matchHighlightBackground#202c1e99
  • peekViewEditor.matchHighlightBorder#348823
  • peekViewEditorGutter.background#0a1308
  • peekViewResult.background#131313
  • peekViewResult.fileForeground#69ff88
  • peekViewResult.lineForeground#13f700
  • peekViewResult.matchHighlightBackground#6099884d
  • peekViewResult.selectionBackground#47ad8733
  • peekViewResult.selectionForeground#70cfb0
  • peekViewTitle.background#111f0b
  • peekViewTitleDescription.foreground#87ffddb3
  • peekViewTitleLabel.foreground#57e8b2
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#14ffde
  • progressBar.background#14ffd3
  • scrollbar.shadow#54c24438
  • scrollbarSlider.activeBackground#a3b8af66
  • scrollbarSlider.background#4a5a5e66
  • scrollbarSlider.hoverBackground#314545b3
  • selection.background#86804d54
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#14ffde
  • sideBar.background#000000
  • sideBar.border#14ffde44
  • sideBar.dropBackground#161d14
  • sideBar.foreground#14e9ff
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.border#61fff88d
  • sideBarSectionHeader.foreground#86fff4
  • sideBarTitle.foreground#43c7b4
  • statusBar.background#07150b
  • statusBar.border#39ff1444
  • statusBar.debuggingBackground#ff141444
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderForeground#14f4ff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#39ff1444
  • statusBarItem.remoteBackground#09150f
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#20a36644
  • tab.activeBorder#14ff65
  • tab.activeBorderTop#14ff6500
  • tab.activeForeground#ffffff
  • tab.border#14ff8644
  • tab.hoverBackground#1e7d3a44
  • tab.hoverBorder#2eff7644
  • tab.hoverForeground#ffffff
  • 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#14e9ff44
  • terminal.foreground#01ff70
  • terminal.selectionBackground#14ff7b44
  • terminalCursor.background#39ff1444
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ffffff
  • titleBar.activeBackground#071710
  • titleBar.activeForeground#c5fff1
  • titleBar.border#14ffd344
  • titleBar.inactiveBackground#00000099
  • titleBar.inactiveForeground#ffffffa3
  • tree.indentGuidesStroke#14ffd344
  • 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#5effca
variable.other.generic-type.haskell#00ffe7
storage.type.haskell#00ff4c
support.variable.magic.python#5effca
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#c5fff7
variable.parameter.function.language.special.self.python#00ff93
storage.modifier.lifetime.rust#c5fff7
support.function.std.rust#95ff77
entity.name.lifetime.rust#00ff93
variable.language.rust#5effca
support.constant.edge#00ffe7
constant.other.character-class.regexp#5effca
keyword.operator.quantifier.regexp#00ff4c
punctuation.definition.string.begin,punctuation.definition.string.end#28ff00
variable.parameter.function#c5fff7
comment markup.link#3e7765
markup.changed.diff#00ff93
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#95ff77
markup.inserted.diff#28ff00
markup.deleted.diff#5effca
meta.function.c,meta.function.cpp#5effca
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#c5fff7
punctuation.separator.key-value#c5fff7
keyword.operator.expression.import#95ff77
support.constant.math#00ff93
support.constant.property.math#00ff4c
variable.other.constant#00ff93
storage.type.annotation.java, storage.type.object.array.java#00ff93
source.java#5effca
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#c5fff7
meta.method.java#95ff77
storage.modifier.import.java,storage.type.java,storage.type.generic.java#00ff93
keyword.operator.instanceof.java#00ffe7
meta.definition.variable.name.java#5effca
keyword.operator.logical#ffffff
keyword.operator.bitwise#ffffff
keyword.operator.channel#ffffff
support.constant.property-value.scss,support.constant.property-value.css#00ff4c
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ffffff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#00ff4c
punctuation.separator.list.comma.css#c5fff7
support.constant.color.w3c-standard-color-name.css#00ff4c
support.type.vendored.property-name.css#ffffff
support.module.node,support.type.object.module,support.module.node#00ff93
entity.name.type.module#00ff93
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#5effca
support.constant.json#00ff4c
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#00ffe7
support.type.object.console#5effca
support.variable.property.process#00ff4c
entity.name.function,support.function.console#95ff77
keyword.operator.misc.rust#c5fff7
keyword.operator.sigil.rust#00ffe7
keyword.operator.delete#00ffe7
support.type.object.dom#ffffff
support.variable.dom,support.variable.property.dom#5effca
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ffffff
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#00ffe7
punctuation.separator.delimiter#c5fff7
punctuation.separator.c,punctuation.separator.cpp#00ffe7
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffffff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#00ffe7
variable.parameter.function.language.python#00ff4c
support.type.python#ffffff
keyword.operator.logical.python#00ffe7
variable.parameter.function.python#00ff4c
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#c5fff7
meta.function-call.generic.python#95ff77
constant.character.format.placeholder.other.python#00ff4c
keyword.operator#c5fff7
keyword.operator.assignment.compound#00ffe7
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffffff
keyword#00ffe7
entity.name.namespace#00ff93
variable#5effca
variable.c#c5fff7
variable.language#00ff93
token.variable.parameter.java#c5fff7
import.storage.java#00ff93
token.package.keyword#00ffe7
token.package#c5fff7
entity.name.function, meta.require, support.function.any-method, variable.function#95ff77
entity.name.type.namespace#00ff93
support.class, entity.name.type.class#00ff93
entity.name.class.identifier.namespace.type#00ff93
entity.name.class, variable.other.class.js, variable.other.class.ts#00ff93
variable.other.class.php#5effca
entity.name.type#00ff93
keyword.control#00ffe7
control.elements, keyword.operator.less#00ff4c
keyword.other.special-method#95ff77
storage#00ffe7
token.storage#00ffe7
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#00ffe7
token.storage.type.java#00ff93
support.function#ffffff
support.type.property-name#c5fff7
support.constant.property-value#c5fff7
support.constant.font-name#00ff4c
meta.tag#c5fff7
string#28ff00
entity.other.inherited-class#00ff93
constant.other.symbol#ffffff
constant.numeric#00ff4c
constant#00ff4c
punctuation.definition.constant#00ff4c
entity.name.tag#5effca
entity.other.attribute-name#00ff4c
entity.other.attribute-name.id#95ff77normal
entity.other.attribute-name.class.css#00ff4cnormal
meta.selector#00ffe7
markup.heading#5effca
markup.heading punctuation.definition.heading, entity.name.section#95ff77
keyword.other.unit#5effca
markup.bold,todo.bold#00ff4c
punctuation.definition.bold#00ff93
markup.italic, punctuation.definition.italic,todo.emphasis#00ffe7
emphasis md#00ffe7
entity.name.section.markdown#5effca
punctuation.definition.heading.markdown#5effca
punctuation.definition.list.begin.markdown#5effca
markup.heading.setext#c5fff7
punctuation.definition.bold.markdown#00ff4c
markup.inline.raw.markdown#28ff00
markup.inline.raw.string.markdown#28ff00
punctuation.definition.list.markdown#5effca
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5effca
beginning.punctuation.definition.list.markdown#5effca
punctuation.definition.metadata.markdown#5effca
markup.underline.link.markdown,markup.underline.link.image.markdown#00ffe7
string.other.link.title.markdown,string.other.link.description.markdown#95ff77
string.regexp#ffffff
constant.character.escape#ffffff
punctuation.section.embedded, variable.interpolation#5effca
punctuation.section.embedded.begin,punctuation.section.embedded.end#00ffe7
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#c5fff7
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#5effca
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#5effca
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#28ff00
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffffff
support.type.property-name.json#5effca
support.type.property-name.json punctuation#5effca
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#00ffe7
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#00ffe7
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#00ff93
keyword.operator.error-control.php#00ffe7
keyword.operator.type.php#00ffe7
punctuation.section.array.begin.php#c5fff7
punctuation.section.array.end.php#c5fff7
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#00ff93
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#95ff77
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#c5fff7
support.constant.core.rust#00ff4c
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#00ff4c
entity.name.goto-label.php,support.other.php#95ff77
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ffffff
keyword.operator.regexp.php#00ffe7
keyword.operator.comparison.php#ffffff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#00ffe7
meta.function.decorator.python#95ff77
support.token.decorator.python,meta.function.decorator.identifier.python#ffffff
function.parameter#c5fff7
function.brace#c5fff7
function.parameter.ruby, function.parameter.cs#c5fff7
constant.language.symbol.ruby#ffffff
rgb-value#ffffff
inline-color-decoration rgb-value#00ff4c
less rgb-value#00ff4c
selector.sass#5effca
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#00ff93
block.scope.end,block.scope.begin#c5fff7
storage.type.cs#00ff93
entity.name.variable.local.cs#5effca
token.info-token#95ff77
token.warn-token#00ff4c
token.error-token#f44747
token.debug-token#00ffe7
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#00ffe7
meta.template.expression#c5fff7
keyword.operator.module#00ffe7
support.type.type.flowtype#95ff77
support.type.primitive#00ff93
meta.property.object#5effca
variable.parameter.function.js#5effca
keyword.other.template.begin#28ff00
keyword.other.template.end#28ff00
keyword.other.substitution.begin#28ff00
keyword.other.substitution.end#28ff00
keyword.operator.assignment#ffffff
keyword.operator.assignment.go#00ff93
keyword.operator.arithmetic.go, keyword.operator.address.go#00ffe7
entity.name.package.go#00ff93
support.type.prelude.elm#ffffff
support.constant.elm#00ff4c
punctuation.quasi.element#00ffe7
constant.character.entity#5effca
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ffffff
entity.global.clojure#00ff93
meta.symbol.clojure#5effca
constant.keyword.clojure#ffffff
meta.arguments.coffee, variable.parameter.function.coffee#5effca
source.ini#28ff00
meta.scope.prerequisites.makefile#5effca
source.makefile#00ff93
storage.modifier.import.groovy#00ff93
meta.method.groovy#95ff77
meta.definition.variable.name.groovy#5effca
meta.definition.class.inherited.classes.groovy#28ff00
support.variable.semantic.hlsl#00ff93
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#00ffe7
text.variable, text.bracketed#5effca
support.type.swift, support.type.vb.asp#00ff93
entity.name.function.xi#00ff93
entity.name.class.xi#ffffff
constant.character.character-class.regexp.xi#5effca
constant.regexp.xi#00ffe7
keyword.control.xi#ffffff
invalid.xi#c5fff7
beginning.punctuation.definition.quote.markdown.xi#28ff00
beginning.punctuation.definition.list.markdown.xi#3e7765
constant.character.xi#95ff77
accent.xi#95ff77
wikiword.xi#00ff4c
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#3e7765
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#00ff93
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#5effca
meta.brace.square#c5fff7
comment, punctuation.definition.comment#3e7765italic
markup.quote.markdown#3e7765
punctuation.definition.block.sequence.item.yaml#c5fff7
constant.language.symbol.elixir#ffffff
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...

hacker dark PRO - Coding Theme