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#27173a
  • activityBar.background#27173a
  • activityBar.border#2c1e3c
  • activityBar.foreground#cfcfcf
  • activityBar.inactiveForeground#adadad66
  • activityBarBadge.background#285edb
  • activityBarBadge.foreground#ffffff
  • badge.background#d91f1f
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1b141400
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#93b4ff
  • button.background#5026c7
  • button.foreground#ffffff
  • button.hoverBackground#703eff
  • button.secondaryBackground#3b3a3f
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#2c1e3c
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#26004b
  • debugExceptionWidget.border#390171
  • debugToolBar.background#26004b
  • debugToolBar.border#390171
  • diffEditor.border#c0afaf
  • diffEditor.insertedTextBackground#d2ff694e
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#ff307452
  • dropdown.background#2c1e3c
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#271c34
  • editor.findMatchBackground#595984
  • editor.findMatchBorder#5858ff
  • editor.findMatchHighlightBackground#3e007b
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#220045
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#0041bc74
  • editor.foreground#d3d3d3
  • editor.hoverHighlightBackground#43474b
  • editor.inactiveSelectionBackground#212121
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#2e005c
  • editor.selectionHighlightBackground#37006f
  • editor.selectionHighlightBorder#6f00de
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#4b0096
  • editor.wordHighlightStrongBorder#ff020200
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#90bbff
  • editorCursor.background#000000
  • editorCursor.foreground#00c3ff
  • editorError.background#ff538b42
  • editorError.border#ffffff00
  • editorError.foreground#ff538b
  • editorGroup.border#94949400
  • editorGroup.emptyBackground#271c34
  • editorGroupHeader.tabsBackground#2c1e3c
  • editorGutter.addedBackground#ceff67
  • editorGutter.background#271c34
  • editorGutter.commentRangeForeground#cfcfcf
  • editorGutter.deletedBackground#ff6f76
  • editorGutter.foldingControlForeground#cfcfcf
  • editorGutter.modifiedBackground#7b4dff
  • editorHoverWidget.background#2c1e3c
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cdcdcd
  • editorIndentGuide.activeBackground#bababa
  • editorIndentGuide.background#5a5a5a
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#68b8ff
  • editorLineNumber.activeForeground#7effff
  • editorLineNumber.foreground#8f42ff
  • editorLink.activeForeground#ac8eff
  • editorMarkerNavigation.background#2c1e3c
  • editorMarkerNavigationError.background#ff555d
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#ffdf4e
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#2c1e3c
  • editorSuggestWidget.border#367bff
  • editorSuggestWidget.foreground#b6b6b6
  • editorSuggestWidget.highlightForeground#956fff
  • editorSuggestWidget.selectedBackground#581cff64
  • editorWarning.background#ffe15928
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe159
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#250d3d
  • editorWidget.foreground#868686
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#285edb
  • foreground#c4c4c4
  • gitDecoration.addedResourceForeground#82ff99
  • gitDecoration.conflictingResourceForeground#9595ff
  • gitDecoration.deletedResourceForeground#ff62b3
  • gitDecoration.ignoredResourceForeground#baacac
  • gitDecoration.modifiedResourceForeground#f8ff86
  • gitDecoration.stageDeletedResourceForeground#ff674d
  • gitDecoration.stageModifiedResourceForeground#ffb94f
  • gitDecoration.submoduleResourceForeground#84c4ff
  • gitDecoration.untrackedResourceForeground#3bd872
  • icon.foreground#c4c4c4
  • input.background#2c1e3c
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#bd7cff
  • inputOption.activeBackground#5026c7
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#282849
  • list.activeSelectionForeground#93b4ff
  • list.dropBackground#282849
  • list.focusBackground#282849
  • list.focusForeground#ffffff
  • list.highlightForeground#93b4ff
  • list.hoverBackground#3b3921
  • list.hoverForeground#fff891
  • list.inactiveSelectionBackground#282849
  • list.inactiveSelectionForeground#93b4ff
  • listFilterWidget.background#755041
  • listFilterWidget.noMatchesOutline#ff1a50
  • listFilterWidget.outline#00000000
  • menu.background#1e1045
  • menu.border#00000085
  • menu.foreground#e4c9ff
  • menu.selectionBackground#5026c7
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#5026c781
  • menubar.selectionBorder#f5000000
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#005e4b
  • merge.currentHeaderBackground#007b4d
  • merge.incomingContentBackground#2f1282
  • merge.incomingHeaderBackground#4219b6
  • minimap.background#271c34
  • minimap.errorHighlight#ff538b
  • minimap.findMatchHighlight#595984
  • minimap.selectionHighlight#2e005c
  • minimap.warningHighlight#ffe159
  • minimapGutter.addedBackground#ceff67
  • minimapGutter.deletedBackground#ff6f76
  • minimapGutter.modifiedBackground#7b4dff
  • notificationCenter.border#474747
  • notificationCenterHeader.background#5858ff
  • notificationCenterHeader.foreground#dedede
  • notifications.background#2c1e3c
  • notifications.border#303031
  • notifications.foreground#e0e0e0
  • notificationsErrorIcon.foreground#ff5555
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#ffe159
  • notificationToast.border#421073
  • panel.background#2c1e3c
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#c0c0c099
  • peekView.border#5026c7
  • peekViewEditor.background#12043d
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ff8f00
  • peekViewEditorGutter.background#2c1e3c
  • 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#c081ff
  • progressBar.background#285edb
  • scrollbar.shadow#285edb00
  • scrollbarSlider.activeBackground#5026c7
  • scrollbarSlider.background#5026c774
  • scrollbarSlider.hoverBackground#6630ff
  • selection.background#285edb
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c4c4c4
  • sideBar.background#27173a
  • sideBar.border#2c1e3c
  • sideBar.dropBackground#282849
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#1a0034
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#282849
  • statusBar.debuggingBackground#cf6029d5
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#c6d7ff
  • statusBar.noFolderBackground#3e004d
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#4d4d86
  • statusBarItem.remoteBackground#5026c7
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#514571
  • tab.activeBorder#00000000
  • tab.activeBorderTop#a778ff
  • tab.activeForeground#93b4ff
  • tab.border#252526
  • tab.hoverBackground#221034
  • tab.hoverForeground#b871ff
  • tab.inactiveBackground#2c1e3c
  • tab.inactiveForeground#ffffffc3
  • terminal.ansiBlack#545454
  • terminal.ansiBlue#2f7acd
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#459dff
  • terminal.ansiBrightCyan#2ad5ff
  • terminal.ansiBrightGreen#2fffab
  • terminal.ansiBrightMagenta#ff84ff
  • terminal.ansiBrightRed#ff5858
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffff49
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#d7d7d7
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#d1d1d1
  • terminal.selectionBackground#68686840
  • terminalCursor.background#5026c7
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ee7bff
  • titleBar.activeBackground#27173a
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#2c1e3c80
  • titleBar.inactiveForeground#c0c0c099
  • tree.indentGuidesStroke#323232
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000000

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

Ushi Themes pack - Coding Theme