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.background#ede8de
  • activityBar.foreground#111111
  • activityBar.inactiveForeground#9d9a93
  • activityBarBadge.background#222222
  • activityBarBadge.foreground#ede8de
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#f9f6f1
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#cb7428
  • button.foreground#f1f1f1
  • button.hoverBackground#c15f07
  • button.secondaryBackground#37322f
  • button.secondaryForeground#f1f1f1
  • button.secondaryHoverBackground#111111
  • checkbox.background#efede3
  • checkbox.border#4f4f4f00
  • checkbox.foreground#333333
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#333333
  • debugToolBar.border#00000000
  • diffEditor.border#37322f
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#efede3
  • dropdown.border#4f4f4f00
  • dropdown.foreground#333333
  • editor.background#f9f6f1
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#333333
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#e0dacc
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#f9f6f1
  • editorCursor.foreground#333333
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#333333
  • editorGroup.emptyBackground#f9f6f1
  • editorGroupHeader.tabsBackground#ede8de
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#f9f6f1
  • editorGutter.commentRangeForeground#333333
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#333333
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#ede8de
  • editorHoverWidget.border#222222
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#333333
  • editorLineNumber.foreground#bbbbbb
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#ede8de
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f1f1f1
  • editorSuggestWidget.border#333333
  • editorSuggestWidget.foreground#333333
  • editorSuggestWidget.highlightForeground#9632fa
  • editorSuggestWidget.selectedBackground#96fa3230
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f1f1f1
  • editorWidget.foreground#333333
  • editorWidget.resizeBorder#3296fa
  • focusBorder#0090f1
  • foreground#616161
  • gitDecoration.addedResourceForeground#74b830
  • gitDecoration.conflictingResourceForeground#9632fa
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#3296fa
  • gitDecoration.untrackedResourceForeground#077507
  • icon.foreground#616161
  • input.background#efede3
  • input.border#4f4f4f00
  • input.foreground#333333
  • input.placeholderForeground#999999
  • inputOption.activeBackground#64c90050
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ada89d
  • list.activeSelectionForeground#ede8de
  • list.dropBackground#e0dacc
  • list.focusBackground#e0dacc
  • list.focusForeground#616161
  • list.highlightForeground#3296fa
  • list.hoverBackground#e0dacc
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#e0dacc
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#dddddd
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#0060c0
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#ccff98
  • merge.currentHeaderBackground#96fa32
  • merge.incomingContentBackground#9ecfff
  • merge.incomingHeaderBackground#3296fa
  • minimap.background#f9f6f1
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#e0dacc
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#33333300
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f1f1f1
  • notifications.border#00000000
  • notifications.foreground#333333
  • notificationsErrorIcon.foreground#FF6D6D
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#00000000
  • panel.background#efede3
  • panel.border#00000000
  • panelSection.border#80808059
  • panelTitle.activeBorder#3296fa
  • panelTitle.activeForeground#3296fa
  • panelTitle.inactiveForeground#333333
  • peekView.border#3296fa
  • peekViewEditor.background#ede8de
  • peekViewEditor.matchHighlightBackground#96fa3250
  • peekViewEditor.matchHighlightBorder#96fa3250
  • peekViewEditorGutter.background#ede8de
  • peekViewResult.background#ede8de
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ede8de
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#333333
  • pickerGroup.foreground#fa9632
  • progressBar.background#0e70c0
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#ffffff20
  • scrollbarSlider.background#33333333
  • scrollbarSlider.hoverBackground#3296fa
  • selection.background#e0dacc
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#ede8de
  • sideBar.border#00000000
  • sideBar.dropBackground#e0dacc
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#ede8de
  • statusBar.debuggingBackground#fa9632
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#111111
  • statusBar.noFolderBackground#9632fa
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#ede8de
  • statusBarItem.remoteForeground#111111
  • tab.activeBackground#f9f6f1
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#111111
  • tab.border#00000000
  • tab.inactiveBackground#ede8de
  • 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#9632fa33
  • terminalCursor.background#fa9632
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3296fa
  • titleBar.activeBackground#ede8de
  • titleBar.activeForeground#222222
  • titleBar.border#00000000
  • titleBar.inactiveBackground#111111
  • 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#333333
