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.background#101010
  • activityBar.foreground#e7e7e7
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#ff8888
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#e03434f7
  • button.foreground#ffffff
  • button.hoverBackground#b61818f7
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c5561
  • 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#3ec20e4e
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#ff000033
  • diffEditor.removedTextBorder#cb2b2b00
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#fbfbfb
  • editor.findMatchBackground#bbbbbb
  • editor.findMatchBorder#bcbcbc
  • editor.findMatchHighlightBackground#e0343455
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#000000
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#e0343433
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#e034345c
  • editor.selectionHighlightBackground#e0343444
  • editor.selectionHighlightBorder#4d4d4d
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#bcbcbc40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#000000
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#fbfbfb
  • editorGroupHeader.tabsBackground#f3f3f3
  • 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#0087ff
  • editorLineNumber.activeForeground#4d4d4d
  • editorLineNumber.foreground#000000
  • editorLink.activeForeground#4182c4
  • 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#e03434
  • 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#ff8888
  • foreground#000000
  • 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#000000
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#e03434f7
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#d6ebff
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#ff8888
  • list.hoverBackground#e8e8e8
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#c941416a
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#bcbcbc
  • listFilterWidget.noMatchesOutline#ff8888
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#e03434f7
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#bcbcbc
  • merge.currentHeaderBackground#909090
  • merge.incomingContentBackground#bbbbbb
  • merge.incomingHeaderBackground#778899
  • minimap.background#fbfbfb
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#bbbbbb
  • minimap.selectionHighlight#e034345c
  • 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#ff1600
  • notificationsInfoIcon.foreground#0087ff
  • notificationsWarningIcon.foreground#ff9b00
  • 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#e034346e
  • peekViewEditor.matchHighlightBorder#e03434
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#e034344d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#e03434
  • progressBar.background#ff8888
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#bbbbbb
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#000000
  • sideBar.background#ececec
  • sideBar.dropBackground#d6ebff
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616130
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#ff8888
  • statusBar.debuggingBackground#9f2e2e
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#e25f5f
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#d33434
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ffffff
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#333333
  • tab.border#f3f3f3
  • 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#e03434cb
  • terminalCursor.foreground#ffffff
  • textLink.foreground#e03434
  • titleBar.activeBackground#dddddd
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dddddd99
  • 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#1b8470
