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#000000
  • activityBar.background#000000
  • activityBar.border#00000000
  • activityBar.foreground#ff79c6
  • activityBar.inactiveForeground#ffffff80
  • activityBarBadge.background#ff79c6
  • activityBarBadge.foreground#000000
  • badge.background#ff79c6
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#00000000
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffff80
  • button.background#ffffff
  • button.foreground#000000
  • button.hoverBackground#ff79c6
  • button.secondaryBackground#ffffff
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#2ac7e3
  • checkbox.background#000000
  • checkbox.border#00000000
  • checkbox.foreground#ff79c6
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#ff79c6
  • debugToolBar.background#000000
  • debugToolBar.border#ff79c6
  • diffEditor.border#00e88f44
  • diffEditor.insertedTextBackground#d1cf3e33
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#de1b1b33
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#000000
  • dropdown.border#00000000
  • dropdown.foreground#ff79c6
  • editor.background#000000
  • editor.findMatchBackground#2ac7e300
  • editor.findMatchBorder#2ac7e3
  • editor.findMatchHighlightBackground#2ac7e344
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#2ac7e320
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#2ac7e320
  • editor.foreground#2ac7e3
  • editor.hoverHighlightBackground#2ac7e344
  • editor.inactiveSelectionBackground#151515
  • editor.lineHighlightBackground#ffffff00
  • editor.lineHighlightBorder#2ac7e320
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#2ac7e344
  • editor.selectionHighlightBackground#2ac7e344
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#2ac7e344
  • editor.wordHighlightBorder#ffffff00
  • editor.wordHighlightStrongBackground#2ac7e344
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#666666
  • editorCodeLens.foreground#8be9fd
  • editorCursor.background#000000
  • editorCursor.foreground#2ac7e3
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff5555
  • editorGroup.border#00e88f44
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#ffffff00
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#2ac7e344
  • editorGutter.addedBackground#f1fa8c
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#2ac7e344
  • editorGutter.deletedBackground#ff5555
  • editorGutter.foldingControlForeground#2ac7e344
  • editorGutter.modifiedBackground#2ac7e3
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#2ac7e344
  • editorHoverWidget.foreground#dedede
  • editorIndentGuide.activeBackground#2ac7e344
  • editorIndentGuide.background#ff79c644
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#2ac7e3
  • editorLineNumber.activeForeground#2ac7e3
  • editorLineNumber.foreground#2ac7e344
  • editorLink.activeForeground#2ac7e3
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#ff2b00
  • editorMarkerNavigationInfo.background#00d8ff
  • editorMarkerNavigationWarning.background#ffe300
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#00e88f44
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#2ac7e344
  • editorSuggestWidget.foreground#bebebe
  • editorSuggestWidget.highlightForeground#2ac7e3
  • editorSuggestWidget.selectedBackground#2ac7e344
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f0e484
  • editorWhitespace.foreground#ffffff10
  • editorWidget.background#070707
  • editorWidget.foreground#bebebe
  • editorWidget.resizeBorder#ff79c6
  • focusBorder#2ac7e344
  • foreground#ff79c6
  • gitDecoration.addedResourceForeground#00e88f80
  • gitDecoration.conflictingResourceForeground#2ac7e380
  • gitDecoration.deletedResourceForeground#ff555580
  • gitDecoration.ignoredResourceForeground#ffffff80
  • gitDecoration.modifiedResourceForeground#f1fa8c80
  • gitDecoration.stageDeletedResourceForeground#ff5555
  • gitDecoration.stageModifiedResourceForeground#f1fa8c
  • gitDecoration.submoduleResourceForeground#2ac7e3
  • gitDecoration.untrackedResourceForeground#00e88f
  • icon.foreground#ff79c6
  • input.background#000000
  • input.border#00000000
  • input.foreground#ff79c6
  • input.placeholderForeground#ff79c680
  • inputOption.activeBackground#000000
  • inputOption.activeBorder#ff79c644
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ff79c644
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ff79c620
  • list.focusBackground#ff79c644
  • list.focusForeground#ffffff
  • list.highlightForeground#ff79c6
  • list.hoverBackground#ff79c644
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#ff79c620
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#32001d
  • listFilterWidget.noMatchesOutline#ff355b
  • listFilterWidget.outline#ff79c644
  • menu.background#000000
  • menu.border#2ac7e344
  • menu.foreground#bebebe
  • menu.selectionBackground#ff79c680
  • menu.selectionBorder#2ac7e344
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#2ac7e344
  • menubar.selectionBackground#000000
  • menubar.selectionBorder#ffffff
  • menubar.selectionForeground#ff79c6
  • merge.commonContentBackground#111111
  • merge.commonHeaderBackground#1f1f1f
  • merge.currentContentBackground#122a21
  • merge.currentHeaderBackground#123226
  • merge.incomingContentBackground#052c34
  • merge.incomingHeaderBackground#06343d
  • minimap.background#000000
  • minimap.errorHighlight#ff5555
  • minimap.findMatchHighlight#2ac7e300
  • minimap.selectionHighlight#2ac7e344
  • minimap.warningHighlight#f0e484
  • minimapGutter.addedBackground#f1fa8c
  • minimapGutter.deletedBackground#ff5555
  • minimapGutter.modifiedBackground#2ac7e3
  • notificationCenter.border#ff79c644
  • notificationCenterHeader.background#060606
  • notificationCenterHeader.foreground#bebebe
  • notifications.background#000000
  • notifications.border#2ac7e344
  • notifications.foreground#dedede
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#2ac7e3
  • notificationsWarningIcon.foreground#f1fa8c
  • notificationToast.border#ff79c644
  • panel.background#000000
  • panel.border#2ac7e344
  • panelSection.border#2ac7e344
  • panelTitle.activeBorder#ff79c6
  • panelTitle.activeForeground#ff79c6
  • panelTitle.inactiveForeground#ffffff
  • peekView.border#2ac7e3
  • peekViewEditor.background#091e21
  • peekViewEditor.matchHighlightBackground#2ac7e340
  • peekViewEditor.matchHighlightBorder#2ac7e3
  • peekViewEditorGutter.background#091e21
  • peekViewResult.background#0a282c
  • peekViewResult.fileForeground#bebebe
  • peekViewResult.lineForeground#666666
  • peekViewResult.matchHighlightBackground#2ac7e344
  • peekViewResult.selectionBackground#2ac7e344
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#0d3136
  • peekViewTitleDescription.foreground#bebebe
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#2ac7e380
  • pickerGroup.foreground#ff79c6
  • progressBar.background#ff79c6
  • scrollbar.shadow#00000070
  • scrollbarSlider.activeBackground#bfbfbf20
  • scrollbarSlider.background#79797920
  • scrollbarSlider.hoverBackground#64646433
  • selection.background#00e88f44
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ff79c6
  • sideBar.background#000000
  • sideBar.border#2ac7e344
  • sideBar.dropBackground#ff79c620
  • sideBar.foreground#bebebe
  • sideBarSectionHeader.background#ff79c644
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#bebebe
  • statusBar.background#000000
  • statusBar.border#2ac7e344
  • statusBar.debuggingBackground#ff79c6
  • statusBar.debuggingBorder#ff79c6
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#2ac7e3
  • statusBar.noFolderBorder#2ac7e3
  • statusBar.noFolderForeground#000000
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff20
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ff79c644
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#2ac7e344
  • tab.hoverBackground#ff79c644
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#ff79c620
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#434343
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#00e88f
  • terminal.ansiBrightMagenta#ff79c6
  • terminal.ansiBrightRed#ff5555
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f1fa8c
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#00c278
  • terminal.ansiMagenta#d54799
  • terminal.ansiRed#bc3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#d4e05b
  • terminal.border#2ac7e344
  • terminal.foreground#cccccc
  • terminal.selectionBackground#2ac7e344
  • terminalCursor.background#ff79c644
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ffffff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#bebebe
  • titleBar.border#00000044
  • titleBar.inactiveBackground#ff79c680
  • titleBar.inactiveForeground#ff79c680
  • tree.indentGuidesStroke#2ac7e320
  • 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#ffb86c