variable.other.generic-type.haskell#9632fa
storage.type.haskell#333333
support.variable.magic.python#333333
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#333333
variable.parameter.function.language.special.self.python#fa9632
storage.modifier.lifetime.rust#333333
support.function.std.rust#3296fa
entity.name.lifetime.rust#fa9632
variable.language.rust#333333
support.constant.edge#9632fa
constant.other.character-class.regexp#333333
keyword.operator.quantifier.regexp#333333
punctuation.definition.string.begin,punctuation.definition.string.end#98c379
variable.parameter.function#333333
comment markup.link#7f848e
markup.changed.diff#fa9632
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#3296fa
markup.inserted.diff#98c379
markup.deleted.diff#333333
meta.function.c,meta.function.cpp#333333
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#333333
punctuation.separator.key-value#333333
keyword.operator.expression.import#3296fa
support.constant.math#fa9632
support.constant.property.math#333333
variable.other.constant#fa9632
storage.type.annotation.java, storage.type.object.array.java#fa9632
source.java#333333
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#333333
meta.method.java#3296fa
storage.modifier.import.java,storage.type.java,storage.type.generic.java#fa9632
keyword.operator.instanceof.java#9632fa
meta.definition.variable.name.java#333333
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#333333
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#333333
punctuation.separator.list.comma.css#333333
support.constant.color.w3c-standard-color-name.css#333333
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#fa9632
entity.name.type.module#fa9632
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#333333
support.constant.json#333333
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#9632fa
support.type.object.console#333333
support.variable.property.process#333333
entity.name.function,support.function.console#3296fa
keyword.operator.misc.rust#333333
keyword.operator.sigil.rust#9632fa
keyword.operator.delete#9632fa
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#333333
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#9632fa
punctuation.separator.delimiter#333333
punctuation.separator.c,punctuation.separator.cpp#9632fa
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#9632fa
variable.parameter.function.language.python#333333
support.type.python#56b6c2
keyword.operator.logical.python#9632fa
variable.parameter.function.python#333333
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#333333
meta.function-call.generic.python#3296fa
constant.character.format.placeholder.other.python#333333
keyword.operator#333333
keyword.operator.assignment.compound#9632fa
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#9632fa
entity.name.namespace#fa9632
variable#333333
variable.c#333333
variable.language#fa9632
token.variable.parameter.java#333333
import.storage.java#fa9632
token.package.keyword#9632fa
token.package#333333
entity.name.function, meta.require, support.function.any-method, variable.function#3296fa
entity.name.type.namespace#fa9632
support.class, entity.name.type.class#fa9632
entity.name.class.identifier.namespace.type#fa9632
entity.name.class, variable.other.class.js, variable.other.class.ts#fa9632
variable.other.class.php#333333
entity.name.type#fa9632
keyword.control#9632fa
control.elements, keyword.operator.less#333333
keyword.other.special-method#3296fa
storage#9632fa
token.storage#9632fa
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#9632fa
token.storage.type.java#fa9632
support.function#56b6c2
support.type.property-name#333333
support.constant.property-value#333333
support.constant.font-name#333333
meta.tag#333333
string#98c379
entity.other.inherited-class#fa9632
constant.other.symbol#56b6c2
constant.numeric#333333
constant#333333
punctuation.definition.constant#333333
entity.name.tag#333333
entity.other.attribute-name#333333
entity.other.attribute-name.id#3296fanormal
entity.other.attribute-name.class.css#333333normal
meta.selector#9632fa
markup.heading#333333
markup.heading punctuation.definition.heading, entity.name.section#3296fa
keyword.other.unit#333333
markup.bold,todo.bold#333333
punctuation.definition.bold#fa9632
markup.italic, punctuation.definition.italic,todo.emphasis#9632fa
emphasis md#9632fa
entity.name.section.markdown#333333
punctuation.definition.heading.markdown#333333
punctuation.definition.list.begin.markdown#333333
markup.heading.setext#333333
punctuation.definition.bold.markdown#333333
markup.inline.raw.markdown#98c379
markup.inline.raw.string.markdown#98c379
punctuation.definition.list.markdown#333333
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#333333
beginning.punctuation.definition.list.markdown#333333
punctuation.definition.metadata.markdown#333333
markup.underline.link.markdown,markup.underline.link.image.markdown#9632fa
string.other.link.title.markdown,string.other.link.description.markdown#3296fa
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#333333
punctuation.section.embedded.begin,punctuation.section.embedded.end#9632fa
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#333333
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#333333
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#333333
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#98c379
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#333333
support.type.property-name.json punctuation#333333
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#9632fa
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#9632fa
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#fa9632
keyword.operator.error-control.php#9632fa
keyword.operator.type.php#9632fa
punctuation.section.array.begin.php#333333
punctuation.section.array.end.php#333333
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#fa9632
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#3296fa
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#333333
support.constant.core.rust#333333
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#333333
entity.name.goto-label.php,support.other.php#3296fa
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#9632fa
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#9632fa
meta.function.decorator.python#3296fa
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#333333
function.brace#333333
function.parameter.ruby, function.parameter.cs#333333
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#333333
less rgb-value#333333
selector.sass#333333
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#fa9632
block.scope.end,block.scope.begin#333333
storage.type.cs#fa9632
entity.name.variable.local.cs#333333
token.info-token#3296fa
token.warn-token#333333
token.error-token#f44747
token.debug-token#9632fa
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#9632fa
meta.template.expression#333333
keyword.operator.module#9632fa
support.type.type.flowtype#3296fa
support.type.primitive#fa9632
meta.property.object#333333
variable.parameter.function.js#333333
keyword.other.template.begin#98c379
keyword.other.template.end#98c379
keyword.other.substitution.begin#98c379
keyword.other.substitution.end#98c379
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#fa9632
keyword.operator.arithmetic.go, keyword.operator.address.go#9632fa
entity.name.package.go#fa9632
support.type.prelude.elm#56b6c2
support.constant.elm#333333
punctuation.quasi.element#9632fa
constant.character.entity#333333
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#fa9632
meta.symbol.clojure#333333
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#333333
source.ini#98c379
meta.scope.prerequisites.makefile#333333
source.makefile#fa9632
storage.modifier.import.groovy#fa9632
meta.method.groovy#3296fa
meta.definition.variable.name.groovy#333333
meta.definition.class.inherited.classes.groovy#98c379
support.variable.semantic.hlsl#fa9632
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#9632fa
text.variable, text.bracketed#333333
support.type.swift, support.type.vb.asp#fa9632
entity.name.function.xi#fa9632
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#333333
constant.regexp.xi#9632fa
keyword.control.xi#56b6c2
invalid.xi#333333
beginning.punctuation.definition.quote.markdown.xi#98c379
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#3296fa
accent.xi#3296fa
wikiword.xi#333333
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#fa9632
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#333333
meta.brace.square#333333
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#333333
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...

Gunivers Theme - Coding Theme