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#13091d00
  • activityBar.background#13091d
  • activityBar.border#13091d
  • 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#6d8cff
  • button.background#5026c7
  • button.foreground#ffffff
  • button.hoverBackground#703eff
  • button.secondaryBackground#3b3a3f
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#13091d
  • 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#13091d
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#110825
  • editor.findMatchBackground#595984
  • editor.findMatchBorder#5858ff
  • editor.findMatchHighlightBackground#3e007b
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#220045
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#0041bc74
  • editor.foreground#d9d9d9
  • 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#9c9c9c
  • editorCursor.background#000000
  • editorCursor.foreground#00c3ff
  • editorError.background#ff538b42
  • editorError.border#ffffff00
  • editorError.foreground#ff538b
  • editorGroup.border#94949400
  • editorGroup.emptyBackground#13091d
  • editorGroupHeader.tabsBackground#13091d
  • editorGutter.addedBackground#ceff67
  • editorGutter.background#1b1631
  • editorGutter.commentRangeForeground#cfcfcf
  • editorGutter.deletedBackground#ff6f76
  • editorGutter.foldingControlForeground#cfcfcf
  • editorGutter.modifiedBackground#7b4dff
  • editorHoverWidget.background#13091d
  • 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#af86d8
  • editorLink.activeForeground#ac8eff
  • editorMarkerNavigation.background#13091d
  • editorMarkerNavigationError.background#ff555d
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#ffdf4e
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#13091d
  • 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#ffe186
  • gitDecoration.stageDeletedResourceForeground#ff674d
  • gitDecoration.stageModifiedResourceForeground#ffb94f
  • gitDecoration.submoduleResourceForeground#84c4ff
  • gitDecoration.untrackedResourceForeground#60ff97
  • icon.foreground#c4c4c4
  • input.background#13091d
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#bd7cff
  • inputOption.activeBackground#5026c7
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#2e254c
  • list.activeSelectionForeground#b36dff
  • list.dropBackground#2e254c
  • list.focusBackground#2e254c
  • list.focusForeground#ffffff
  • list.highlightForeground#b36dff
  • list.hoverBackground#3b3921
  • list.hoverForeground#fff891
  • list.inactiveSelectionBackground#2e254c
  • list.inactiveSelectionForeground#b36dff
  • 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#13091d
  • 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#13091d
  • notifications.border#303031
  • notifications.foreground#e0e0e0
  • notificationsErrorIcon.foreground#ff5555
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#ffe159
  • notificationToast.border#421073
  • panel.background#13091d
  • 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#13091d
  • 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#13091d
  • sideBar.border#13091d
  • sideBar.dropBackground#2e254c
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#1a0034
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#2e254c
  • 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#2e254c
  • tab.activeBorder#00000000
  • tab.activeBorderTop#a66dff
  • tab.activeForeground#b36dff
  • tab.border#252526
  • tab.hoverBackground#221034
  • tab.hoverForeground#b871ff
  • tab.inactiveBackground#13091d
  • 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#13091d
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#13091d80
  • 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#82bfff
