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.activeBackground#252526
  • activityBar.background#333333
  • activityBar.foreground#006468
  • activityBar.inactiveForeground#17a1a580
  • activityBarBadge.background#17a1a5
  • activityBarBadge.foreground#ffffff
  • badge.background#d35400
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#006468
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffff8d
  • button.background#17a1a5
  • button.foreground#ffffffdd
  • button.hoverBackground#006468
  • button.secondaryBackground#006468
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#003234
  • checkbox.background#1e1e1e
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#333333
  • debugToolBar.border#00000000
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#1e1e1e
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#1e1e1e
  • editor.findMatchBackground#a8ac9481
  • editor.findMatchBorder#a8ac9458
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#00646824
  • editor.foreground#d7d7d7c1
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#342a00
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#ffffff0a
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#493b00
  • editor.selectionHighlightBackground#342a00
  • editor.selectionHighlightBorder#645100
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#00640048
  • editorBracketMatch.border#b9b9b96a
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#ffffff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#17a1a5
  • editorGroup.emptyBackground#1e1e1e
  • editorGroupHeader.tabsBackground#003234
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#333333
  • editorHoverWidget.border#252526
  • editorHoverWidget.foreground#999999
  • editorIndentGuide.activeBackground#939393df
  • editorIndentGuide.background#d3d3d344
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#17a1a5
  • editorLineNumber.foreground#808080
  • editorLink.activeForeground#0070ff
  • editorMarkerNavigation.background#333333
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#1e1e1ec1
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d344
  • editorSuggestWidget.background#333333
  • editorSuggestWidget.border#252526
  • editorSuggestWidget.foreground#ffffff80
  • editorSuggestWidget.highlightForeground#17a1a5
  • editorSuggestWidget.selectedBackground#00646828
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#ffffff33
  • editorWidget.background#333333
  • editorWidget.foreground#ffffff80
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#333333
  • foreground#c2c2c2
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#c2c2c2
  • input.background#1e1e1e
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#ffffff80
  • inputOption.activeBackground#ffffff1f
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#006468
  • list.activeSelectionBackground#006468
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#00646828
  • list.focusBackground#333333
  • list.focusForeground#a3a3a3
  • list.highlightForeground#006468
  • list.hoverBackground#303030
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#00646810
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#804a33
  • listFilterWidget.noMatchesOutline#b84e4e
  • listFilterWidget.outline#17a1a5
  • menu.background#333333
  • menu.border#333333
  • menu.foreground#ffffffc1
  • menu.selectionBackground#006468
  • menu.selectionBorder#333333
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#FFFFFF21
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#bfbfbf
  • merge.currentContentBackground#dbf4ef
  • merge.currentHeaderBackground#a4e3d6
  • merge.incomingContentBackground#dbecff
  • merge.incomingHeaderBackground#a6cfff
  • minimap.background#1e1e1e
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac9481
  • minimap.selectionHighlight#493b00
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#252526
  • notificationCenterHeader.background#252526
  • notificationCenterHeader.foreground#eeeeee
  • notifications.background#333333
  • notifications.border#252526
  • notifications.foreground#ffffff97
  • notificationsErrorIcon.foreground#d35400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#ffcc00
  • notificationToast.border#333333
  • panel.background#000000
  • panel.border#17a1a500
  • panelSection.border#006468
  • panelTitle.activeBorder#cfcfcf
  • panelTitle.activeForeground#cfcfcf
  • panelTitle.inactiveForeground#006468
  • peekView.border#007acc
  • peekViewEditor.background#252526
  • peekViewEditor.matchHighlightBackground#f5d802de
  • peekViewEditor.matchHighlightBorder#dbc417
  • peekViewEditorGutter.background#333333
  • peekViewResult.background#333333
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#333333
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#c1e1e2
  • pickerGroup.foreground#17a1a5
  • progressBar.background#d35400
  • scrollbar.shadow#00000080
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#493b00
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c2c2c2
  • sideBar.background#252526
  • sideBar.border#17a1a500
  • sideBar.dropBackground#00646828
  • sideBar.foreground#ffffff80
  • sideBarSectionHeader.background#e8e8e800
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#e0e0e0
  • sideBarTitle.foreground#006468
  • statusBar.background#006468
  • statusBar.border#006468
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#cc6633
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#006468
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#002224
  • tab.hoverBackground#006468
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#003234
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#ffffff
  • terminal.ansiBlue#3883cb
  • terminal.ansiBrightBlack#a7a7a7
  • terminal.ansiBrightBlue#66a0d5
  • terminal.ansiBrightCyan#5dbbc4
  • terminal.ansiBrightGreen#59cd73
  • terminal.ansiBrightMagenta#c873d7
  • terminal.ansiBrightRed#be5164
  • terminal.ansiBrightWhite#717171
  • terminal.ansiBrightYellow#c4ac46
  • terminal.ansiCyan#2992a1
  • terminal.ansiGreen#26a142
  • terminal.ansiMagenta#b642c7
  • terminal.ansiRed#d33d56
  • terminal.ansiWhite#4d4d4d
  • terminal.ansiYellow#a18b26
  • terminal.border#006468
  • terminal.foreground#C5C5C5
  • terminal.selectionBackground#00000040
  • terminalCursor.background#17a1a5
  • terminalCursor.foreground#472b2b
  • textLink.foreground#007cffc7
  • titleBar.activeBackground#003234
  • titleBar.activeForeground#ffffffed
  • titleBar.border#00000000
  • titleBar.inactiveBackground#003234
  • titleBar.inactiveForeground#ffffff99
  • tree.indentGuidesStroke#006468af
  • 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#a1d4f9c7
