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.background#000101
  • activityBar.border#ce3062
  • activityBar.foreground#ce3062
  • activityBar.inactiveForeground#01add8
  • activityBarBadge.background#ce3062a0
  • activityBarBadge.foreground#ffffff
  • badge.background#ce3062
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#01add8
  • breadcrumb.background#000101
  • breadcrumb.focusForeground#01add8
  • breadcrumb.foreground#01add8
  • button.background#ce3062
  • button.foreground#ffffff
  • button.hoverBackground#0195d2
  • button.secondaryBackground#b01540
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#089590
  • checkbox.background#000101
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#ffe967
  • diffEditor.insertedTextBackground#2abbaf33
  • diffEditor.removedTextBackground#ce306233
  • dropdown.background#000101
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#000101
  • editor.findMatchBackground#2abbaf32
  • editor.findMatchBorder#2abbaf64
  • editor.findMatchHighlightBackground#ffe96732
  • editor.findMatchHighlightBorder#fddd0064
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#01add832
  • editor.inactiveSelectionBackground#7f7c7b64
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#01add8
  • editor.selectionBackground#2abbaf40
  • editor.selectionHighlightBackground#01add840
  • editor.selectionHighlightBorder#01add864
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#2abbaf32
  • editorBracketMatch.background#2abbaf32
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#fddd00
  • editorCursor.background#000000
  • editorCursor.foreground#ffffff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#DE7B96
  • editorGroup.border#2abbaf
  • editorGroup.emptyBackground#000101
  • editorGroupHeader.border#2abbaf
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#5ec9e364
  • editorGutter.addedBackground#089590
  • editorGutter.background#010101
  • editorGutter.commentRangeForeground#ce3062
  • editorGutter.deletedBackground#ce3062
  • editorGutter.foldingControlForeground#ce3062
  • editorGutter.modifiedBackground#01add8
  • editorHoverWidget.background#000101
  • editorHoverWidget.border#01add864
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#01add8
  • editorIndentGuide.background#ce3062
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#94D5D1
  • editorLineNumber.activeForeground#01add8
  • editorLineNumber.foreground#ffffff
  • editorLink.activeForeground#fddd00
  • editorMarkerNavigation.background#010101
  • editorMarkerNavigationError.background#ce3062
  • editorMarkerNavigationInfo.background#2abbaf
  • editorMarkerNavigationWarning.background#fddd00
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#01add8
  • editorSuggestWidget.background#010101
  • editorSuggestWidget.border#01add864
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#01add8
  • editorSuggestWidget.selectedBackground#c02050
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#FEF1A4
  • editorWhitespace.foreground#01add832
  • editorWidget.background#000101
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#01add8
  • foreground#e9f3f9
  • gitDecoration.addedResourceForeground#82d2e8
  • gitDecoration.conflictingResourceForeground#a91030
  • gitDecoration.deletedResourceForeground#de7b96
  • gitDecoration.ignoredResourceForeground#9a9796
  • gitDecoration.modifiedResourceForeground#fef1a4
  • gitDecoration.stageDeletedResourceForeground#d75c7e
  • gitDecoration.stageModifiedResourceForeground#ffed88
  • gitDecoration.submoduleResourceForeground#0180c0
  • gitDecoration.untrackedResourceForeground#5bc4ba
  • icon.foreground#e9f3f9
  • input.background#000101
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#4dc7e4
  • inputOption.activeBackground#ce3062a0
  • inputOption.activeBorder#ce3062
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ce3062
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#2e2d2c
  • list.focusBackground#b01540
  • list.focusForeground#ffffff
  • list.highlightForeground#4dc7e4
  • list.hoverBackground#2abbaf48
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#ce306280
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#b01540
  • listFilterWidget.noMatchesOutline#fddd00
  • listFilterWidget.outline#00000000
  • menu.background#000101
  • menu.border#01add864
  • menu.foreground#f7fcfd
  • menu.selectionBackground#b0154032
  • menu.selectionBorder#ce3062
  • menu.selectionForeground#01a0d4
  • menu.separatorBackground#2abbaf
  • menubar.selectionBackground#ce306280
  • menubar.selectionBorder#0180c0
  • menubar.selectionForeground#01add8
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000101
  • minimap.errorHighlight#c02050
  • minimap.findMatchHighlight#2abbaf32
  • minimap.selectionHighlight#2abbaf40
  • minimap.warningHighlight#fee33d
  • minimapGutter.addedBackground#089590
  • minimapGutter.deletedBackground#ce3062
  • minimapGutter.modifiedBackground#01add8
  • notificationCenter.border#474747
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#000101
  • notifications.border#303031
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#ce3062
  • notificationsInfoIcon.foreground#2abbaf
  • notificationsWarningIcon.foreground#fddd00
  • notificationToast.border#01add832
  • panel.background#000101
  • panel.border#ce3062
  • panelSection.border#01add8
  • panelTitle.activeBorder#2abbaf
  • panelTitle.activeForeground#01add8
  • panelTitle.inactiveForeground#ce3062
  • peekView.border#01add800
  • peekViewEditor.background#1e1e1e
  • peekViewEditor.matchHighlightBackground#01add832
  • peekViewEditor.matchHighlightBorder#2abbaf
  • peekViewEditorGutter.background#131414
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#ce306280
  • peekViewResult.selectionBackground#01add833
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#01add8
  • peekViewTitleLabel.foreground#ce3062
  • pickerGroup.border#eaeaee00
  • pickerGroup.foreground#ffdf00
  • progressBar.background#01add8
  • scrollbar.shadow#01add8
  • scrollbarSlider.activeBackground#01add8a0
  • scrollbarSlider.background#01add864
  • scrollbarSlider.hoverBackground#01add880
  • selection.background#01add864
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e9f3f9
  • sideBar.background#000101
  • sideBar.border#ce3062
  • sideBar.dropBackground#2e2d2c
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#000101
  • sideBarSectionHeader.border#01add8
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#ffffff
  • statusBar.background#000101
  • statusBar.border#01add8
  • statusBar.debuggingBackground#b01540
  • statusBar.debuggingBorder#fddd00
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#2abbaf
  • statusBar.noFolderBorder#ce3062
  • statusBar.noFolderForeground#000101
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ce3062
  • statusBarItem.remoteBackground#089590
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#01a0d416
  • tab.activeBorder#01add864
  • tab.activeBorderTop#01add8
  • tab.activeForeground#ffffff
  • tab.border#01add832
  • tab.hoverBackground#01add808
  • tab.hoverBorder#01add864
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#000101
  • tab.inactiveForeground#D75C7E
  • terminal.ansiBlack#535050
  • terminal.ansiBlue#01add8
  • terminal.ansiBrightBlack#7f7c7b
  • terminal.ansiBrightBlue#68cce7
  • terminal.ansiBrightCyan#7dd1e6
  • terminal.ansiBrightGreen#5bc4ba
  • terminal.ansiBrightMagenta#de7b96
  • terminal.ansiBrightRed#ce3062
  • terminal.ansiBrightWhite#f7fcfd
  • terminal.ansiBrightYellow#ffe967
  • terminal.ansiCyan#4cbcd0
  • terminal.ansiGreen#2abbaf
  • terminal.ansiMagenta#d75c7e
  • terminal.ansiRed#b01540
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#fddd00
  • terminal.border#01add8
  • terminal.foreground#cccccc
  • terminal.selectionBackground#b5b2b340
  • terminalCursor.background#c02050
  • terminalCursor.foreground#ffffff
  • textLink.activeForeground#D75C7E
  • textLink.foreground#ce3062
  • titleBar.activeBackground#000101
  • titleBar.activeForeground#ffffff
  • titleBar.border#01add8
  • titleBar.inactiveBackground#2e2d2c
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#2abbaf
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#01add816

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

Dark Gopher - Coding Theme