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#ffd700
  • activityBar.background#ffffff
  • activityBar.border#ffffff
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#ff0000
  • activityBarBadge.background#000000
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#ff0000
  • breadcrumb.background#ffef00
  • breadcrumb.focusForeground#ff0000
  • breadcrumb.foreground#ff0000cc
  • button.background#000000
  • button.foreground#ffffff
  • button.hoverBackground#20ff00
  • button.secondaryBackground#7d7d7d
  • button.secondaryForeground#040000
  • button.secondaryHoverBackground#006dff
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#b3ff00
  • diffEditor.insertedTextBorder#ff0000
  • diffEditor.removedTextBackground#b4b4b4
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#ffffff
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#ff0000
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#00000052
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#8da9c4
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ff0000
  • editorCursor.foreground#08ff00
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.border#c90000
  • editorGroupHeader.tabsBackground#ff0000
  • editorGroupHeader.tabsBorder#ff0505
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#ffffff
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#c8c8c8
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#0038ff
  • editorLineNumber.foreground#13c6ff
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#0066bf
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#2c00ff
  • foreground#000000
  • gitDecoration.addedResourceForeground#00e7ff
  • gitDecoration.conflictingResourceForeground#0000ff
  • gitDecoration.deletedResourceForeground#ff0000
  • gitDecoration.ignoredResourceForeground#ffbf00
  • gitDecoration.modifiedResourceForeground#000000
  • gitDecoration.stageDeletedResourceForeground#ff0000
  • gitDecoration.stageModifiedResourceForeground#000000
  • gitDecoration.submoduleResourceForeground#0078ff
  • gitDecoration.untrackedResourceForeground#00ff00
  • icon.foreground#000000
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#00cfff
  • list.activeSelectionForeground#ff00d7
  • list.dropBackground#969696
  • list.focusBackground#164b7d
  • list.focusForeground#51ff01
  • list.highlightForeground#ff00d7
  • list.hoverBackground#ffffff
  • list.hoverForeground#000000
  • list.inactiveSelectionBackground#000000
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#ff4d00
  • listFilterWidget.noMatchesOutline#000000
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#50ff00
  • menu.selectionBackground#c0a200
  • menu.selectionBorder#00000000
  • menu.selectionForeground#000000
  • menu.separatorBackground#888888
  • menubar.selectionBackground#ff0000
  • menubar.selectionBorder#ff0000
  • menubar.selectionForeground#000000
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#ffffff
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#8da9c4
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#ffffff
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f5d802de
  • peekViewEditor.matchHighlightBorder#dbc417
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#0066bf
  • progressBar.background#000000
  • scrollbar.shadow#666666
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#00ff10
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#000000
  • sideBar.background#ffffff
  • sideBar.dropBackground#969696
  • sideBar.foreground#0010ff
  • sideBarSectionHeader.background#00ff7c
  • sideBarSectionHeader.border#24000030
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#000000
  • statusBar.background#ffef00
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ff0000
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ff00001f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#2cff00
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#00000000
  • tab.activeForeground#000000
  • tab.border#ff0000
  • tab.hoverBackground#fdd500
  • tab.hoverForeground#0004ff
  • tab.inactiveBackground#ececec
  • tab.inactiveForeground#333333b3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#80808059
  • terminal.foreground#333333
  • terminal.selectionBackground#00000040
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#0087ff
  • titleBar.activeBackground#ffffff
  • titleBar.activeForeground#ff0000
  • titleBar.border#00000000
  • titleBar.inactiveBackground#ffffff99
  • titleBar.inactiveForeground#ff000099
  • tree.indentGuidesStroke#ff0707
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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

Pro's theme - Coding Theme