Skip to main content
CodingTheme

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#101719
  • activityBar.foreground#f899e9
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#f899e9
  • activityBarBadge.foreground#101719
  • badge.background#f899e9
  • badge.foreground#101719
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#101719
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#ece4ce
  • button.background#1be7ffcf
  • button.foreground#101719
  • button.hoverBackground#1be7ff
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ece4ce
  • button.secondaryHoverBackground#45494e
  • checkbox.background#1f2626
  • checkbox.border#00000000
  • checkbox.foreground#ece4ce
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#f899e93c
  • dropdown.background#1f2626
  • dropdown.border#00000000
  • dropdown.foreground#ece4ce
  • editor.background#101719
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#1be7ff3a
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#1be7ff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff875e
  • editorGroup.border#151515
  • editorGroup.emptyBackground#101719
  • editorGroupHeader.border#82828200
  • editorGroupHeader.tabsBackground#1f2626
  • editorGroupHeader.tabsBorder#f899e9
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#101719
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#1be7ff
  • editorHoverWidget.background#1f2626
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#ece4ce
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#40e5f9b1
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#1be7ff
  • editorLineNumber.foreground#f899e9cd
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#1f2626
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#ece4ce
  • editorSuggestWidget.highlightForeground#1be7ff
  • editorSuggestWidget.selectedBackground#f899e983
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1f2626
  • editorWidget.foreground#ece4ce
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#d93caf
  • foreground#ece4ce
  • 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#ece4ce
  • input.background#1f2626
  • input.border#00000000
  • input.foreground#ece4ce
  • input.placeholderForeground#ece4ce
  • inputOption.activeBackground#c05bd566
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#F3F3F3
  • list.activeSelectionBackground#f899e94a
  • list.activeSelectionForeground#ece4ce
  • list.dropBackground#f899e94a
  • list.focusBackground#f899e94a
  • list.focusForeground#1be7ff
  • list.highlightForeground#f899e9
  • list.hoverBackground#ffffff10
  • list.hoverForeground#1be7ffc9
  • list.inactiveSelectionBackground#FFFFFF10
  • list.inactiveSelectionForeground#1be7ff
  • listFilterWidget.background#b259ba91
  • listFilterWidget.noMatchesOutline#1c7bcf
  • listFilterWidget.outline#00000000
  • menu.background#101719
  • menu.border#00000085
  • menu.foreground#f899e9
  • menu.selectionBackground#ff5ed6cd
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#1be7ff
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#d7000000
  • menubar.selectionForeground#ece4ce
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#101719
  • minimap.errorHighlight#ff875e
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#1be7ff3a
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#1be7ff
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#ece4ce
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#ece4ce
  • notificationsErrorIcon.foreground#ff875e
  • notificationsInfoIcon.foreground#1be7ff
  • notificationsWarningIcon.foreground#fffe9f
  • notificationToast.border#474747
  • panel.background#171d1f
  • panel.border#1f2626
  • panelSection.border#80808059
  • panelTitle.activeBorder#1be7ff
  • panelTitle.activeForeground#f899e9
  • panelTitle.inactiveForeground#e7e7e799
  • 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#1be7ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ece4ce
  • sideBar.background#1f2626
  • sideBar.border#101719
  • sideBar.dropBackground#f899e94a
  • sideBar.foreground#f899e9
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc2c
  • sideBarSectionHeader.foreground#ff5ed6
  • sideBarTitle.foreground#ece4ce
  • statusBar.background#1f2626
  • statusBar.debuggingBackground#ff875e
  • statusBar.debuggingForeground#101719
  • statusBar.foreground#1be7ff
  • statusBar.noFolderBackground#d75eff
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#f899e94a
  • statusBarItem.remoteBackground#008080
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ffffff10
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ece4ce
  • tab.border#00000050
  • tab.hoverBackground#ffffff20
  • tab.inactiveBackground#1f2626
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#f899e9
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#1be7ff
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#D4D4D4
  • terminal.ansiYellow#fffe9f
  • terminal.border#80808059
  • terminal.foreground#ece4ce
  • terminal.selectionBackground#6b6b6b41
  • terminalCursor.background#ff5ed6
  • terminalCursor.foreground#ece4ce
  • textLink.foreground#1be7ff
  • titleBar.activeBackground#101719
  • titleBar.activeForeground#ece4ce
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#8bc5d3
  • 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#f899e9
