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#5f6a795a
  • activityBar.background#fdf6e3
  • activityBar.border#00000000
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#0000007a
  • activityBarBadge.background#5f6a79
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#fdf6e3
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#5a5a5a
  • button.foreground#ffffff
  • button.hoverBackground#c9c3b4
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c556144
  • checkbox.background#fdf6e3
  • checkbox.border#c2b9b900
  • checkbox.foreground#616161
  • debugExceptionWidget.background#fdf6e3
  • debugExceptionWidget.border#000000
  • debugToolBar.background#fdf6e3
  • debugToolBar.border#000000
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#fdf6e3
  • dropdown.border#c2b9b900
  • dropdown.foreground#616161
  • editor.background#fdf6e3
  • editor.findMatchBackground#797b6f34
  • editor.findMatchBorder#7e826d00
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#000000
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#f5eacd
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#eae0c3
  • editor.selectionHighlightBackground#00000080
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#626262
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#00000000
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#fdf6e3
  • editorGroupHeader.tabsBackground#fdf6e3
  • editorGroupHeader.tabsBorder#fdf6e3
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#fdf6e3
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#7f8182
  • editorHoverWidget.background#fdf6e3
  • editorHoverWidget.border#000000
  • editorHoverWidget.foreground#000000
  • editorIndentGuide.activeBackground#0000006c
  • editorIndentGuide.background#adadad
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#5e9dd57e
  • editorLineNumber.activeForeground#ff636387
  • editorLineNumber.foreground#000000
  • editorLink.activeForeground#000000
  • editorMarkerNavigation.background#fdf6e3
  • editorMarkerNavigationError.background#ff8b80
  • editorMarkerNavigationInfo.background#000000
  • editorMarkerNavigationWarning.background#000000
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#0000002e
  • editorSuggestWidget.background#fdf6e3
  • editorSuggestWidget.border#000000
  • editorSuggestWidget.foreground#717171
  • editorSuggestWidget.highlightForeground#000000
  • editorSuggestWidget.selectedBackground#dbd5c4
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a7008d
  • editorWhitespace.foreground#33333333
  • editorWidget.background#fdf6e3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#000000
  • focusBorder#fdf6e3
  • foreground#616161
  • 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#52b044
  • icon.foreground#616161
  • input.background#fdf6e3
  • input.border#c2b9b900
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#adadad33
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#5c5c5c
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ab8c8c4c
  • list.focusBackground#00000030
  • list.focusForeground#616161
  • list.highlightForeground#000000
  • list.hoverBackground#5f6a79a5
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#1f1f1fdd
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#fdf6e3
  • menu.border#00000081
  • menu.foreground#616161
  • menu.selectionBackground#c9c3b4
  • menu.selectionBorder#00000000
  • menu.selectionForeground#000000
  • menu.separatorBackground#fdf6e3
  • menubar.selectionBackground#fdf6e3
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#fdf6e3
  • minimap.errorHighlight#00000000
  • minimap.findMatchHighlight#797b6f34
  • minimap.selectionHighlight#eae0c3
  • minimap.warningHighlight#e9a7008d
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#7f8182
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#fdf6e3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#ff8c8c
  • notificationsInfoIcon.foreground#000000
  • notificationsWarningIcon.foreground#000000
  • notificationToast.border#d5d5d5
  • panel.background#fdf6e3
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#000000
  • peekViewEditor.background#fdf6e3
  • peekViewEditor.matchHighlightBackground#ffffff
  • peekViewEditor.matchHighlightBorder#4d4d4d
  • peekViewEditorGutter.background#fdf6e3
  • peekViewResult.background#fdf6e3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#5a5a5a
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#dbd5c4
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#000000
  • pickerGroup.foreground#000000
  • progressBar.background#000000
  • scrollbar.shadow#ffffff00
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#948989dd
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#eae0c3
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#fdf6e3
  • sideBar.border#8a3d3d00
  • sideBar.dropBackground#ab8c8c4c
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#ad585800
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#000000
  • statusBar.background#fdf6e3
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#fdf6e3
  • statusBar.debuggingBorder#fdf6e300
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#fdf6e3
  • statusBar.noFolderBorder#ffffff00
  • statusBar.noFolderForeground#000000
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#0000006e
  • statusBarItem.remoteBackground#00000000
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#e2d8bf
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#333333
  • tab.border#f3f3f3
  • tab.inactiveBackground#fdf6e3
  • tab.inactiveForeground#000000b3
  • terminal.ansiBlack#767676
  • terminal.ansiBlue#474f88
  • terminal.ansiBrightBlack#767676
  • terminal.ansiBrightBlue#474f88
  • terminal.ansiBrightCyan#81d6bc
  • terminal.ansiBrightGreen#574657
  • terminal.ansiBrightMagenta#b46e90
  • terminal.ansiBrightRed#e74856
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#9b9665
  • terminal.ansiCyan#81d6bc
  • terminal.ansiGreen#574657
  • terminal.ansiMagenta#b46e90
  • terminal.ansiRed#e74856
  • terminal.ansiWhite#928f8f
  • terminal.ansiYellow#9b9665
  • terminal.border#80808059
  • terminal.foreground#000000
  • terminal.selectionBackground#00000040
  • terminalCursor.background#999999
  • terminalCursor.foreground#ffffff
  • textLink.foreground#999999
  • titleBar.activeBackground#fdf6e3
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#fdf6e3
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#a9a9a9
  • 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#000000
