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#20242d
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#ba2818
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#20242d
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#191b1d
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#121315
  • checkbox.background#20242d
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#272c36
  • debugExceptionWidget.border#444c5a
  • debugToolBar.background#272c36
  • debugToolBar.border#444c5a
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#20242d
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#20242d
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#272c36
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#b4bac4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#303943
  • editor.lineHighlightBackground#272c36
  • editor.lineHighlightBorder#303541
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#2a3551
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#6d7688
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#434b5a
  • editorGroup.emptyBackground#20242d
  • editorGroupHeader.border#494e58
  • editorGroupHeader.tabsBackground#272c36
  • editorGutter.addedBackground#348040
  • editorGutter.background#22262f
  • editorGutter.commentRangeForeground#838b9b
  • editorGutter.deletedBackground#d9363e
  • editorGutter.foldingControlForeground#838b9b
  • editorGutter.modifiedBackground#1a6b92
  • editorHoverWidget.background#272c36
  • editorHoverWidget.border#4a5364
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#515866
  • editorIndentGuide.background#313743
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#fafcff
  • editorLineNumber.foreground#5d6473
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#1b1e26
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#313743
  • editorSuggestWidget.background#272c36
  • editorSuggestWidget.border#4f5664
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#161921
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#272c36
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#616b80
  • focusBorder#007fd4
  • 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#20242d
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#5f6677
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#353a45
  • list.focusBackground#161921
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#1b1e26
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#383e49
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#363c47
  • menu.border#5b616b
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#363c47
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#20242d
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#2a3551
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#348040
  • minimapGutter.deletedBackground#d9363e
  • minimapGutter.modifiedBackground#1a6b92
  • notificationCenter.border#4e586d
  • notificationCenterHeader.background#272c36
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#272c36
  • notifications.border#4d5668
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#4f5766
  • panel.background#1c2028
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#375e79
  • peekViewEditor.background#181c24
  • peekViewEditor.matchHighlightBackground#ff48004a
  • peekViewEditor.matchHighlightBorder#ee621ead
  • peekViewEditorGutter.background#171a21
  • peekViewResult.background#13161b
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#15181f
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#485162
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#232832
  • sideBar.dropBackground#353a45
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#20242d
  • sideBarSectionHeader.border#494e58
  • sideBarSectionHeader.foreground#a2b2b1
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#14171d
  • statusBar.debuggingBackground#a11919
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#3c1477
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#058056
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#20242d
  • tab.activeBorder#00000000
  • tab.activeBorderTop#d34b3c
  • tab.activeForeground#ffffff
  • tab.border#20242d
  • tab.hoverBackground#00000024
  • tab.inactiveBackground#272c36
  • 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#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#20242d
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c424b
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#494f5a
  • 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#ff6c6c
