Skip to main content
Coding Theme

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.activeBorder#00000000
  • activityBar.background#f3f3f3
  • activityBar.foreground#333333
  • activityBar.inactiveForeground#999999
  • activityBarBadge.background#5677fc
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161
  • button.background#5677fc
  • button.foreground#ffffff
  • button.hoverBackground#0637fdcd
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • commandCenter.activeBackground#dddddd
  • commandCenter.activeBorder#00000000
  • commandCenter.background#dddddd
  • commandCenter.border#00000000
  • commandCenter.inactiveBorder#00000000
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#f3f3f3
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#f3f3f3
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#ffffff
  • editor.findMatchBackground#979b8340
  • editor.findMatchBorder#00000000
  • editor.findMatchHighlightBackground#ea5c0044
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#99999925
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#add6ff4d
  • editor.foreground#424b54
  • editor.hoverHighlightBackground#99999930
  • editor.inactiveSelectionBackground#64646425
  • editor.lineHighlightBackground#eeeeee99
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#5677fc50
  • editor.selectionHighlightBackground#aaaaaa44
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#aaaaaa44
  • editor.wordHighlightStrongBackground#5677fc40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#00000000
  • editorCodeLens.foreground#bababa
  • editorCursor.background#ffffff
  • editorCursor.foreground#333333
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • 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#aaaaaa
  • editorIndentGuide.background#cccccc
  • editorInfo.background#66666650
  • editorInfo.border#66666650
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#333333
  • editorLineNumber.foreground#333333
  • editorLink.activeForeground#5677fc
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e84855
  • editorMarkerNavigationInfo.background#00cecb
  • editorMarkerNavigationWarning.background#f49e4c
  • editorOverviewRuler.border#e3e3e3
  • editorRuler.foreground#cccccc
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#0066bf
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#f3f3f3
  • editorWidget.background#e9e9e9
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#00000000
  • focusBorder#00000000
  • 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#dddddd
  • input.border#dddddd
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#5677fc50
  • inputOption.activeBorder#5677fc50
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#5677fc50
  • list.activeSelectionForeground#333333
  • list.dropBackground#5677fc50
  • list.focusBackground#5677fc50
  • list.focusForeground#333333
  • list.highlightForeground#5677fc50
  • list.hoverBackground#64646430
  • list.hoverForeground#333333
  • list.inactiveSelectionBackground#64646425
  • list.inactiveSelectionForeground#333333
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#888888
  • menu.foreground#616161
  • menu.selectionBackground#5677fc
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#f3f3f3
  • 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#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#5677fc40
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#dedede
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#f3f3f3
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e84855
  • notificationsInfoIcon.foreground#00cecb
  • notificationsWarningIcon.foreground#f49e4c
  • notificationToast.border#f3f3f3
  • panel.background#ffffff
  • panel.border#00000000
  • panelSection.border#00000000
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#999999
  • 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#616161
  • peekViewTitleLabel.foreground#616161
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#5677fc
  • progressBar.background#5677fc
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646425
  • scrollbarSlider.hoverBackground#64646425
  • selection.background#5677fc50
  • settings.checkboxBackground#dddddd
  • settings.checkboxForeground#616161
  • settings.dropdownBackground#dddddd
  • settings.dropdownForeground#616161
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • settings.numberInputBackground#dddddd
  • settings.numberInputForeground#616161
  • settings.rowHoverBackground#f3f3f3
  • settings.textInputBackground#dddddd
  • settings.textInputForeground#616161
  • sideBar.background#f3f3f3
  • sideBar.border#00000000
  • sideBar.dropBackground#5677fc40
  • sideBar.foreground#333333
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#333333
  • sideBarTitle.foreground#333333
  • statusBar.background#f3f3f3
  • statusBar.border#00000000
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#616161
  • statusBar.foreground#333333
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#616161
  • statusBarItem.activeBackground#64646444
  • statusBarItem.hoverBackground#64646430
  • statusBarItem.remoteBackground#2da179
  • statusBarItem.remoteForeground#616161
  • tab.activeBackground#ffffff
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#333333
  • tab.border#00000000
  • tab.hoverBackground#ffffff
  • tab.hoverForeground#333333
  • tab.inactiveBackground#f3f3f3
  • tab.inactiveForeground#999999
  • terminal.ansiBlack#444444
  • terminal.ansiBlue#569ffc
  • terminal.ansiBrightBlack#888888
  • terminal.ansiBrightBlue#5677fc
  • terminal.ansiBrightCyan#00cecb
  • terminal.ansiBrightGreen#23d18c
  • terminal.ansiBrightMagenta#a29bfe
  • terminal.ansiBrightRed#ff5d8f
  • terminal.ansiBrightWhite#f3f3f3
  • terminal.ansiBrightYellow#ffee6b
  • terminal.ansiCyan#85d5cb
  • terminal.ansiGreen#55ed87
  • terminal.ansiMagenta#de9bfe
  • terminal.ansiRed#ff5a5a
  • terminal.ansiWhite#a8a8a8
  • terminal.ansiYellow#f49e4c
  • terminal.border#00000000
  • terminal.foreground#616161
  • terminal.selectionBackground#5677fc50
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#616161
  • textLink.foreground#5677fc
  • titleBar.activeBackground#f3f3f3
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#f3f3f3
  • titleBar.inactiveForeground#999999
  • tree.indentGuidesStroke#a9a9a9
  • walkThrough.embeddedEditorBackground#64646430
  • widget.shadow#00000000

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

Hendrikkels - Coding Theme