variable.other.generic-type.haskell#000000
storage.type.haskell#000000
support.variable.magic.python#000000
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#000000
variable.parameter.function.language.special.self.python#828282
storage.modifier.lifetime.rust#000000
support.function.std.rust#b68b8b
entity.name.lifetime.rust#828282
variable.language.rust#000000
support.constant.edge#000000
constant.other.character-class.regexp#000000
keyword.operator.quantifier.regexp#000000
punctuation.definition.string.begin,punctuation.definition.string.end#9d9d9d
variable.parameter.function#000000
comment markup.link#859bba
markup.changed.diff#828282
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#b68b8b
markup.inserted.diff#9d9d9d
markup.deleted.diff#000000
meta.function.c,meta.function.cpp#000000
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#000000
punctuation.separator.key-value#000000
keyword.operator.expression.import#b68b8b
support.constant.math#828282
support.constant.property.math#000000
variable.other.constant#828282
storage.type.annotation.java, storage.type.object.array.java#828282
source.java#000000
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#000000
meta.method.java#b68b8b
storage.modifier.import.java,storage.type.java,storage.type.generic.java#828282
keyword.operator.instanceof.java#000000
meta.definition.variable.name.java#000000
keyword.operator.logical#000000
keyword.operator.bitwise#000000
keyword.operator.channel#000000
support.constant.property-value.scss,support.constant.property-value.css#000000
keyword.operator.css,keyword.operator.scss,keyword.operator.less#000000
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#000000
punctuation.separator.list.comma.css#000000
support.constant.color.w3c-standard-color-name.css#000000
support.type.vendored.property-name.css#000000
support.module.node,support.type.object.module,support.module.node#828282
entity.name.type.module#828282
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#000000
support.constant.json#000000
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#000000
support.type.object.console#000000
support.variable.property.process#000000
entity.name.function,support.function.console#b68b8b
keyword.operator.misc.rust#000000
keyword.operator.sigil.rust#000000
keyword.operator.delete#000000
support.type.object.dom#000000
support.variable.dom,support.variable.property.dom#000000
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#000000
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#000000
punctuation.separator.delimiter#000000
punctuation.separator.c,punctuation.separator.cpp#000000
support.type.posix-reserved.c,support.type.posix-reserved.cpp#000000
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#000000
variable.parameter.function.language.python#000000
support.type.python#000000
keyword.operator.logical.python#000000
variable.parameter.function.python#000000
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#000000
meta.function-call.generic.python#b68b8b
constant.character.format.placeholder.other.python#000000
keyword.operator#000000
keyword.operator.assignment.compound#000000
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#000000
keyword#000000
entity.name.namespace#828282
variable#000000
variable.c#000000
variable.language#828282
token.variable.parameter.java#000000
import.storage.java#828282
token.package.keyword#000000
token.package#000000
entity.name.function, meta.require, support.function.any-method, variable.function#b68b8b
entity.name.type.namespace#828282
support.class, entity.name.type.class#828282
entity.name.class.identifier.namespace.type#828282
entity.name.class, variable.other.class.js, variable.other.class.ts#828282
variable.other.class.php#000000
entity.name.type#828282
keyword.control#000000
control.elements, keyword.operator.less#000000
keyword.other.special-method#b68b8b
storage#000000
token.storage#000000
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#000000
token.storage.type.java#828282
support.function#000000
support.type.property-name#000000
support.constant.property-value#000000
support.constant.font-name#000000
meta.tag#000000
string#9d9d9d
entity.other.inherited-class#828282
constant.other.symbol#000000
constant.numeric#000000
constant#000000
punctuation.definition.constant#000000
entity.name.tag#000000
entity.other.attribute-name#000000
entity.other.attribute-name.id#b68b8bnormal
entity.other.attribute-name.class.css#000000normal
meta.selector#000000
markup.heading#000000
markup.heading punctuation.definition.heading, entity.name.section#b68b8b
keyword.other.unit#000000
markup.bold,todo.bold#000000
punctuation.definition.bold#828282
markup.italic, punctuation.definition.italic,todo.emphasis#000000
emphasis md#000000
entity.name.section.markdown#000000
punctuation.definition.heading.markdown#000000
punctuation.definition.list.begin.markdown#000000
markup.heading.setext#000000
punctuation.definition.bold.markdown#000000
markup.inline.raw.markdown#9d9d9d
markup.inline.raw.string.markdown#9d9d9d
punctuation.definition.list.markdown#000000
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#000000
beginning.punctuation.definition.list.markdown#000000
punctuation.definition.metadata.markdown#000000
markup.underline.link.markdown,markup.underline.link.image.markdown#000000
string.other.link.title.markdown,string.other.link.description.markdown#b68b8b
string.regexp#000000
constant.character.escape#000000
punctuation.section.embedded, variable.interpolation#000000
punctuation.section.embedded.begin,punctuation.section.embedded.end#000000
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#000000
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#000000
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#000000
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#9d9d9d
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#000000
support.type.property-name.json#000000
support.type.property-name.json punctuation#000000
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#000000
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#000000
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#828282
keyword.operator.error-control.php#000000
keyword.operator.type.php#000000
punctuation.section.array.begin.php#000000
punctuation.section.array.end.php#000000
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#828282
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#b68b8b
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#000000
support.constant.core.rust#000000
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#000000
entity.name.goto-label.php,support.other.php#b68b8b
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#000000
keyword.operator.regexp.php#000000
keyword.operator.comparison.php#000000
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#000000
meta.function.decorator.python#b68b8b
support.token.decorator.python,meta.function.decorator.identifier.python#000000
function.parameter#000000
function.brace#000000
function.parameter.ruby, function.parameter.cs#000000
constant.language.symbol.ruby#000000
rgb-value#000000
inline-color-decoration rgb-value#000000
less rgb-value#000000
selector.sass#000000
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#828282
block.scope.end,block.scope.begin#000000
storage.type.cs#828282
entity.name.variable.local.cs#000000
token.info-token#b68b8b
token.warn-token#000000
token.error-token#f44747
token.debug-token#000000
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#000000
meta.template.expression#000000
keyword.operator.module#000000
support.type.type.flowtype#b68b8b
support.type.primitive#828282
meta.property.object#000000
variable.parameter.function.js#000000
keyword.other.template.begin#9d9d9d
keyword.other.template.end#9d9d9d
keyword.other.substitution.begin#9d9d9d
keyword.other.substitution.end#9d9d9d
keyword.operator.assignment#000000
keyword.operator.assignment.go#828282
keyword.operator.arithmetic.go, keyword.operator.address.go#000000
entity.name.package.go#828282
support.type.prelude.elm#000000
support.constant.elm#000000
punctuation.quasi.element#000000
constant.character.entity#000000
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#000000
entity.global.clojure#828282
meta.symbol.clojure#000000
constant.keyword.clojure#000000
meta.arguments.coffee, variable.parameter.function.coffee#000000
source.ini#9d9d9d
meta.scope.prerequisites.makefile#000000
source.makefile#828282
storage.modifier.import.groovy#828282
meta.method.groovy#b68b8b
meta.definition.variable.name.groovy#000000
meta.definition.class.inherited.classes.groovy#9d9d9d
support.variable.semantic.hlsl#828282
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#000000
text.variable, text.bracketed#000000
support.type.swift, support.type.vb.asp#828282
entity.name.function.xi#828282
entity.name.class.xi#000000
constant.character.character-class.regexp.xi#000000
constant.regexp.xi#000000
keyword.control.xi#000000
invalid.xi#000000
beginning.punctuation.definition.quote.markdown.xi#9d9d9d
beginning.punctuation.definition.list.markdown.xi#859bba
constant.character.xi#b68b8b
accent.xi#b68b8b
wikiword.xi#000000
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#859bba
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#828282
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#000000
meta.brace.square#000000
comment, punctuation.definition.comment#859bbaitalic
markup.quote.markdown#859bba
punctuation.definition.block.sequence.item.yaml#000000
constant.language.symbol.elixir#000000
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...

Thea Theme by Priyankar Pal - VS Code Theme