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#f3f3f3
  • activityBar.background#e2e2e2
  • activityBar.foreground#006468
  • activityBar.inactiveForeground#00646880
  • activityBarBadge.background#006468
  • activityBarBadge.foreground#ffffff
  • badge.background#d35400
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#17a1a5
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffff8d
  • button.background#17a1a5
  • button.foreground#ffffffdd
  • button.hoverBackground#006468
  • button.secondaryBackground#006468
  • button.secondaryForeground#ffffffdd
  • button.secondaryHoverBackground#003234
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#000000
  • debugExceptionWidget.background#e2e2e2
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#e2e2e2
  • debugToolBar.border#00000000
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#000000
  • editor.background#ffffff
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#00646824
  • editor.foreground#000000
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#ffcc0080
  • editor.lineHighlightBackground#f3f3f3
  • editor.lineHighlightBorder#e2e2e2
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffcc00
  • editor.selectionHighlightBackground#ffcc0080
  • editor.selectionHighlightBorder#ffcc00
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • 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#17a1a5
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.tabsBackground#006468
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#ffffff
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#c8c8c8
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#17a1a5
  • editorLineNumber.foreground#808080
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#ffffffc1
  • editorOverviewRuler.border#f3f3f3
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#17a1a5
  • editorSuggestWidget.selectedBackground#00646828
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#e2e2e2
  • 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#ffffff
  • input.border#00000000
  • input.foreground#000000
  • input.placeholderForeground#00000080
  • inputOption.activeBackground#ffffff1f
  • inputOption.activeBorder#ff000000
  • inputOption.activeForeground#006468
  • list.activeSelectionBackground#17a1a5
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#00646828
  • list.focusBackground#17a1a53a
  • list.focusForeground#616161
  • list.highlightForeground#006468
  • list.hoverBackground#e8e8e8
  • list.hoverForeground#000000
  • list.inactiveSelectionBackground#00646810
  • list.inactiveSelectionForeground#000000
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#FF4F4F
  • listFilterWidget.outline#17a1a5
  • menu.background#e2e2e2
  • menu.border#e2e2e2
  • menu.foreground#000000c1
  • menu.selectionBackground#17a1a5
  • menu.selectionBorder#e2e2e2
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • 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#ffffff
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#ffcc00
  • 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#d35400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#ffcc00
  • notificationToast.border#d5d5d5
  • panel.background#000000
  • panel.border#17a1a500
  • panelSection.border#006468
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#17a1a5
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f5d802de
  • peekViewEditor.matchHighlightBorder#dbc417
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#c1e1e2
  • pickerGroup.foreground#006468
  • progressBar.background#d35400
  • scrollbar.shadow#00000080
  • scrollbarSlider.activeBackground#000000ad
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#ffcc00
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c2c2c2
  • sideBar.background#f3f3f3
  • sideBar.border#17a1a500
  • sideBar.dropBackground#00646828
  • sideBar.foreground#00000080
  • sideBarSectionHeader.background#e8e8e800
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#000000
  • 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#17a1a5
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#00787d
  • tab.hoverBackground#006468
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#006468
  • 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#d35400
  • titleBar.activeBackground#006468
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#006468
  • titleBar.inactiveForeground#ffffff99
  • tree.indentGuidesStroke#00646881
  • 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#0da8d7
