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#aa0505
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#fbca03
  • badge.foreground#aa0505
  • breadcrumb.activeSelectionForeground#fbca03
  • breadcrumb.background#aa0505
  • breadcrumb.focusForeground#fbca03
  • breadcrumb.foreground#ffffff
  • button.background#aa0505
  • button.foreground#ffffff
  • button.hoverBackground#6a0c0b
  • button.secondaryBackground#fbca03
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#b97d10
  • checkbox.background#fbca03
  • checkbox.border#00000000
  • checkbox.foreground#aa0505
  • debugExceptionWidget.background#ffcd00
  • debugExceptionWidget.border#ffeeee
  • debugToolBar.background#ffcd00
  • debugToolBar.border#ffeeee
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#fbca03
  • dropdown.border#00000000
  • dropdown.foreground#aa0505
  • editor.background#ffffff
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#aa0505
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#715f5f
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#aa050520
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#aa0505
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#aa0505
  • 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#cd2424
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.tabsBackground#fbca03
  • editorGroupHeader.tabsBorder#ffffff
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#ffffff
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#aa0505
  • editorHoverWidget.border#c8c8c8
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#0b216f
  • editorLineNumber.foreground#508c9f
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#fbca03
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#aa0505
  • editorSuggestWidget.selectedBackground#ffffff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#fbca03
  • editorWidget.foreground#aa0505
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#0090f1
  • 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#fbca03
  • input.border#00000000
  • input.foreground#aa0505
  • input.placeholderForeground#aa0505
  • inputOption.activeBackground#00000033
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#0060c0
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#d6ebff
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#0066bf
  • 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#fbca03
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#b97d10
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#ffffff
  • menubar.selectionForeground#fbca03
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#e87b7b
  • merge.currentHeaderBackground#aa0505
  • merge.incomingContentBackground#fbca03
  • merge.incomingHeaderBackground#fbca03
  • minimap.background#ffffff
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#aa0505
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#fbca03
  • notifications.border#e7e7e7
  • notifications.foreground#8c3a3a
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#aa0505
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#f58c8cbf
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#fff6b2de
  • peekViewEditor.matchHighlightBorder#fff188
  • 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#ffffff
  • progressBar.background#0e70c0
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#aa0505
  • scrollbarSlider.hoverBackground#db9292b3
  • selection.background#b0daff
  • 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#fbca03
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingBorder#aa0505
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#bc2222
  • statusBar.noFolderBorder#ffffff
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#b97d10
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#aa0505
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#cda400
  • tab.hoverBackground#b97d10
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#fbca03
  • tab.inactiveForeground#908686b3
  • 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#c7c7c7
  • terminal.selectionBackground#00000040
  • terminalCursor.background#fbca03
  • terminalCursor.foreground#ffffff
  • textLink.foreground#006ab1
  • titleBar.activeBackground#4b0908
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dddddd99
  • titleBar.inactiveForeground#ffffff
  • 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#aa0505
