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#2c2c32
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#a72d2d
  • activityBarBadge.foreground#ffffff
  • badge.background#464654
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#25252a
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#711b1b
  • button.foreground#ffffff
  • button.hoverBackground#b81c1c
  • button.secondaryBackground#28282e
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#3e3e45
  • checkbox.background#2c2c32
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#2c2c32
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#2c2c32
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#65b04b
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#2c2c32
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#a72d2d62
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#2c2c32
  • editorGroupHeader.tabsBackground#2c2c32
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#2c2c32
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#2c2c32
  • editorHoverWidget.border#24242a
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#a72d2d
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#2c2c32
  • editorSuggestWidget.border#2c2c32
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#a72d2d
  • editorSuggestWidget.selectedBackground#a72d2d4e
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ead377
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#2c2c32
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#a72d2d
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#cccccc
  • input.background#2c2c32
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#a72d2d87
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#a72d2d3c
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#33333b85
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2c2c32
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#2c2c32
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#a36a5100
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#2c2c32
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#a72d2d66
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#2c2c32
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#a72d2d62
  • minimap.warningHighlight#ead377
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#2c2c32
  • notificationCenterHeader.background#29292e
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#2c2c32
  • notifications.border#2c2c32
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#2c2c32
  • panel.background#28282e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#a72d2d
  • peekViewEditor.background#3f2d2d
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#3f2d2d
  • peekViewResult.background#2c2c32
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#2c2c32
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#a72d2d
  • progressBar.background#a72d2d
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#0000002c
  • scrollbarSlider.hoverBackground#2c2c329f
  • selection.background#a72d2d
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#2c2c32
  • sideBar.dropBackground#33333b85
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#844a4a
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#2c2c32
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#27272a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#2c2c32
  • tab.inactiveBackground#29292e
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#a72d2d78
  • terminalCursor.foreground#ffffff
  • textLink.foreground#a72d2d
  • titleBar.activeBackground#2c2c32
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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#b02a3b
variable.other.generic-type.haskell#b02a3b
storage.type.haskell#e6773e
support.variable.magic.python#b02a3b
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#65b04b
variable.parameter.function.language.special.self.python#65b04b
storage.modifier.lifetime.rust#65b04b
support.function.std.rust#6d7290
entity.name.lifetime.rust#65b04b
variable.language.rust#b02a3b
support.constant.edge#b02a3b
constant.other.character-class.regexp#b02a3b
keyword.operator.quantifier.regexp#e6773e
punctuation.definition.string.begin,punctuation.definition.string.end#f2a850
variable.parameter.function#65b04b
comment markup.link#7f848e
markup.changed.diff#65b04b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6d7290
markup.inserted.diff#f2a850
markup.deleted.diff#b02a3b
meta.function.c,meta.function.cpp#b02a3b
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#65b04b
punctuation.separator.key-value#65b04b
keyword.operator.expression.import#6d7290
support.constant.math#65b04b
support.constant.property.math#e6773e
variable.other.constant#65b04b
storage.type.annotation.java, storage.type.object.array.java#65b04b
source.java#b02a3b
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#65b04b
meta.method.java#6d7290
storage.modifier.import.java,storage.type.java,storage.type.generic.java#65b04b
keyword.operator.instanceof.java#b02a3b
meta.definition.variable.name.java#b02a3b
keyword.operator.logical#e44e4a
keyword.operator.bitwise#e44e4a
keyword.operator.channel#e44e4a
support.constant.property-value.scss,support.constant.property-value.css#e6773e
keyword.operator.css,keyword.operator.scss,keyword.operator.less#e44e4a
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e6773e
punctuation.separator.list.comma.css#65b04b
support.constant.color.w3c-standard-color-name.css#e6773e
support.type.vendored.property-name.css#e44e4a
support.module.node,support.type.object.module,support.module.node#65b04b
entity.name.type.module#65b04b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#b02a3b
support.constant.json#e6773e
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#b02a3b
support.type.object.console#b02a3b
support.variable.property.process#e6773e
entity.name.function,support.function.console#6d7290
keyword.operator.misc.rust#65b04b
keyword.operator.sigil.rust#b02a3b
keyword.operator.delete#b02a3b
support.type.object.dom#e44e4a
support.variable.dom,support.variable.property.dom#b02a3b
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#e44e4a
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#b02a3b
punctuation.separator.delimiter#65b04b
punctuation.separator.c,punctuation.separator.cpp#b02a3b
support.type.posix-reserved.c,support.type.posix-reserved.cpp#e44e4a
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#b02a3b
variable.parameter.function.language.python#e6773e
support.type.python#e44e4a
keyword.operator.logical.python#b02a3b
variable.parameter.function.python#e6773e
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#65b04b
meta.function-call.generic.python#6d7290
constant.character.format.placeholder.other.python#e6773e
keyword.operator#65b04b
keyword.operator.assignment.compound#b02a3b
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#e44e4a
keyword#b02a3b
entity.name.namespace#65b04b
variable#b02a3b
variable.c#65b04b
variable.language#65b04b
token.variable.parameter.java#65b04b
import.storage.java#65b04b
token.package.keyword#b02a3b
token.package#65b04b
entity.name.function, meta.require, support.function.any-method, variable.function#6d7290
entity.name.type.namespace#65b04b
support.class, entity.name.type.class#65b04b
entity.name.class.identifier.namespace.type#65b04b
entity.name.class, variable.other.class.js, variable.other.class.ts#65b04b
variable.other.class.php#b02a3b
entity.name.type#65b04b
keyword.control#b02a3b
control.elements, keyword.operator.less#e6773e
keyword.other.special-method#6d7290
storage#b02a3b
token.storage#b02a3b
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#b02a3b
token.storage.type.java#65b04b
support.function#e44e4a
support.type.property-name#65b04b
support.constant.property-value#65b04b
support.constant.font-name#e6773e
meta.tag#65b04b
string#f2a850
entity.other.inherited-class#65b04b
constant.other.symbol#e44e4a
constant.numeric#e6773e
constant#e6773e
punctuation.definition.constant#e6773e
entity.name.tag#b02a3b
entity.other.attribute-name#e6773e
entity.other.attribute-name.id#6d7290normal
entity.other.attribute-name.class.css#e6773enormal
meta.selector#b02a3b
markup.heading#b02a3b
markup.heading punctuation.definition.heading, entity.name.section#6d7290
keyword.other.unit#b02a3b
markup.bold,todo.bold#e6773e
punctuation.definition.bold#65b04b
markup.italic, punctuation.definition.italic,todo.emphasis#b02a3b
emphasis md#b02a3b
entity.name.section.markdown#b02a3b
punctuation.definition.heading.markdown#b02a3b
punctuation.definition.list.begin.markdown#b02a3b
markup.heading.setext#65b04b
punctuation.definition.bold.markdown#e6773e
markup.inline.raw.markdown#f2a850
markup.inline.raw.string.markdown#f2a850
punctuation.definition.list.markdown#b02a3b
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#b02a3b
beginning.punctuation.definition.list.markdown#b02a3b
punctuation.definition.metadata.markdown#b02a3b
markup.underline.link.markdown,markup.underline.link.image.markdown#b02a3b
string.other.link.title.markdown,string.other.link.description.markdown#6d7290
string.regexp#e44e4a
constant.character.escape#e44e4a
punctuation.section.embedded, variable.interpolation#b02a3b
punctuation.section.embedded.begin,punctuation.section.embedded.end#b02a3b
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#65b04b
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#b02a3b
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#b02a3b
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#f2a850
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#e44e4a
support.type.property-name.json#b02a3b
support.type.property-name.json punctuation#b02a3b
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#b02a3b
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#b02a3b
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#65b04b
keyword.operator.error-control.php#b02a3b
keyword.operator.type.php#b02a3b
punctuation.section.array.begin.php#65b04b
punctuation.section.array.end.php#65b04b
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#65b04b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#6d7290
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#65b04b
support.constant.core.rust#e6773e
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e6773e
entity.name.goto-label.php,support.other.php#6d7290
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#e44e4a
keyword.operator.regexp.php#b02a3b
keyword.operator.comparison.php#e44e4a
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#b02a3b
meta.function.decorator.python#6d7290
support.token.decorator.python,meta.function.decorator.identifier.python#e44e4a
function.parameter#65b04b
function.brace#65b04b
function.parameter.ruby, function.parameter.cs#65b04b
constant.language.symbol.ruby#e44e4a
rgb-value#e44e4a
inline-color-decoration rgb-value#e6773e
less rgb-value#e6773e
selector.sass#b02a3b
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#65b04b
block.scope.end,block.scope.begin#65b04b
storage.type.cs#65b04b
entity.name.variable.local.cs#b02a3b
token.info-token#6d7290
token.warn-token#e6773e
token.error-token#f44747
token.debug-token#b02a3b
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#b02a3b
meta.template.expression#65b04b
keyword.operator.module#b02a3b
support.type.type.flowtype#6d7290
support.type.primitive#65b04b
meta.property.object#b02a3b
variable.parameter.function.js#b02a3b
keyword.other.template.begin#f2a850
keyword.other.template.end#f2a850
keyword.other.substitution.begin#f2a850
keyword.other.substitution.end#f2a850
keyword.operator.assignment#e44e4a
keyword.operator.assignment.go#65b04b
keyword.operator.arithmetic.go, keyword.operator.address.go#b02a3b
entity.name.package.go#65b04b
support.type.prelude.elm#e44e4a
support.constant.elm#e6773e
punctuation.quasi.element#b02a3b
constant.character.entity#b02a3b
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#e44e4a
entity.global.clojure#65b04b
meta.symbol.clojure#b02a3b
constant.keyword.clojure#e44e4a
meta.arguments.coffee, variable.parameter.function.coffee#b02a3b
source.ini#f2a850
meta.scope.prerequisites.makefile#b02a3b
source.makefile#65b04b
storage.modifier.import.groovy#65b04b
meta.method.groovy#6d7290
meta.definition.variable.name.groovy#b02a3b
meta.definition.class.inherited.classes.groovy#f2a850
support.variable.semantic.hlsl#65b04b
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#b02a3b
text.variable, text.bracketed#b02a3b
support.type.swift, support.type.vb.asp#65b04b
entity.name.function.xi#65b04b
entity.name.class.xi#e44e4a
constant.character.character-class.regexp.xi#b02a3b
constant.regexp.xi#b02a3b
keyword.control.xi#e44e4a
invalid.xi#65b04b
beginning.punctuation.definition.quote.markdown.xi#f2a850
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#6d7290
accent.xi#6d7290
wikiword.xi#e6773e
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#65b04b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#b02a3b
meta.brace.square#65b04b
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#65b04b
constant.language.symbol.elixir#e44e4a
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...

Asuka Theme by MennyfSoryu - VS Code Theme