variable.other.generic-type.haskell#788c02
storage.type.haskell#000000
support.variable.magic.python#0da8d7
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#000000
variable.parameter.function.language.special.self.python#008aad
storage.modifier.lifetime.rust#000000
support.function.std.rust#d35400
entity.name.lifetime.rust#008aad
variable.language.rust#0da8d7
support.constant.edge#788c02
constant.other.character-class.regexp#0da8d7
keyword.operator.quantifier.regexp#000000
punctuation.definition.string.begin,punctuation.definition.string.end#005c5f
variable.parameter.function#000000
comment markup.link#727a8a
markup.changed.diff#008aad
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#d35400
markup.inserted.diff#005c5f
markup.deleted.diff#0da8d7
meta.function.c,meta.function.cpp#0da8d7
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#d35400
support.constant.math#008aad
support.constant.property.math#000000
variable.other.constant#008aad
storage.type.annotation.java, storage.type.object.array.java#008aad
source.java#0da8d7
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#d35400
storage.modifier.import.java,storage.type.java,storage.type.generic.java#008aad
keyword.operator.instanceof.java#788c02
meta.definition.variable.name.java#0da8d7
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#008aad
entity.name.type.module#008aad
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#0da8d7
support.constant.json#000000
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#788c02
support.type.object.console#0da8d7
support.variable.property.process#000000
entity.name.function,support.function.console#d35400
keyword.operator.misc.rust#000000
keyword.operator.sigil.rust#788c02
keyword.operator.delete#788c02
support.type.object.dom#000000
support.variable.dom,support.variable.property.dom#0da8d7
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#788c02
punctuation.separator.delimiter#000000
punctuation.separator.c,punctuation.separator.cpp#788c02
support.type.posix-reserved.c,support.type.posix-reserved.cpp#000000
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#788c02
variable.parameter.function.language.python#000000
support.type.python#000000
keyword.operator.logical.python#788c02
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#d35400
constant.character.format.placeholder.other.python#000000
keyword.operator#000000
keyword.operator.assignment.compound#788c02
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#000000
keyword#788c02
entity.name.namespace#008aad
variable#0da8d7
variable.c#000000
variable.language#008aad
token.variable.parameter.java#000000
import.storage.java#008aad
token.package.keyword#788c02
token.package#000000
entity.name.function, meta.require, support.function.any-method, variable.function#d35400
entity.name.type.namespace#008aad
support.class, entity.name.type.class#008aad
entity.name.class.identifier.namespace.type#008aad
entity.name.class, variable.other.class.js, variable.other.class.ts#008aad
variable.other.class.php#0da8d7
entity.name.type#008aad
keyword.control#788c02
control.elements, keyword.operator.less#000000
keyword.other.special-method#d35400
storage#788c02
token.storage#788c02
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#788c02
token.storage.type.java#008aad
support.function#000000
support.type.property-name#000000
support.constant.property-value#000000
support.constant.font-name#000000
meta.tag#000000
string#005c5f
entity.other.inherited-class#008aad
constant.other.symbol#000000
constant.numeric#000000
constant#000000
punctuation.definition.constant#000000
entity.name.tag#0da8d7
entity.other.attribute-name#000000
entity.other.attribute-name.id#d35400normal
entity.other.attribute-name.class.css#000000normal
meta.selector#788c02
markup.heading#0da8d7
markup.heading punctuation.definition.heading, entity.name.section#d35400
keyword.other.unit#0da8d7
markup.bold,todo.bold#000000
punctuation.definition.bold#008aad
markup.italic, punctuation.definition.italic,todo.emphasis#788c02
emphasis md#788c02
entity.name.section.markdown#0da8d7
punctuation.definition.heading.markdown#0da8d7
punctuation.definition.list.begin.markdown#0da8d7
markup.heading.setext#000000
punctuation.definition.bold.markdown#000000
markup.inline.raw.markdown#005c5f
markup.inline.raw.string.markdown#005c5f
punctuation.definition.list.markdown#0da8d7
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#0da8d7
beginning.punctuation.definition.list.markdown#0da8d7
punctuation.definition.metadata.markdown#0da8d7
markup.underline.link.markdown,markup.underline.link.image.markdown#788c02
string.other.link.title.markdown,string.other.link.description.markdown#d35400
string.regexp#000000
constant.character.escape#000000
punctuation.section.embedded, variable.interpolation#0da8d7
punctuation.section.embedded.begin,punctuation.section.embedded.end#788c02
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#0da8d7
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#0da8d7
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#005c5f
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#000000
support.type.property-name.json#0da8d7
support.type.property-name.json punctuation#0da8d7
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#788c02
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#788c02
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#008aad
keyword.operator.error-control.php#788c02
keyword.operator.type.php#788c02
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#008aad
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#d35400
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#d35400
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#000000
keyword.operator.regexp.php#788c02
keyword.operator.comparison.php#000000
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#788c02
meta.function.decorator.python#d35400
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#0da8d7
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#008aad
block.scope.end,block.scope.begin#000000
storage.type.cs#008aad
entity.name.variable.local.cs#0da8d7
token.info-token#d35400
token.warn-token#000000
token.error-token#f44747
token.debug-token#788c02
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#788c02
meta.template.expression#000000
keyword.operator.module#788c02
support.type.type.flowtype#d35400
support.type.primitive#008aad
meta.property.object#0da8d7
variable.parameter.function.js#0da8d7
keyword.other.template.begin#005c5f
keyword.other.template.end#005c5f
keyword.other.substitution.begin#005c5f
keyword.other.substitution.end#005c5f
keyword.operator.assignment#000000
keyword.operator.assignment.go#008aad
keyword.operator.arithmetic.go, keyword.operator.address.go#788c02
entity.name.package.go#008aad
support.type.prelude.elm#000000
support.constant.elm#000000
punctuation.quasi.element#788c02
constant.character.entity#0da8d7
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#000000
entity.global.clojure#008aad
meta.symbol.clojure#0da8d7
constant.keyword.clojure#000000
meta.arguments.coffee, variable.parameter.function.coffee#0da8d7
source.ini#005c5f
meta.scope.prerequisites.makefile#0da8d7
source.makefile#008aad
storage.modifier.import.groovy#008aad
meta.method.groovy#d35400
meta.definition.variable.name.groovy#0da8d7
meta.definition.class.inherited.classes.groovy#005c5f
support.variable.semantic.hlsl#008aad
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#788c02
text.variable, text.bracketed#0da8d7
support.type.swift, support.type.vb.asp#008aad
entity.name.function.xi#008aad
entity.name.class.xi#000000
constant.character.character-class.regexp.xi#0da8d7
constant.regexp.xi#788c02
keyword.control.xi#000000
invalid.xi#000000
beginning.punctuation.definition.quote.markdown.xi#005c5f
beginning.punctuation.definition.list.markdown.xi#727a8a
constant.character.xi#d35400
accent.xi#d35400
wikiword.xi#000000
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#727a8a
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#008aad
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#0da8d7
meta.brace.square#000000
comment, punctuation.definition.comment#727a8aitalic
markup.quote.markdown#727a8a
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...