variable.other.generic-type.haskell#ff5ed6
storage.type.haskell#34a7ca
support.variable.magic.python#f899e9
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#fffe9f
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#1be7ff
entity.name.lifetime.rust#fffe9f
variable.language.rust#f899e9
support.constant.edge#ff5ed6
constant.other.character-class.regexp#f899e9
keyword.operator.quantifier.regexp#34a7ca
punctuation.definition.string.begin,punctuation.definition.string.end#d75eff
variable.parameter.function#d4d4d4
comment markup.link#7f848e
markup.changed.diff#fffe9f
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#1be7ff
markup.inserted.diff#d75eff
markup.deleted.diff#f899e9
meta.function.c,meta.function.cpp#f899e9
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#1be7ff
support.constant.math#fffe9f
support.constant.property.math#34a7ca
variable.other.constant#fffe9f
storage.type.annotation.java, storage.type.object.array.java#fffe9f
source.java#f899e9
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#1be7ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#fffe9f
keyword.operator.instanceof.java#ff5ed6
meta.definition.variable.name.java#f899e9
keyword.operator.logical#ff875e
keyword.operator.bitwise#ff875e
keyword.operator.channel#ff875e
support.constant.property-value.scss,support.constant.property-value.css#34a7ca
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff875e
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#34a7ca
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#34a7ca
support.type.vendored.property-name.css#ff875e
support.module.node,support.type.object.module,support.module.node#fffe9f
entity.name.type.module#fffe9f
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f899e9
support.constant.json#34a7ca
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff5ed6
support.type.object.console#f899e9
support.variable.property.process#34a7ca
entity.name.function,support.function.console#1be7ff
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#ff5ed6
keyword.operator.delete#ff5ed6
support.type.object.dom#ff875e
support.variable.dom,support.variable.property.dom#f899e9
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff875e
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#ff5ed6
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#ff5ed6
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff875e
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff5ed6
variable.parameter.function.language.python#34a7ca
support.type.python#ff875e
keyword.operator.logical.python#ff5ed6
variable.parameter.function.python#34a7ca
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#1be7ff
constant.character.format.placeholder.other.python#34a7ca
keyword.operator#d4d4d4
keyword.operator.assignment.compound#ff5ed6
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff875e
keyword#ff5ed6
entity.name.namespace#fffe9f
variable#f899e9
variable.c#d4d4d4
variable.language#fffe9f
token.variable.parameter.java#d4d4d4
import.storage.java#fffe9f
token.package.keyword#ff5ed6
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#1be7ff
entity.name.type.namespace#fffe9f
support.class, entity.name.type.class#fffe9f
entity.name.class.identifier.namespace.type#fffe9f
entity.name.class, variable.other.class.js, variable.other.class.ts#fffe9f
variable.other.class.php#f899e9
entity.name.type#fffe9f
keyword.control#ff5ed6
control.elements, keyword.operator.less#34a7ca
keyword.other.special-method#1be7ff
storage#ff5ed6
token.storage#ff5ed6
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#ff5ed6
token.storage.type.java#fffe9f
support.function#ff875e
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#34a7ca
meta.tag#d4d4d4
string#d75eff
entity.other.inherited-class#fffe9f
constant.other.symbol#ff875e
constant.numeric#34a7ca
constant#34a7ca
punctuation.definition.constant#34a7ca
entity.name.tag#f899e9
entity.other.attribute-name#34a7ca
entity.other.attribute-name.id#1be7ffnormal
entity.other.attribute-name.class.css#34a7canormal
meta.selector#ff5ed6
markup.heading#f899e9
markup.heading punctuation.definition.heading, entity.name.section#1be7ff
keyword.other.unit#f899e9
markup.bold,todo.bold#34a7ca
punctuation.definition.bold#fffe9f
markup.italic, punctuation.definition.italic,todo.emphasis#ff5ed6
emphasis md#ff5ed6
entity.name.section.markdown#f899e9
punctuation.definition.heading.markdown#f899e9
punctuation.definition.list.begin.markdown#f899e9
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#34a7ca
markup.inline.raw.markdown#d75eff
markup.inline.raw.string.markdown#d75eff
punctuation.definition.list.markdown#f899e9
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f899e9
beginning.punctuation.definition.list.markdown#f899e9
punctuation.definition.metadata.markdown#f899e9
markup.underline.link.markdown,markup.underline.link.image.markdown#ff5ed6
string.other.link.title.markdown,string.other.link.description.markdown#1be7ff
string.regexp#ff875e
constant.character.escape#ff875e
punctuation.section.embedded, variable.interpolation#f899e9
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff5ed6
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#f899e9
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f899e9
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#d75eff
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff875e
support.type.property-name.json#f899e9
support.type.property-name.json punctuation#f899e9
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff5ed6
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff5ed6
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#fffe9f
keyword.operator.error-control.php#ff5ed6
keyword.operator.type.php#ff5ed6
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#fffe9f
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#1be7ff
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#34a7ca
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#34a7ca
entity.name.goto-label.php,support.other.php#1be7ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff875e
keyword.operator.regexp.php#ff5ed6
keyword.operator.comparison.php#ff875e
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff5ed6
meta.function.decorator.python#1be7ff
support.token.decorator.python,meta.function.decorator.identifier.python#ff875e
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#ff875e
rgb-value#ff875e
inline-color-decoration rgb-value#34a7ca
less rgb-value#34a7ca
selector.sass#f899e9
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#fffe9f
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#fffe9f
entity.name.variable.local.cs#f899e9
token.info-token#1be7ff
token.warn-token#34a7ca
token.error-token#f44747
token.debug-token#ff5ed6
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff5ed6
meta.template.expression#d4d4d4
keyword.operator.module#ff5ed6
support.type.type.flowtype#1be7ff
support.type.primitive#fffe9f
meta.property.object#f899e9
variable.parameter.function.js#f899e9
keyword.other.template.begin#d75eff
keyword.other.template.end#d75eff
keyword.other.substitution.begin#d75eff
keyword.other.substitution.end#d75eff
keyword.operator.assignment#ff875e
keyword.operator.assignment.go#fffe9f
keyword.operator.arithmetic.go, keyword.operator.address.go#ff5ed6
entity.name.package.go#fffe9f
support.type.prelude.elm#ff875e
support.constant.elm#34a7ca
punctuation.quasi.element#ff5ed6
constant.character.entity#f899e9
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff875e
entity.global.clojure#fffe9f
meta.symbol.clojure#f899e9
constant.keyword.clojure#ff875e
meta.arguments.coffee, variable.parameter.function.coffee#f899e9
source.ini#d75eff
meta.scope.prerequisites.makefile#f899e9
source.makefile#fffe9f
storage.modifier.import.groovy#fffe9f
meta.method.groovy#1be7ff
meta.definition.variable.name.groovy#f899e9
meta.definition.class.inherited.classes.groovy#d75eff
support.variable.semantic.hlsl#fffe9f
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#ff5ed6
text.variable, text.bracketed#f899e9
support.type.swift, support.type.vb.asp#fffe9f
entity.name.function.xi#fffe9f
entity.name.class.xi#ff875e
constant.character.character-class.regexp.xi#f899e9
constant.regexp.xi#ff5ed6
keyword.control.xi#ff875e
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#d75eff
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#1be7ff
accent.xi#1be7ff
wikiword.xi#34a7ca
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#fffe9f
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f899e9
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#ff875e
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...

Darkstack by Noqs - VS Code Theme