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.activeBackground#272932
  • activityBar.background#272932
  • activityBar.border#000000
  • activityBar.foreground#5f38bd
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#5f38bd
  • activityBarBadge.foreground#000000
  • badge.background#8bfef7
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#00a0ff
  • breadcrumb.background#23262e
  • breadcrumb.focusForeground#00a0ff
  • breadcrumb.foreground#8899a3
  • button.background#01b0fe
  • button.foreground#ffffff
  • button.hoverBackground#1b81c4
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#2b2d34
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#2b2d34
  • debugToolBar.border#47474700
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#62773633
  • diffEditor.insertedTextBorder#6d3535
  • diffEditor.removedTextBackground#ff6d6d33
  • diffEditor.removedTextBorder#8e4b4b8b
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#23262e
  • editor.findMatchBackground#363636
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#00000055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#35445866
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#2831564d
  • editor.foreground#b4b4b4
  • editor.hoverHighlightBackground#a0cfff40
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#1110173c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#f96f6f0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#333441
  • editor.selectionHighlightBackground#ffadad26
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#474b4b
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#ff9077
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#090028
  • editorCursor.foreground#b3b4b2
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#ff4620
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#23262e
  • editorGroupHeader.border#1d1d21
  • editorGroupHeader.tabsBackground#23262e
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#55ba0f
  • editorGutter.background#23262e
  • editorGutter.commentRangeForeground#cbc4c4
  • editorGutter.deletedBackground#c41f26
  • editorGutter.foldingControlForeground#cbc4c4
  • editorGutter.modifiedBackground#26a8cd
  • editorHoverWidget.background#292c3e
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#4c7880
  • editorIndentGuide.background#565656
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#5186b6
  • editorLineNumber.activeForeground#9f9f9f
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#54b2ff
  • editorMarkerNavigation.background#323245
  • editorMarkerNavigationError.background#8a4d4d
  • editorMarkerNavigationInfo.background#527fa7
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#5e5e5e00
  • editorOverviewRuler.border#c0afaf00
  • editorRuler.foreground#292c3e
  • editorSuggestWidget.background#292c3e
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#8da5b6
  • editorSuggestWidget.highlightForeground#15c0f5
  • editorSuggestWidget.selectedBackground#1b2336
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe46c
  • editorWhitespace.foreground#fbfff829
  • editorWidget.background#1a1c2a
  • editorWidget.foreground#b2a8a8
  • editorWidget.resizeBorder#40ffe4
  • focusBorder#00b6ff00
  • foreground#ffffffdd
  • 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#ffffffdd
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#282936
  • list.activeSelectionForeground#f900ff
  • list.dropBackground#282936
  • list.focusBackground#282936
  • list.focusForeground#cfcfcf
  • list.highlightForeground#8bfef7
  • list.hoverBackground#2e2e3f00
  • list.hoverForeground#f900ff
  • list.inactiveSelectionBackground#20232b
  • list.inactiveSelectionForeground#f900ff
  • listFilterWidget.background#515151
  • listFilterWidget.noMatchesOutline#f0564700
  • listFilterWidget.outline#c2c2c200
  • menu.background#292c3e
  • menu.border#8a7b7b00
  • menu.foreground#8d9dbc
  • menu.selectionBackground#303951
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#4f677b54
  • menubar.selectionBackground#292c3e
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#23262e
  • minimap.errorHighlight#ff4620
  • minimap.findMatchHighlight#363636
  • minimap.selectionHighlight#333441
  • minimap.warningHighlight#ffe46c
  • minimapGutter.addedBackground#55ba0f
  • minimapGutter.deletedBackground#c41f26
  • minimapGutter.modifiedBackground#26a8cd
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#24283b
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#1b1e2b
  • notifications.border#30303100
  • notifications.foreground#b1e2ff
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#47474700
  • panel.background#23262e
  • panel.border#00000059
  • panelSection.border#80808000
  • panelTitle.activeBorder#89ffff
  • panelTitle.activeForeground#89ffff
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#8bfef7
  • peekViewEditor.background#20232b
  • peekViewEditor.matchHighlightBackground#ee860056
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#20232b
  • peekViewResult.background#232730
  • peekViewResult.fileForeground#b0f0ff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#20232b
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#cbfdff
  • pickerGroup.border#51517100
  • pickerGroup.foreground#a7caf2
  • progressBar.background#ffffff
  • scrollbar.shadow#242424
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#49485a20
  • scrollbarSlider.hoverBackground#49485a20
  • selection.background#626262
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffffdd
  • sideBar.background#20232b
  • sideBar.border#000000
  • sideBar.dropBackground#282936
  • sideBar.foreground#5ce2e7
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#28282854
  • sideBarSectionHeader.foreground#7941e7
  • sideBarTitle.foreground#ffffff
  • statusBar.background#20232b
  • statusBar.border#000000
  • statusBar.debuggingBackground#cc3333
  • statusBar.debuggingBorder#000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#8bfef7
  • statusBar.noFolderBackground#5ce2e7
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#3dd9e1
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#23262e
  • tab.activeBorder#3dd9e1
  • tab.activeBorderTop#5affb200
  • tab.activeForeground#ffffff
  • tab.border#25252600
  • tab.hoverBorder#00000000
  • tab.inactiveBackground#23262e
  • 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#80808000
  • terminal.foreground#beb6b6
  • terminal.selectionBackground#47565e40
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#23262e
  • textLink.foreground#01b0fe
  • titleBar.activeBackground#1b1e2b
  • titleBar.activeForeground#b1e2ff
  • titleBar.border#000000
  • titleBar.inactiveBackground#1b1e2b
  • titleBar.inactiveForeground#b1e2ff
  • tree.indentGuidesStroke#ffffff
  • 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#f2d96a