variable.other.generic-type.haskell#ba8028
storage.type.haskell#3664d1
support.variable.magic.python#1b8470
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#000000
variable.parameter.function.language.special.self.python#f23535
storage.modifier.lifetime.rust#000000
support.function.std.rust#4582b6
entity.name.lifetime.rust#f23535
variable.language.rust#1b8470
support.constant.edge#ba8028
constant.other.character-class.regexp#1b8470
keyword.operator.quantifier.regexp#3664d1
punctuation.definition.string.begin,punctuation.definition.string.end#1f9237
variable.parameter.function#000000
comment markup.link#7f848e
markup.changed.diff#f23535
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#4582b6
markup.inserted.diff#1f9237
markup.deleted.diff#1b8470
meta.function.c,meta.function.cpp#1b8470
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#4582b6
support.constant.math#f23535
support.constant.property.math#3664d1
variable.other.constant#f23535
storage.type.annotation.java, storage.type.object.array.java#f23535
source.java#1b8470
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#4582b6
storage.modifier.import.java,storage.type.java,storage.type.generic.java#f23535
keyword.operator.instanceof.java#ba8028
meta.definition.variable.name.java#1b8470
keyword.operator.logical#060606
keyword.operator.bitwise#060606
keyword.operator.channel#060606
support.constant.property-value.scss,support.constant.property-value.css#3664d1
keyword.operator.css,keyword.operator.scss,keyword.operator.less#060606
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#3664d1
punctuation.separator.list.comma.css#000000
support.constant.color.w3c-standard-color-name.css#3664d1
support.type.vendored.property-name.css#060606
support.module.node,support.type.object.module,support.module.node#f23535
entity.name.type.module#f23535
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#1b8470
support.constant.json#3664d1
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ba8028
support.type.object.console#1b8470
support.variable.property.process#3664d1
entity.name.function,support.function.console#4582b6
keyword.operator.misc.rust#000000
keyword.operator.sigil.rust#ba8028
keyword.operator.delete#ba8028
support.type.object.dom#060606
support.variable.dom,support.variable.property.dom#1b8470
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#060606
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#ba8028
punctuation.separator.delimiter#000000
punctuation.separator.c,punctuation.separator.cpp#ba8028
support.type.posix-reserved.c,support.type.posix-reserved.cpp#060606
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ba8028
variable.parameter.function.language.python#3664d1
support.type.python#060606
keyword.operator.logical.python#ba8028
variable.parameter.function.python#3664d1
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#4582b6
constant.character.format.placeholder.other.python#3664d1
keyword.operator#000000
keyword.operator.assignment.compound#ba8028
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#060606
keyword#ba8028
entity.name.namespace#f23535
variable#1b8470
variable.c#000000
variable.language#f23535
token.variable.parameter.java#000000
import.storage.java#f23535
token.package.keyword#ba8028
token.package#000000
entity.name.function, meta.require, support.function.any-method, variable.function#4582b6
entity.name.type.namespace#f23535
support.class, entity.name.type.class#f23535
entity.name.class.identifier.namespace.type#f23535
entity.name.class, variable.other.class.js, variable.other.class.ts#f23535
variable.other.class.php#1b8470
entity.name.type#f23535
keyword.control#ba8028
control.elements, keyword.operator.less#3664d1
keyword.other.special-method#4582b6
storage#ba8028
token.storage#ba8028
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#ba8028
token.storage.type.java#f23535
support.function#060606
support.type.property-name#000000
support.constant.property-value#000000
support.constant.font-name#3664d1
meta.tag#000000
string#1f9237
entity.other.inherited-class#f23535
constant.other.symbol#060606
constant.numeric#3664d1
constant#3664d1
punctuation.definition.constant#3664d1
entity.name.tag#1b8470
entity.other.attribute-name#3664d1
entity.other.attribute-name.id#4582b6normal
entity.other.attribute-name.class.css#3664d1normal
meta.selector#ba8028
markup.heading#1b8470
markup.heading punctuation.definition.heading, entity.name.section#4582b6
keyword.other.unit#1b8470
markup.bold,todo.bold#3664d1
punctuation.definition.bold#f23535
markup.italic, punctuation.definition.italic,todo.emphasis#ba8028
emphasis md#ba8028
entity.name.section.markdown#1b8470
punctuation.definition.heading.markdown#1b8470
punctuation.definition.list.begin.markdown#1b8470
markup.heading.setext#000000
punctuation.definition.bold.markdown#3664d1
markup.inline.raw.markdown#1f9237
markup.inline.raw.string.markdown#1f9237
punctuation.definition.list.markdown#1b8470
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#1b8470
beginning.punctuation.definition.list.markdown#1b8470
punctuation.definition.metadata.markdown#1b8470
markup.underline.link.markdown,markup.underline.link.image.markdown#ba8028
string.other.link.title.markdown,string.other.link.description.markdown#4582b6
string.regexp#060606
constant.character.escape#060606
punctuation.section.embedded, variable.interpolation#1b8470
punctuation.section.embedded.begin,punctuation.section.embedded.end#ba8028
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#1b8470
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#1b8470
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#1f9237
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#060606
support.type.property-name.json#1b8470
support.type.property-name.json punctuation#1b8470
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ba8028
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ba8028
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#f23535
keyword.operator.error-control.php#ba8028
keyword.operator.type.php#ba8028
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#f23535
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#4582b6
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#3664d1
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#3664d1
entity.name.goto-label.php,support.other.php#4582b6
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#060606
keyword.operator.regexp.php#ba8028
keyword.operator.comparison.php#060606
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ba8028
meta.function.decorator.python#4582b6
support.token.decorator.python,meta.function.decorator.identifier.python#060606
function.parameter#000000
function.brace#000000
function.parameter.ruby, function.parameter.cs#000000
constant.language.symbol.ruby#060606
rgb-value#060606
inline-color-decoration rgb-value#3664d1
less rgb-value#3664d1
selector.sass#1b8470
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#f23535
block.scope.end,block.scope.begin#000000
storage.type.cs#f23535
entity.name.variable.local.cs#1b8470
token.info-token#4582b6
token.warn-token#3664d1
token.error-token#f44747
token.debug-token#ba8028
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ba8028
meta.template.expression#000000
keyword.operator.module#ba8028
support.type.type.flowtype#4582b6
support.type.primitive#f23535
meta.property.object#1b8470
variable.parameter.function.js#1b8470
keyword.other.template.begin#1f9237
keyword.other.template.end#1f9237
keyword.other.substitution.begin#1f9237
keyword.other.substitution.end#1f9237
keyword.operator.assignment#060606
keyword.operator.assignment.go#f23535
keyword.operator.arithmetic.go, keyword.operator.address.go#ba8028
entity.name.package.go#f23535
support.type.prelude.elm#060606
support.constant.elm#3664d1
punctuation.quasi.element#ba8028
constant.character.entity#1b8470
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#060606
entity.global.clojure#f23535
meta.symbol.clojure#1b8470
constant.keyword.clojure#060606
meta.arguments.coffee, variable.parameter.function.coffee#1b8470
source.ini#1f9237
meta.scope.prerequisites.makefile#1b8470
source.makefile#f23535
storage.modifier.import.groovy#f23535
meta.method.groovy#4582b6
meta.definition.variable.name.groovy#1b8470
meta.definition.class.inherited.classes.groovy#1f9237
support.variable.semantic.hlsl#f23535
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#ba8028
text.variable, text.bracketed#1b8470
support.type.swift, support.type.vb.asp#f23535
entity.name.function.xi#f23535
entity.name.class.xi#060606
constant.character.character-class.regexp.xi#1b8470
constant.regexp.xi#ba8028
keyword.control.xi#060606
invalid.xi#000000
beginning.punctuation.definition.quote.markdown.xi#1f9237
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#4582b6
accent.xi#4582b6
wikiword.xi#3664d1
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#f23535
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#1b8470
meta.brace.square#000000
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#000000
constant.language.symbol.elixir#060606
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...