variable.other.generic-type.haskell#c677ea
storage.type.haskell#f0884a
support.variable.magic.python#ff6c6c
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#b4bac4
variable.parameter.function.language.special.self.python#f9dd6e
storage.modifier.lifetime.rust#b4bac4
support.function.std.rust#72a0fd
entity.name.lifetime.rust#f9dd6e
variable.language.rust#ff6c6c
support.constant.edge#c677ea
constant.other.character-class.regexp#ff6c6c
keyword.operator.quantifier.regexp#f0884a
punctuation.definition.string.begin,punctuation.definition.string.end#7dd365
variable.parameter.function#b4bac4
comment markup.link#6a7488
markup.changed.diff#f9dd6e
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#72a0fd
markup.inserted.diff#7dd365
markup.deleted.diff#ff6c6c
meta.function.c,meta.function.cpp#ff6c6c
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#b4bac4
punctuation.separator.key-value#b4bac4
keyword.operator.expression.import#72a0fd
support.constant.math#f9dd6e
support.constant.property.math#f0884a
variable.other.constant#f9dd6e
storage.type.annotation.java, storage.type.object.array.java#f9dd6e
source.java#ff6c6c
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#b4bac4
meta.method.java#72a0fd
storage.modifier.import.java,storage.type.java,storage.type.generic.java#f9dd6e
keyword.operator.instanceof.java#c677ea
meta.definition.variable.name.java#ff6c6c
keyword.operator.logical#7ee5f2
keyword.operator.bitwise#7ee5f2
keyword.operator.channel#7ee5f2
support.constant.property-value.scss,support.constant.property-value.css#f0884a
keyword.operator.css,keyword.operator.scss,keyword.operator.less#7ee5f2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f0884a
punctuation.separator.list.comma.css#b4bac4
support.constant.color.w3c-standard-color-name.css#f0884a
support.type.vendored.property-name.css#7ee5f2
support.module.node,support.type.object.module,support.module.node#f9dd6e
entity.name.type.module#f9dd6e
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff6c6c
support.constant.json#f0884a
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c677ea
support.type.object.console#ff6c6c
support.variable.property.process#f0884a
entity.name.function,support.function.console#72a0fd
keyword.operator.misc.rust#b4bac4
keyword.operator.sigil.rust#c677ea
keyword.operator.delete#c677ea
support.type.object.dom#7ee5f2
support.variable.dom,support.variable.property.dom#ff6c6c
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#7ee5f2
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#c677ea
punctuation.separator.delimiter#b4bac4
punctuation.separator.c,punctuation.separator.cpp#c677ea
support.type.posix-reserved.c,support.type.posix-reserved.cpp#7ee5f2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c677ea
variable.parameter.function.language.python#f0884a
support.type.python#7ee5f2
keyword.operator.logical.python#c677ea
variable.parameter.function.python#f0884a
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#b4bac4
meta.function-call.generic.python#72a0fd
constant.character.format.placeholder.other.python#f0884a
keyword.operator#b4bac4
keyword.operator.assignment.compound#c677ea
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#7ee5f2
keyword#c677ea
entity.name.namespace#f9dd6e
variable#ff6c6c
variable.c#b4bac4
variable.language#f9dd6e
token.variable.parameter.java#b4bac4
import.storage.java#f9dd6e
token.package.keyword#c677ea
token.package#b4bac4
entity.name.function, meta.require, support.function.any-method, variable.function#72a0fd
entity.name.type.namespace#f9dd6e
support.class, entity.name.type.class#f9dd6e
entity.name.class.identifier.namespace.type#f9dd6e
entity.name.class, variable.other.class.js, variable.other.class.ts#f9dd6e
variable.other.class.php#ff6c6c
entity.name.type#f9dd6e
keyword.control#c677ea
control.elements, keyword.operator.less#f0884a
keyword.other.special-method#72a0fd
storage#c677ea
token.storage#c677ea
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#c677ea
token.storage.type.java#f9dd6e
support.function#7ee5f2
support.type.property-name#b4bac4
support.constant.property-value#b4bac4
support.constant.font-name#f0884a
meta.tag#b4bac4
string#7dd365
entity.other.inherited-class#f9dd6e
constant.other.symbol#7ee5f2
constant.numeric#f0884a
constant#f0884a
punctuation.definition.constant#f0884a
entity.name.tag#ff6c6c
entity.other.attribute-name#72a0fd
entity.other.attribute-name.id#7ee5f2normal
entity.other.attribute-name.class.css#72a0fdnormal
meta.selector#c677ea
markup.heading#ff6c6c
markup.heading punctuation.definition.heading, entity.name.section#72a0fd
keyword.other.unit#ff6c6c
markup.bold,todo.bold#f0884a
punctuation.definition.bold#f9dd6e
markup.italic, punctuation.definition.italic,todo.emphasis#c677ea
emphasis md#c677ea
entity.name.section.markdown#ff6c6c
punctuation.definition.heading.markdown#ff6c6c
punctuation.definition.list.begin.markdown#ff6c6c
markup.heading.setext#b4bac4
punctuation.definition.bold.markdown#f0884a
markup.inline.raw.markdown#7dd365
markup.inline.raw.string.markdown#7dd365
punctuation.definition.list.markdown#ff6c6c
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff6c6c
beginning.punctuation.definition.list.markdown#ff6c6c
punctuation.definition.metadata.markdown#ff6c6c
markup.underline.link.markdown,markup.underline.link.image.markdown#c677ea
string.other.link.title.markdown,string.other.link.description.markdown#72a0fd
string.regexp#7ee5f2
constant.character.escape#7ee5f2
punctuation.section.embedded, variable.interpolation#ff6c6c
punctuation.section.embedded.begin,punctuation.section.embedded.end#c677ea
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#b4bac4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff6c6c
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff6c6c
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#7dd365
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#7ee5f2
support.type.property-name.json#ff6c6c
support.type.property-name.json punctuation#ff6c6c
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c677ea
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c677ea
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#f9dd6e
keyword.operator.error-control.php#c677ea
keyword.operator.type.php#c677ea
punctuation.section.array.begin.php#b4bac4
punctuation.section.array.end.php#b4bac4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#f9dd6e
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#72a0fd
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#b4bac4
support.constant.core.rust#f0884a
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f0884a
entity.name.goto-label.php,support.other.php#72a0fd
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#7ee5f2
keyword.operator.regexp.php#c677ea
keyword.operator.comparison.php#7ee5f2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c677ea
meta.function.decorator.python#72a0fd
support.token.decorator.python,meta.function.decorator.identifier.python#7ee5f2
function.parameter#b4bac4
function.brace#b4bac4
function.parameter.ruby, function.parameter.cs#b4bac4
constant.language.symbol.ruby#7ee5f2
rgb-value#7ee5f2
inline-color-decoration rgb-value#f0884a
less rgb-value#f0884a
selector.sass#ff6c6c
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#f9dd6e
block.scope.end,block.scope.begin#b4bac4
storage.type.cs#f9dd6e
entity.name.variable.local.cs#ff6c6c
token.info-token#72a0fd
token.warn-token#f0884a
token.error-token#f44747
token.debug-token#c677ea
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c677ea
meta.template.expression#b4bac4
keyword.operator.module#c677ea
support.type.type.flowtype#72a0fd
support.type.primitive#f9dd6e
meta.property.object#ff6c6c
variable.parameter.function.js#ff6c6c
keyword.other.template.begin#7dd365
keyword.other.template.end#7dd365
keyword.other.substitution.begin#7dd365
keyword.other.substitution.end#7dd365
keyword.operator.assignment#7ee5f2
keyword.operator.assignment.go#f9dd6e
keyword.operator.arithmetic.go, keyword.operator.address.go#c677ea
entity.name.package.go#f9dd6e
support.type.prelude.elm#7ee5f2
support.constant.elm#f0884a
punctuation.quasi.element#c677ea
constant.character.entity#ff6c6c
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#7ee5f2
entity.global.clojure#f9dd6e
meta.symbol.clojure#ff6c6c
constant.keyword.clojure#7ee5f2
meta.arguments.coffee, variable.parameter.function.coffee#ff6c6c
source.ini#7dd365
meta.scope.prerequisites.makefile#ff6c6c
source.makefile#f9dd6e
storage.modifier.import.groovy#f9dd6e
meta.method.groovy#72a0fd
meta.definition.variable.name.groovy#ff6c6c
meta.definition.class.inherited.classes.groovy#7dd365
support.variable.semantic.hlsl#f9dd6e
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#c677ea
text.variable, text.bracketed#ff6c6c
support.type.swift, support.type.vb.asp#f9dd6e
entity.name.function.xi#f9dd6e
entity.name.class.xi#7ee5f2
constant.character.character-class.regexp.xi#ff6c6c
constant.regexp.xi#c677ea
keyword.control.xi#7ee5f2
invalid.xi#b4bac4
beginning.punctuation.definition.quote.markdown.xi#7dd365
beginning.punctuation.definition.list.markdown.xi#6a7488
constant.character.xi#72a0fd
accent.xi#72a0fd
wikiword.xi#f0884a
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#6a7488
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#f9dd6e
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff6c6c
meta.brace.square#b4bac4
comment, punctuation.definition.comment#6a7488italic
markup.quote.markdown#6a7488
punctuation.definition.block.sequence.item.yaml#b4bac4
constant.language.symbol.elixir#7ee5f2
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...

CodeMe Theme by Avetis - VS Code Theme