variable.other.generic-type.haskell#8c9264b9
storage.type.haskell#cfcfcf
support.variable.magic.python#a1d4f9c7
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d7d7d7c1
variable.parameter.function.language.special.self.python#46a1cdc7
storage.modifier.lifetime.rust#d7d7d7c1
support.function.std.rust#d3783cc7
entity.name.lifetime.rust#46a1cdc7
variable.language.rust#a1d4f9c7
support.constant.edge#8c9264b9
constant.other.character-class.regexp#a1d4f9c7
keyword.operator.quantifier.regexp#cfcfcf
punctuation.definition.string.begin,punctuation.definition.string.end#1e6a6d
variable.parameter.function#d7d7d7c1
comment markup.link#535964
markup.changed.diff#46a1cdc7
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#d3783cc7
markup.inserted.diff#1e6a6d
markup.deleted.diff#a1d4f9c7
meta.function.c,meta.function.cpp#a1d4f9c7
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#d7d7d7c1
punctuation.separator.key-value#d7d7d7c1
keyword.operator.expression.import#d3783cc7
support.constant.math#46a1cdc7
support.constant.property.math#cfcfcf
variable.other.constant#46a1cdc7
storage.type.annotation.java, storage.type.object.array.java#46a1cdc7
source.java#a1d4f9c7
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#d7d7d7c1
meta.method.java#d3783cc7
storage.modifier.import.java,storage.type.java,storage.type.generic.java#46a1cdc7
keyword.operator.instanceof.java#8c9264b9
meta.definition.variable.name.java#a1d4f9c7
keyword.operator.logical#cfcfcf
keyword.operator.bitwise#cfcfcf
keyword.operator.channel#cfcfcf
support.constant.property-value.scss,support.constant.property-value.css#cfcfcf
keyword.operator.css,keyword.operator.scss,keyword.operator.less#cfcfcf
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#cfcfcf
punctuation.separator.list.comma.css#d7d7d7c1
support.constant.color.w3c-standard-color-name.css#cfcfcf
support.type.vendored.property-name.css#cfcfcf
support.module.node,support.type.object.module,support.module.node#46a1cdc7
entity.name.type.module#46a1cdc7
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#a1d4f9c7
support.constant.json#cfcfcf
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#8c9264b9
support.type.object.console#a1d4f9c7
support.variable.property.process#cfcfcf
entity.name.function,support.function.console#d3783cc7
keyword.operator.misc.rust#d7d7d7c1
keyword.operator.sigil.rust#8c9264b9
keyword.operator.delete#8c9264b9
support.type.object.dom#cfcfcf
support.variable.dom,support.variable.property.dom#a1d4f9c7
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#cfcfcf
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#8c9264b9
punctuation.separator.delimiter#d7d7d7c1
punctuation.separator.c,punctuation.separator.cpp#8c9264b9
support.type.posix-reserved.c,support.type.posix-reserved.cpp#cfcfcf
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#8c9264b9
variable.parameter.function.language.python#cfcfcf
support.type.python#cfcfcf
keyword.operator.logical.python#8c9264b9
variable.parameter.function.python#cfcfcf
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d7d7d7c1
meta.function-call.generic.python#d3783cc7
constant.character.format.placeholder.other.python#cfcfcf
keyword.operator#d7d7d7c1
keyword.operator.assignment.compound#8c9264b9
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#cfcfcf
keyword#8c9264b9
entity.name.namespace#46a1cdc7
variable#a1d4f9c7
variable.c#d7d7d7c1
variable.language#46a1cdc7
token.variable.parameter.java#d7d7d7c1
import.storage.java#46a1cdc7
token.package.keyword#8c9264b9
token.package#d7d7d7c1
entity.name.function, meta.require, support.function.any-method, variable.function#d3783cc7
entity.name.type.namespace#46a1cdc7
support.class, entity.name.type.class#46a1cdc7
entity.name.class.identifier.namespace.type#46a1cdc7
entity.name.class, variable.other.class.js, variable.other.class.ts#46a1cdc7
variable.other.class.php#a1d4f9c7
entity.name.type#46a1cdc7
keyword.control#8c9264b9
control.elements, keyword.operator.less#cfcfcf
keyword.other.special-method#d3783cc7
storage#8c9264b9
token.storage#8c9264b9
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#8c9264b9
token.storage.type.java#46a1cdc7
support.function#cfcfcf
support.type.property-name#d7d7d7c1
support.constant.property-value#d7d7d7c1
support.constant.font-name#cfcfcf
meta.tag#d7d7d7c1
string#1e6a6d
entity.other.inherited-class#46a1cdc7
constant.other.symbol#cfcfcf
constant.numeric#cfcfcf
constant#cfcfcf
punctuation.definition.constant#cfcfcf
entity.name.tag#a1d4f9c7
entity.other.attribute-name#cfcfcf
entity.other.attribute-name.id#d3783cc7normal
entity.other.attribute-name.class.css#cfcfcfnormal
meta.selector#8c9264b9
markup.heading#a1d4f9c7
markup.heading punctuation.definition.heading, entity.name.section#d3783cc7
keyword.other.unit#a1d4f9c7
markup.bold,todo.bold#cfcfcf
punctuation.definition.bold#46a1cdc7
markup.italic, punctuation.definition.italic,todo.emphasis#8c9264b9
emphasis md#8c9264b9
entity.name.section.markdown#a1d4f9c7
punctuation.definition.heading.markdown#a1d4f9c7
punctuation.definition.list.begin.markdown#a1d4f9c7
markup.heading.setext#d7d7d7c1
punctuation.definition.bold.markdown#cfcfcf
markup.inline.raw.markdown#1e6a6d
markup.inline.raw.string.markdown#1e6a6d
punctuation.definition.list.markdown#a1d4f9c7
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#a1d4f9c7
beginning.punctuation.definition.list.markdown#a1d4f9c7
punctuation.definition.metadata.markdown#a1d4f9c7
markup.underline.link.markdown,markup.underline.link.image.markdown#8c9264b9
string.other.link.title.markdown,string.other.link.description.markdown#d3783cc7
string.regexp#cfcfcf
constant.character.escape#cfcfcf
punctuation.section.embedded, variable.interpolation#a1d4f9c7
punctuation.section.embedded.begin,punctuation.section.embedded.end#8c9264b9
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d7d7d7c1
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#a1d4f9c7
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#a1d4f9c7
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#1e6a6d
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#cfcfcf
support.type.property-name.json#a1d4f9c7
support.type.property-name.json punctuation#a1d4f9c7
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#8c9264b9
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#8c9264b9
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#46a1cdc7
keyword.operator.error-control.php#8c9264b9
keyword.operator.type.php#8c9264b9
punctuation.section.array.begin.php#d7d7d7c1
punctuation.section.array.end.php#d7d7d7c1
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#46a1cdc7
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#d3783cc7
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#d7d7d7c1
support.constant.core.rust#cfcfcf
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#cfcfcf
entity.name.goto-label.php,support.other.php#d3783cc7
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#cfcfcf
keyword.operator.regexp.php#8c9264b9
keyword.operator.comparison.php#cfcfcf
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#8c9264b9
meta.function.decorator.python#d3783cc7
support.token.decorator.python,meta.function.decorator.identifier.python#cfcfcf
function.parameter#d7d7d7c1
function.brace#d7d7d7c1
function.parameter.ruby, function.parameter.cs#d7d7d7c1
constant.language.symbol.ruby#cfcfcf
rgb-value#cfcfcf
inline-color-decoration rgb-value#cfcfcf
less rgb-value#cfcfcf
selector.sass#a1d4f9c7
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#46a1cdc7
block.scope.end,block.scope.begin#d7d7d7c1
storage.type.cs#46a1cdc7
entity.name.variable.local.cs#a1d4f9c7
token.info-token#d3783cc7
token.warn-token#cfcfcf
token.error-token#f44747
token.debug-token#8c9264b9
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#8c9264b9
meta.template.expression#d7d7d7c1
keyword.operator.module#8c9264b9
support.type.type.flowtype#d3783cc7
support.type.primitive#46a1cdc7
meta.property.object#a1d4f9c7
variable.parameter.function.js#a1d4f9c7
keyword.other.template.begin#1e6a6d
keyword.other.template.end#1e6a6d
keyword.other.substitution.begin#1e6a6d
keyword.other.substitution.end#1e6a6d
keyword.operator.assignment#cfcfcf
keyword.operator.assignment.go#46a1cdc7
keyword.operator.arithmetic.go, keyword.operator.address.go#8c9264b9
entity.name.package.go#46a1cdc7
support.type.prelude.elm#cfcfcf
support.constant.elm#cfcfcf
punctuation.quasi.element#8c9264b9
constant.character.entity#a1d4f9c7
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#cfcfcf
entity.global.clojure#46a1cdc7
meta.symbol.clojure#a1d4f9c7
constant.keyword.clojure#cfcfcf
meta.arguments.coffee, variable.parameter.function.coffee#a1d4f9c7
source.ini#1e6a6d
meta.scope.prerequisites.makefile#a1d4f9c7
source.makefile#46a1cdc7
storage.modifier.import.groovy#46a1cdc7
meta.method.groovy#d3783cc7
meta.definition.variable.name.groovy#a1d4f9c7
meta.definition.class.inherited.classes.groovy#1e6a6d
support.variable.semantic.hlsl#46a1cdc7
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#8c9264b9
text.variable, text.bracketed#a1d4f9c7
support.type.swift, support.type.vb.asp#46a1cdc7
entity.name.function.xi#46a1cdc7
entity.name.class.xi#cfcfcf
constant.character.character-class.regexp.xi#a1d4f9c7
constant.regexp.xi#8c9264b9
keyword.control.xi#cfcfcf
invalid.xi#d7d7d7c1
beginning.punctuation.definition.quote.markdown.xi#1e6a6d
beginning.punctuation.definition.list.markdown.xi#535964
constant.character.xi#d3783cc7
accent.xi#d3783cc7
wikiword.xi#cfcfcf
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#535964
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#46a1cdc7
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#a1d4f9c7
meta.brace.square#d7d7d7c1
comment, punctuation.definition.comment#535964italic
markup.quote.markdown#535964
punctuation.definition.block.sequence.item.yaml#d7d7d7c1
constant.language.symbol.elixir#cfcfcf
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...

Arduino barrtyg themes by BarrtyG - VS Code Theme