variable.other.generic-type.haskell#fbca03
storage.type.haskell#9d6cf2
support.variable.magic.python#aa0505
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#715f5f
variable.parameter.function.language.special.self.python#e5c07b
storage.modifier.lifetime.rust#715f5f
support.function.std.rust#61afef
entity.name.lifetime.rust#e5c07b
variable.language.rust#aa0505
support.constant.edge#fbca03
constant.other.character-class.regexp#aa0505
keyword.operator.quantifier.regexp#9d6cf2
punctuation.definition.string.begin,punctuation.definition.string.end#98c379
variable.parameter.function#715f5f
comment markup.link#7f848e
markup.changed.diff#e5c07b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61afef
markup.inserted.diff#98c379
markup.deleted.diff#aa0505
meta.function.c,meta.function.cpp#aa0505
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#715f5f
punctuation.separator.key-value#715f5f
keyword.operator.expression.import#61afef
support.constant.math#e5c07b
support.constant.property.math#9d6cf2
variable.other.constant#e5c07b
storage.type.annotation.java, storage.type.object.array.java#e5c07b
source.java#aa0505
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#715f5f
meta.method.java#61afef
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e5c07b
keyword.operator.instanceof.java#fbca03
meta.definition.variable.name.java#aa0505
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#9d6cf2
keyword.operator.css,keyword.operator.scss,keyword.operator.less#56b6c2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#9d6cf2
punctuation.separator.list.comma.css#715f5f
support.constant.color.w3c-standard-color-name.css#9d6cf2
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#e5c07b
entity.name.type.module#e5c07b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#aa0505
support.constant.json#9d6cf2
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#fbca03
support.type.object.console#aa0505
support.variable.property.process#9d6cf2
entity.name.function,support.function.console#61afef
keyword.operator.misc.rust#715f5f
keyword.operator.sigil.rust#fbca03
keyword.operator.delete#fbca03
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#aa0505
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#56b6c2
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#fbca03
punctuation.separator.delimiter#715f5f
punctuation.separator.c,punctuation.separator.cpp#fbca03
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#fbca03
variable.parameter.function.language.python#9d6cf2
support.type.python#56b6c2
keyword.operator.logical.python#fbca03
variable.parameter.function.python#9d6cf2
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#715f5f
meta.function-call.generic.python#61afef
constant.character.format.placeholder.other.python#9d6cf2
keyword.operator#715f5f
keyword.operator.assignment.compound#fbca03
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#fbca03
entity.name.namespace#e5c07b
variable#aa0505
variable.c#715f5f
variable.language#e5c07b
token.variable.parameter.java#715f5f
import.storage.java#e5c07b
token.package.keyword#fbca03
token.package#715f5f
entity.name.function, meta.require, support.function.any-method, variable.function#61afef
entity.name.type.namespace#e5c07b
support.class, entity.name.type.class#e5c07b
entity.name.class.identifier.namespace.type#e5c07b
entity.name.class, variable.other.class.js, variable.other.class.ts#e5c07b
variable.other.class.php#aa0505
entity.name.type#e5c07b
keyword.control#fbca03
control.elements, keyword.operator.less#9d6cf2
keyword.other.special-method#61afef
storage#fbca03
token.storage#fbca03
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#fbca03
token.storage.type.java#e5c07b
support.function#56b6c2
support.type.property-name#715f5f
support.constant.property-value#715f5f
support.constant.font-name#9d6cf2
meta.tag#715f5f
string#98c379
entity.other.inherited-class#e5c07b
constant.other.symbol#56b6c2
constant.numeric#9d6cf2
constant#9d6cf2
punctuation.definition.constant#9d6cf2
entity.name.tag#aa0505
entity.other.attribute-name#9d6cf2
entity.other.attribute-name.id#61afefnormal
entity.other.attribute-name.class.css#9d6cf2normal
meta.selector#fbca03
markup.heading#aa0505
markup.heading punctuation.definition.heading, entity.name.section#61afef
keyword.other.unit#aa0505
markup.bold,todo.bold#9d6cf2
punctuation.definition.bold#e5c07b
markup.italic, punctuation.definition.italic,todo.emphasis#fbca03
emphasis md#fbca03
entity.name.section.markdown#aa0505
punctuation.definition.heading.markdown#aa0505
punctuation.definition.list.begin.markdown#aa0505
markup.heading.setext#715f5f
punctuation.definition.bold.markdown#9d6cf2
markup.inline.raw.markdown#98c379
markup.inline.raw.string.markdown#98c379
punctuation.definition.list.markdown#aa0505
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#aa0505
beginning.punctuation.definition.list.markdown#aa0505
punctuation.definition.metadata.markdown#aa0505
markup.underline.link.markdown,markup.underline.link.image.markdown#fbca03
string.other.link.title.markdown,string.other.link.description.markdown#61afef
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#aa0505
punctuation.section.embedded.begin,punctuation.section.embedded.end#fbca03
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#715f5f
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#aa0505
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#aa0505
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#98c379
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#aa0505
support.type.property-name.json punctuation#aa0505
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#fbca03
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#fbca03
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e5c07b
keyword.operator.error-control.php#fbca03
keyword.operator.type.php#fbca03
punctuation.section.array.begin.php#715f5f
punctuation.section.array.end.php#715f5f
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e5c07b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61afef
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#715f5f
support.constant.core.rust#9d6cf2
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#9d6cf2
entity.name.goto-label.php,support.other.php#61afef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#fbca03
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#fbca03
meta.function.decorator.python#61afef
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#715f5f
function.brace#715f5f
function.parameter.ruby, function.parameter.cs#715f5f
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#9d6cf2
less rgb-value#9d6cf2
selector.sass#aa0505
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e5c07b
block.scope.end,block.scope.begin#715f5f
storage.type.cs#e5c07b
entity.name.variable.local.cs#aa0505
token.info-token#61afef
token.warn-token#9d6cf2
token.error-token#f44747
token.debug-token#fbca03
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#fbca03
meta.template.expression#715f5f
keyword.operator.module#fbca03
support.type.type.flowtype#61afef
support.type.primitive#e5c07b
meta.property.object#aa0505
variable.parameter.function.js#aa0505
keyword.other.template.begin#98c379
keyword.other.template.end#98c379
keyword.other.substitution.begin#98c379
keyword.other.substitution.end#98c379
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#e5c07b
keyword.operator.arithmetic.go, keyword.operator.address.go#fbca03
entity.name.package.go#e5c07b
support.type.prelude.elm#56b6c2
support.constant.elm#9d6cf2
punctuation.quasi.element#fbca03
constant.character.entity#aa0505
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#e5c07b
meta.symbol.clojure#aa0505
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#aa0505
source.ini#98c379
meta.scope.prerequisites.makefile#aa0505
source.makefile#e5c07b
storage.modifier.import.groovy#e5c07b
meta.method.groovy#61afef
meta.definition.variable.name.groovy#aa0505
meta.definition.class.inherited.classes.groovy#98c379
support.variable.semantic.hlsl#e5c07b
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#fbca03
text.variable, text.bracketed#aa0505
support.type.swift, support.type.vb.asp#e5c07b
entity.name.function.xi#e5c07b
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#aa0505
constant.regexp.xi#fbca03
keyword.control.xi#56b6c2
invalid.xi#715f5f
beginning.punctuation.definition.quote.markdown.xi#98c379
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#61afef
accent.xi#61afef
wikiword.xi#9d6cf2
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#e5c07b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#aa0505
meta.brace.square#715f5f
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#715f5f
constant.language.symbol.elixir#56b6c2
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

IronMan Theme (Light + Dark) by Rohit Chouhan - VS Code Theme