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#e0e0e0
  • activityBar.foreground#a72d2d
  • activityBar.inactiveForeground#a72d2d
  • activityBarBadge.background#a72d2d
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#a72d2d
  • button.foreground#ffffff
  • button.hoverBackground#a72d2d
  • 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#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#ffffff
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#65b04b
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#add6ff
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#a72d2d
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff6658
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#ffffff
  • 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#75beff
  • editorLineNumber.activeForeground#3b0909
  • editorLineNumber.foreground#a72d2d
  • editorLink.activeForeground#ff0000
  • 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#a72d2d
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd15c
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#a72d2d
  • foreground#616161
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#616161
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#a72d2d42
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#a72d2d87
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#d6ebff
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#a72d2d
  • list.hoverBackground#e8e8e8
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#e4e6f1
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#a72d2d
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#ffffff
  • minimap.errorHighlight#ff6658
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#add6ff
  • minimap.warningHighlight#ffd15c
  • 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#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#ffffff
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#a72d2d
  • 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#cccedb
  • pickerGroup.foreground#a72d2d
  • progressBar.background#a72d2d
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#a72d2d70
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#f3f3f3
  • sideBar.dropBackground#d6ebff
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616130
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#a72d2d
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • 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#a72d2d62
  • terminalCursor.foreground#ffffff
  • textLink.foreground#a72d2d
  • titleBar.activeBackground#dddddd
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dddddd99
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#a72d2d
  • 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#b02a3b
variable.other.generic-type.haskell#5a57c2
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#5a57c2
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#5a57c2
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#5a57c2
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#5a57c2
keyword.operator.delete#5a57c2
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#5a57c2
punctuation.separator.delimiter#65b04b
punctuation.separator.c,punctuation.separator.cpp#5a57c2
support.type.posix-reserved.c,support.type.posix-reserved.cpp#e44e4a
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#5a57c2
variable.parameter.function.language.python#e6773e
support.type.python#e44e4a
keyword.operator.logical.python#5a57c2
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#5a57c2
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#e44e4a
keyword#5a57c2
entity.name.namespace#65b04b
variable#b02a3b
variable.c#65b04b
variable.language#65b04b
token.variable.parameter.java#65b04b
import.storage.java#65b04b
token.package.keyword#5a57c2
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#5a57c2
control.elements, keyword.operator.less#e6773e
keyword.other.special-method#6d7290
storage#5a57c2
token.storage#5a57c2
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#5a57c2
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#5a57c2
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#5a57c2
emphasis md#5a57c2
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#5a57c2
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#5a57c2
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#5a57c2
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#5a57c2
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#5a57c2
keyword.operator.type.php#5a57c2
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#5a57c2
keyword.operator.comparison.php#e44e4a
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#5a57c2
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#5a57c2
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#5a57c2
meta.template.expression#65b04b
keyword.operator.module#5a57c2
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#5a57c2
entity.name.package.go#65b04b
support.type.prelude.elm#e44e4a
support.constant.elm#e6773e
punctuation.quasi.element#5a57c2
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#5a57c2
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#5a57c2
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