variable.other.generic-type.haskell#ff35f2
storage.type.haskell#b081f7
support.variable.magic.python#f2d96a
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#b4b4b4
variable.parameter.function.language.special.self.python#00ffdd
storage.modifier.lifetime.rust#b4b4b4
support.function.std.rust#ffffff
entity.name.lifetime.rust#00ffdd
variable.language.rust#f2d96a
support.constant.edge#ff35f2
constant.other.character-class.regexp#f2d96a
keyword.operator.quantifier.regexp#b081f7
punctuation.definition.string.begin,punctuation.definition.string.end#5bb84e
variable.parameter.function#b4b4b4
comment markup.link#6b6c6f
markup.changed.diff#00ffdd
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ffffff
markup.inserted.diff#5bb84e
markup.deleted.diff#f2d96a
meta.function.c,meta.function.cpp#f2d96a
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#b4b4b4
punctuation.separator.key-value#b4b4b4
keyword.operator.expression.import#ffffff
support.constant.math#00ffdd
support.constant.property.math#b081f7
variable.other.constant#00ffdd
storage.type.annotation.java, storage.type.object.array.java#00ffdd
source.java#f2d96a
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#b4b4b4
meta.method.java#ffffff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#00ffdd
keyword.operator.instanceof.java#ff35f2
meta.definition.variable.name.java#f2d96a
keyword.operator.logical#00fff2
keyword.operator.bitwise#00fff2
keyword.operator.channel#00fff2
support.constant.property-value.scss,support.constant.property-value.css#b081f7
keyword.operator.css,keyword.operator.scss,keyword.operator.less#00fff2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#b081f7
punctuation.separator.list.comma.css#b4b4b4
support.constant.color.w3c-standard-color-name.css#b081f7
support.type.vendored.property-name.css#00fff2
support.module.node,support.type.object.module,support.module.node#00ffdd
entity.name.type.module#00ffdd
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f2d96a
support.constant.json#b081f7
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff35f2
support.type.object.console#f2d96a
support.variable.property.process#b081f7
entity.name.function,support.function.console#ffffff
keyword.operator.misc.rust#b4b4b4
keyword.operator.sigil.rust#ff35f2
keyword.operator.delete#ff35f2
support.type.object.dom#00fff2
support.variable.dom,support.variable.property.dom#f2d96a
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#00fff2
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#ff35f2
punctuation.separator.delimiter#b4b4b4
punctuation.separator.c,punctuation.separator.cpp#ff35f2
support.type.posix-reserved.c,support.type.posix-reserved.cpp#00fff2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff35f2
variable.parameter.function.language.python#b081f7
support.type.python#00fff2
keyword.operator.logical.python#ff35f2
variable.parameter.function.python#b081f7
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#b4b4b4
meta.function-call.generic.python#ffffff
constant.character.format.placeholder.other.python#b081f7
keyword.operator#b4b4b4
keyword.operator.assignment.compound#ff35f2
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#00fff2
keyword#ff35f2
entity.name.namespace#00ffdd
variable#f2d96a
variable.c#b4b4b4
variable.language#00ffdd
token.variable.parameter.java#b4b4b4
import.storage.java#00ffdd
token.package.keyword#ff35f2
token.package#b4b4b4
entity.name.function, meta.require, support.function.any-method, variable.function#ffffff
entity.name.type.namespace#00ffdd
support.class, entity.name.type.class#00ffdd
entity.name.class.identifier.namespace.type#00ffdd
entity.name.class, variable.other.class.js, variable.other.class.ts#00ffdd
variable.other.class.php#f2d96a
entity.name.type#00ffdd
keyword.control#ff35f2
control.elements, keyword.operator.less#b081f7
keyword.other.special-method#ffffff
storage#ff35f2
token.storage#ff35f2
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#ff35f2
token.storage.type.java#00ffdd
support.function#00fff2
support.type.property-name#b4b4b4
support.constant.property-value#b4b4b4
support.constant.font-name#b081f7
meta.tag#b4b4b4
string#5bb84e
entity.other.inherited-class#00ffdd
constant.other.symbol#00fff2
constant.numeric#b081f7
constant#b081f7
punctuation.definition.constant#b081f7
entity.name.tag#f2d96a
entity.other.attribute-name#b081f7
entity.other.attribute-name.id#ffffffnormal
entity.other.attribute-name.class.css#b081f7normal
meta.selector#ff35f2
markup.heading#f2d96a
markup.heading punctuation.definition.heading, entity.name.section#ffffff
keyword.other.unit#f2d96a
markup.bold,todo.bold#b081f7
punctuation.definition.bold#00ffdd
markup.italic, punctuation.definition.italic,todo.emphasis#ff35f2
emphasis md#ff35f2
entity.name.section.markdown#f2d96a
punctuation.definition.heading.markdown#f2d96a
punctuation.definition.list.begin.markdown#f2d96a
markup.heading.setext#b4b4b4
punctuation.definition.bold.markdown#b081f7
markup.inline.raw.markdown#5bb84e
markup.inline.raw.string.markdown#5bb84e
punctuation.definition.list.markdown#f2d96a
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f2d96a
beginning.punctuation.definition.list.markdown#f2d96a
punctuation.definition.metadata.markdown#f2d96a
markup.underline.link.markdown,markup.underline.link.image.markdown#ff35f2
string.other.link.title.markdown,string.other.link.description.markdown#ffffff
string.regexp#00fff2
constant.character.escape#00fff2
punctuation.section.embedded, variable.interpolation#f2d96a
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff35f2
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#b4b4b4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f2d96a
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f2d96a
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#5bb84e
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#00fff2
support.type.property-name.json#f2d96a
support.type.property-name.json punctuation#f2d96a
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff35f2
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff35f2
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#00ffdd
keyword.operator.error-control.php#ff35f2
keyword.operator.type.php#ff35f2
punctuation.section.array.begin.php#b4b4b4
punctuation.section.array.end.php#b4b4b4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#00ffdd
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ffffff
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#b4b4b4
support.constant.core.rust#b081f7
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#b081f7
entity.name.goto-label.php,support.other.php#ffffff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#00fff2
keyword.operator.regexp.php#ff35f2
keyword.operator.comparison.php#00fff2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff35f2
meta.function.decorator.python#ffffff
support.token.decorator.python,meta.function.decorator.identifier.python#00fff2
function.parameter#b4b4b4
function.brace#b4b4b4
function.parameter.ruby, function.parameter.cs#b4b4b4
constant.language.symbol.ruby#00fff2
rgb-value#00fff2
inline-color-decoration rgb-value#b081f7
less rgb-value#b081f7
selector.sass#f2d96a
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#00ffdd
block.scope.end,block.scope.begin#b4b4b4
storage.type.cs#00ffdd
entity.name.variable.local.cs#f2d96a
token.info-token#ffffff
token.warn-token#b081f7
token.error-token#f44747
token.debug-token#ff35f2
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff35f2
meta.template.expression#b4b4b4
keyword.operator.module#ff35f2
support.type.type.flowtype#ffffff
support.type.primitive#00ffdd
meta.property.object#f2d96a
variable.parameter.function.js#f2d96a
keyword.other.template.begin#5bb84e
keyword.other.template.end#5bb84e
keyword.other.substitution.begin#5bb84e
keyword.other.substitution.end#5bb84e
keyword.operator.assignment#00fff2
keyword.operator.assignment.go#00ffdd
keyword.operator.arithmetic.go, keyword.operator.address.go#ff35f2
entity.name.package.go#00ffdd
support.type.prelude.elm#00fff2
support.constant.elm#b081f7
punctuation.quasi.element#ff35f2
constant.character.entity#f2d96a
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#00fff2
entity.global.clojure#00ffdd
meta.symbol.clojure#f2d96a
constant.keyword.clojure#00fff2
meta.arguments.coffee, variable.parameter.function.coffee#f2d96a
source.ini#5bb84e
meta.scope.prerequisites.makefile#f2d96a
source.makefile#00ffdd
storage.modifier.import.groovy#00ffdd
meta.method.groovy#ffffff
meta.definition.variable.name.groovy#f2d96a
meta.definition.class.inherited.classes.groovy#5bb84e
support.variable.semantic.hlsl#00ffdd
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#ff35f2
text.variable, text.bracketed#f2d96a
support.type.swift, support.type.vb.asp#00ffdd
entity.name.function.xi#00ffdd
entity.name.class.xi#00fff2
constant.character.character-class.regexp.xi#f2d96a
constant.regexp.xi#ff35f2
keyword.control.xi#00fff2
invalid.xi#b4b4b4
beginning.punctuation.definition.quote.markdown.xi#5bb84e
beginning.punctuation.definition.list.markdown.xi#6b6c6f
constant.character.xi#ffffff
accent.xi#ffffff
wikiword.xi#b081f7
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#6b6c6f
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#00ffdd
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f2d96a
meta.brace.square#b4b4b4
comment, punctuation.definition.comment#6b6c6fitalic
markup.quote.markdown#6b6c6f
punctuation.definition.block.sequence.item.yaml#b4b4b4
constant.language.symbol.elixir#00fff2
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...

MD Theme by Mohamed Hasan - VS Code Theme