variable.other.generic-type.haskell#ff6f6f
storage.type.haskell#83ffdc
support.variable.magic.python#82bfff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d9d9d9
variable.parameter.function.language.special.self.python#f9ac4c
storage.modifier.lifetime.rust#d9d9d9
support.function.std.rust#ffef70
entity.name.lifetime.rust#f9ac4c
variable.language.rust#82bfff
support.constant.edge#ff6f6f
constant.other.character-class.regexp#82bfff
keyword.operator.quantifier.regexp#83ffdc
punctuation.definition.string.begin,punctuation.definition.string.end#f9ffa6
variable.parameter.function#d9d9d9
comment markup.link#828282
markup.changed.diff#f9ac4c
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ffef70
markup.inserted.diff#f9ffa6
markup.deleted.diff#82bfff
meta.function.c,meta.function.cpp#82bfff
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#d9d9d9
punctuation.separator.key-value#d9d9d9
keyword.operator.expression.import#ffef70
support.constant.math#f9ac4c
support.constant.property.math#83ffdc
variable.other.constant#f9ac4c
storage.type.annotation.java, storage.type.object.array.java#f9ac4c
source.java#82bfff
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#d9d9d9
meta.method.java#ffef70
storage.modifier.import.java,storage.type.java,storage.type.generic.java#f9ac4c
keyword.operator.instanceof.java#ff6f6f
meta.definition.variable.name.java#82bfff
keyword.operator.logical#81ffed
keyword.operator.bitwise#81ffed
keyword.operator.channel#81ffed
support.constant.property-value.scss,support.constant.property-value.css#83ffdc
keyword.operator.css,keyword.operator.scss,keyword.operator.less#81ffed
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#83ffdc
punctuation.separator.list.comma.css#d9d9d9
support.constant.color.w3c-standard-color-name.css#83c5ff
support.type.vendored.property-name.css#81ffed
support.module.node,support.type.object.module,support.module.node#f9ac4c
entity.name.type.module#f9ac4c
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f7b53b
support.constant.json#83ffdc
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff6f6f
support.type.object.console#f9ac4c
support.variable.property.process#83ffdc
entity.name.function,support.function.console#ffef70
keyword.operator.misc.rust#d9d9d9
keyword.operator.sigil.rust#ff6f6f
keyword.operator.delete#ff6f6f
support.type.object.dom#81ffed
support.variable.dom,support.variable.property.dom#f9ac4c
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#81ffed
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#ff6f6f
punctuation.separator.delimiter#d9d9d9
punctuation.separator.c,punctuation.separator.cpp#ff6f6f
support.type.posix-reserved.c,support.type.posix-reserved.cpp#81ffed
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff6f6f
variable.parameter.function.language.python#83ffdc
support.type.python#81ffed
keyword.operator.logical.python#ff6f6f
variable.parameter.function.python#83ffdc
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d9d9d9
meta.function-call.generic.python#ffef70
constant.character.format.placeholder.other.python#83ffdc
keyword.operator#d9d9d9
keyword.operator.assignment.compound#ff6f6f
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#81ffed
keyword#ff6f6f
entity.name.namespace#f9ac4c
variable#82bfff
variable.c#d9d9d9
variable.language#f9ac4c
token.variable.parameter.java#d9d9d9
import.storage.java#f9ac4c
token.package.keyword#ff6f6f
token.package#d9d9d9
entity.name.function, meta.require, support.function.any-method, variable.function#ffef70
entity.other.attribute-name#d2a8ff
string.quoted.double.html, meta.tag.block.any.html, text.html.vue-html, source.vue#a5d6ff
variable.other.property.ts, variable.other.property.js, meta.block.ts, meta.method.declaration.ts, meta.method.declaration.js, meta.objectliteral.js, meta.export.default.js, source.js, meta.objectliteral.ts, meta.export.default.ts, source.ts, source.vue#86e2ff
variable.other.readwrite.ts, meta.block.ts, meta.method.declaration.ts, meta.objectliteral.ts, meta.object.member.ts, meta.objectliteral.ts, meta.export.default.ts, source.ts, variable.other.readwrite.js, meta.block.js, meta.method.declaration.js, meta.objectliteral.js, meta.object.member.js, meta.objectliteral.js, meta.export.default.js, source.js, source.vue#82bfff
storage.type.ts, meta.var.expr.ts, meta.block.ts, meta.method.declaration.ts, meta.objectliteral.ts, meta.export.default.ts, source.ts, source.vue#99ffa6
entity.name.type.alias.ts, meta.type.declaration.ts, source.ts, source.vue#99ffa6
entity.name.type.enum.ts, meta.enum.declaration.ts, source.ts, source.vue#99FFA6
entity.name.type.ts, meta.type.annotation.ts, meta.var-single-variable.expr.ts, meta.var.expr.ts, meta.block.ts, meta.method.declaration.ts, meta.objectliteral.ts, meta.export.default.ts, source.ts, source.vue#56feff
entity.name.type.namespace#f9ac4c
support.class, entity.name.type.class#f9ac4c
entity.name.class.identifier.namespace.type#f9ac4c
entity.name.class, variable.other.class.js, variable.other.class.ts#f9ac4c
variable.other.class.php#82bfff
entity.name.type#f9ac4c
keyword.control#ff6f6f
control.elements, keyword.operator.less#83ffdc
keyword.other.special-method#ffef70
storage#ff6f6f
token.storage#ff6f6f
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#ff6f6f
token.storage.type.java#f9ac4c
support.function#81ffed
support.type.property-name#86bbfd
support.constant.property-value#d9d9d9
support.constant.font-name#83ffdc
meta.tag#d9d9d9
string#f9ffa6
entity.other.inherited-class#f9ac4c
constant.other.symbol#81ffed
constant.numeric#83ffdc
constant#83ffdc
punctuation.definition.constant#83ffdc
entity.name.tag#7EE787
entity.other.attribute-name#82bfff
entity.other.attribute-name.id#f57a7anormal
entity.other.attribute-name.class.css#ff9865normal
meta.selector#ff6f6f
markup.heading#82bfff
markup.heading punctuation.definition.heading, entity.name.section#ffef70
keyword.other.unit#82bfff
markup.bold,todo.bold#83ffdc
punctuation.definition.bold#f9ac4c
markup.italic, punctuation.definition.italic,todo.emphasis#ff6f6f
emphasis md#ff6f6f
entity.name.section.markdown#82bfff
punctuation.definition.heading.markdown#82bfff
punctuation.definition.list.begin.markdown#82bfff
markup.heading.setext#d9d9d9
punctuation.definition.bold.markdown#83ffdc
markup.inline.raw.markdown#f9ffa6
markup.inline.raw.string.markdown#f9ffa6
punctuation.definition.list.markdown#82bfff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#82bfff
beginning.punctuation.definition.list.markdown#82bfff
punctuation.definition.metadata.markdown#82bfff
markup.underline.link.markdown,markup.underline.link.image.markdown#ff6f6f
string.other.link.title.markdown,string.other.link.description.markdown#ffef70
string.regexp#81ffed
constant.character.escape#81ffed
punctuation.section.embedded, variable.interpolation#82bfff
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff6f6f
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d9d9d9
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#82bfff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#82bfff
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#f9ffa6
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#81ffed
support.type.property-name.json#82bfff
support.type.property-name.json punctuation#82bfff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff6f6f
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff6f6f
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#f9ac4c
keyword.operator.error-control.php#ff6f6f
keyword.operator.type.php#ff6f6f
punctuation.section.array.begin.php#d9d9d9
punctuation.section.array.end.php#d9d9d9
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#f9ac4c
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ffef70
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#d9d9d9
support.constant.core.rust#83ffdc
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#83ffdc
entity.name.goto-label.php,support.other.php#ffef70
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#81ffed
keyword.operator.regexp.php#ff6f6f
keyword.operator.comparison.php#81ffed
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff6f6f
meta.function.decorator.python#ffef70
support.token.decorator.python,meta.function.decorator.identifier.python#81ffed
function.parameter#d9d9d9
function.brace#d9d9d9
function.parameter.ruby, function.parameter.cs#d9d9d9
constant.language.symbol.ruby#81ffed
rgb-value#81ffed
inline-color-decoration rgb-value#83ffdc
less rgb-value#83ffdc
selector.sass#82bfff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#f9ac4c
block.scope.end,block.scope.begin#d9d9d9
storage.type.cs#f9ac4c
entity.name.variable.local.cs#82bfff
token.info-token#ffef70
token.warn-token#83ffdc
token.error-token#f44747
token.debug-token#ff6f6f
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff6f6f
meta.template.expression#d9d9d9
keyword.operator.module#ff6f6f
support.type.type.flowtype#ffef70
support.type.primitive#f9ac4c
meta.property.object#b3a5ff
variable.parameter.function.js#899dff
keyword.other.template.begin#f9ffa6
keyword.other.template.end#f9ffa6
keyword.other.substitution.begin#f9ffa6
keyword.other.substitution.end#f9ffa6
keyword.operator.assignment#81ffed
keyword.operator.assignment.go#f9ac4c
keyword.operator.arithmetic.go, keyword.operator.address.go#ff6f6f
entity.name.package.go#f9ac4c
support.type.prelude.elm#81ffed
support.constant.elm#83ffdc
punctuation.quasi.element#ff6f6f
constant.character.entity#82bfff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff8fc2
entity.global.clojure#f9ac4c
meta.symbol.clojure#82bfff
constant.keyword.clojure#81ffed
meta.arguments.coffee, variable.parameter.function.coffee#82bfff
source.ini#f9ffa6
meta.scope.prerequisites.makefile#82bfff
source.makefile#f9ac4c
storage.modifier.import.groovy#f9ac4c
meta.method.groovy#ffef70
meta.definition.variable.name.groovy#82bfff
meta.definition.class.inherited.classes.groovy#f9ffa6
support.variable.semantic.hlsl#f9ac4c
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#ff6f6f
text.variable, text.bracketed#82bfff
support.type.swift, support.type.vb.asp#f9ac4c
entity.name.function.xi#f9ac4c
entity.name.class.xi#81ffed
constant.character.character-class.regexp.xi#82bfff
constant.regexp.xi#ff6f6f
keyword.control.xi#81ffed
invalid.xi#d9d9d9
beginning.punctuation.definition.quote.markdown.xi#f9ffa6
beginning.punctuation.definition.list.markdown.xi#828282
constant.character.xi#ffef70
accent.xi#ffef70
wikiword.xi#83ffdc
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#828282
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#f9ac4c
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#82bfff
meta.brace.square#d9d9d9
comment, punctuation.definition.comment#828282italic
markup.quote.markdown#828282
punctuation.definition.block.sequence.item.yaml#d9d9d9
constant.language.symbol.elixir#81ffed
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super#b69cffitalic
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