variable.other.generic-type.haskell#ff79c6
storage.type.haskell#bd93f9
support.variable.magic.python#ffb86c
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#2ac7e3
variable.parameter.function.language.special.self.python#bd93f9
storage.modifier.lifetime.rust#2ac7e3
support.function.std.rust#00e88f
entity.name.lifetime.rust#bd93f9
variable.language.rust#ffb86c
support.constant.edge#ff79c6
constant.other.character-class.regexp#ffb86c
keyword.operator.quantifier.regexp#bd93f9
punctuation.definition.string.begin,punctuation.definition.string.end#f1fa8c
variable.parameter.function#2ac7e3
comment markup.link#2ac7e344
markup.changed.diff#bd93f9
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#00e88f
markup.inserted.diff#f1fa8c
markup.deleted.diff#ffb86c
meta.function.c,meta.function.cpp#ffb86c
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#2ac7e3
punctuation.separator.key-value#2ac7e3
keyword.operator.expression.import#00e88f
support.constant.math#bd93f9
support.constant.property.math#bd93f9
variable.other.constant#bd93f9
storage.type.annotation.java, storage.type.object.array.java#bd93f9
source.java#ffb86c
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#2ac7e3
meta.method.java#00e88f
storage.modifier.import.java,storage.type.java,storage.type.generic.java#bd93f9
keyword.operator.instanceof.java#ff79c6
meta.definition.variable.name.java#ffb86c
keyword.operator.logical#ff79c6
keyword.operator.bitwise#ff79c6
keyword.operator.channel#ff79c6
support.constant.property-value.scss,support.constant.property-value.css#bd93f9
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff79c6
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#bd93f9
punctuation.separator.list.comma.css#2ac7e3
support.constant.color.w3c-standard-color-name.css#bd93f9
support.type.vendored.property-name.css#ff79c6
support.module.node,support.type.object.module,support.module.node#bd93f9
entity.name.type.module#bd93f9
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffb86c
support.constant.json#bd93f9
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff79c6
support.type.object.console#ffb86c
support.variable.property.process#bd93f9
entity.name.function,support.function.console#00e88f
keyword.operator.misc.rust#2ac7e3
keyword.operator.sigil.rust#ff79c6
keyword.operator.delete#ff79c6
support.type.object.dom#ff79c6
support.variable.dom,support.variable.property.dom#ffb86c
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff79c6
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#ff79c6
punctuation.separator.delimiter#2ac7e3
punctuation.separator.c,punctuation.separator.cpp#ff79c6
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff79c6
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff79c6
variable.parameter.function.language.python#bd93f9
support.type.python#ff79c6
keyword.operator.logical.python#ff79c6
variable.parameter.function.python#bd93f9
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#2ac7e3
meta.function-call.generic.python#00e88f
constant.character.format.placeholder.other.python#bd93f9
keyword.operator#2ac7e3
keyword.operator.assignment.compound#ff79c6
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff79c6
keyword#ff79c6
entity.name.namespace#bd93f9
variable#ffb86c
variable.c#2ac7e3
variable.language#bd93f9
token.variable.parameter.java#2ac7e3
import.storage.java#bd93f9
token.package.keyword#ff79c6
token.package#2ac7e3
entity.name.function, meta.require, support.function.any-method, variable.function#00e88f
entity.name.type.namespace#bd93f9
support.class, entity.name.type.class#bd93f9
entity.name.class.identifier.namespace.type#bd93f9
entity.name.class, variable.other.class.js, variable.other.class.ts#bd93f9
variable.other.class.php#ffb86c
entity.name.type#bd93f9
keyword.control#ff79c6
control.elements, keyword.operator.less#bd93f9
keyword.other.special-method#00e88f
storage#ff79c6
token.storage#ff79c6
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#ff79c6
token.storage.type.java#bd93f9
support.function#ff79c6
support.type.property-name#2ac7e3
support.constant.property-value#2ac7e3
support.constant.font-name#bd93f9
meta.tag#2ac7e3
string#f1fa8c
entity.other.inherited-class#bd93f9
constant.other.symbol#ff79c6
constant.numeric#bd93f9
constant#bd93f9
punctuation.definition.constant#bd93f9
entity.name.tag#ffb86c
entity.other.attribute-name#bd93f9
entity.other.attribute-name.id#00e88fnormal
entity.other.attribute-name.class.css#bd93f9normal
meta.selector#ff79c6
markup.heading#ffb86c
markup.heading punctuation.definition.heading, entity.name.section#00e88f
keyword.other.unit#ffb86c
markup.bold,todo.bold#bd93f9
punctuation.definition.bold#bd93f9
markup.italic, punctuation.definition.italic,todo.emphasis#ff79c6
emphasis md#ff79c6
entity.name.section.markdown#ffb86c
punctuation.definition.heading.markdown#ffb86c
punctuation.definition.list.begin.markdown#ffb86c
markup.heading.setext#2ac7e3
punctuation.definition.bold.markdown#bd93f9
markup.inline.raw.markdown#f1fa8c
markup.inline.raw.string.markdown#f1fa8c
punctuation.definition.list.markdown#ffb86c
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffb86c
beginning.punctuation.definition.list.markdown#ffb86c
punctuation.definition.metadata.markdown#ffb86c
markup.underline.link.markdown,markup.underline.link.image.markdown#ff79c6
string.other.link.title.markdown,string.other.link.description.markdown#00e88f
string.regexp#ff79c6
constant.character.escape#ff79c6
punctuation.section.embedded, variable.interpolation#ffb86c
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff79c6
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#2ac7e3
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffb86c
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffb86c
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#f1fa8c
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff79c6
support.type.property-name.json#ffb86c
support.type.property-name.json punctuation#ffb86c
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff79c6
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff79c6
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#bd93f9
keyword.operator.error-control.php#ff79c6
keyword.operator.type.php#ff79c6
punctuation.section.array.begin.php#2ac7e3
punctuation.section.array.end.php#2ac7e3
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#bd93f9
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#00e88f
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#2ac7e3
support.constant.core.rust#bd93f9
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#bd93f9
entity.name.goto-label.php,support.other.php#00e88f
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff79c6
keyword.operator.regexp.php#ff79c6
keyword.operator.comparison.php#ff79c6
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff79c6
meta.function.decorator.python#00e88f
support.token.decorator.python,meta.function.decorator.identifier.python#ff79c6
function.parameter#2ac7e3
function.brace#2ac7e3
function.parameter.ruby, function.parameter.cs#2ac7e3
constant.language.symbol.ruby#ff79c6
rgb-value#ff79c6
inline-color-decoration rgb-value#bd93f9
less rgb-value#bd93f9
selector.sass#ffb86c
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#bd93f9
block.scope.end,block.scope.begin#2ac7e3
storage.type.cs#bd93f9
entity.name.variable.local.cs#ffb86c
token.info-token#00e88f
token.warn-token#bd93f9
token.error-token#f44747
token.debug-token#ff79c6
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff79c6
meta.template.expression#2ac7e3
keyword.operator.module#ff79c6
support.type.type.flowtype#00e88f
support.type.primitive#bd93f9
meta.property.object#ffb86c
variable.parameter.function.js#ffb86c
keyword.other.template.begin#f1fa8c
keyword.other.template.end#f1fa8c
keyword.other.substitution.begin#f1fa8c
keyword.other.substitution.end#f1fa8c
keyword.operator.assignment#ff79c6
keyword.operator.assignment.go#bd93f9
keyword.operator.arithmetic.go, keyword.operator.address.go#ff79c6
entity.name.package.go#bd93f9
support.type.prelude.elm#ff79c6
support.constant.elm#bd93f9
punctuation.quasi.element#ff79c6
constant.character.entity#ffb86c
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff79c6
entity.global.clojure#bd93f9
meta.symbol.clojure#ffb86c
constant.keyword.clojure#ff79c6
meta.arguments.coffee, variable.parameter.function.coffee#ffb86c
source.ini#f1fa8c
meta.scope.prerequisites.makefile#ffb86c
source.makefile#bd93f9
storage.modifier.import.groovy#bd93f9
meta.method.groovy#00e88f
meta.definition.variable.name.groovy#ffb86c
meta.definition.class.inherited.classes.groovy#f1fa8c
support.variable.semantic.hlsl#bd93f9
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#ff79c6
text.variable, text.bracketed#ffb86c
support.type.swift, support.type.vb.asp#bd93f9
entity.name.function.xi#bd93f9
entity.name.class.xi#ff79c6
constant.character.character-class.regexp.xi#ffb86c
constant.regexp.xi#ff79c6
keyword.control.xi#ff79c6
invalid.xi#2ac7e3
beginning.punctuation.definition.quote.markdown.xi#f1fa8c
beginning.punctuation.definition.list.markdown.xi#2ac7e344
constant.character.xi#00e88f
accent.xi#00e88f
wikiword.xi#bd93f9
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#2ac7e344
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#bd93f9
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffb86c
meta.brace.square#2ac7e3
comment, punctuation.definition.comment#2ac7e344italic
markup.quote.markdown#2ac7e344
punctuation.definition.block.sequence.item.yaml#2ac7e3
constant.language.symbol.elixir#ff79c6
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...

Descomplica Theme - Coding Theme