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#1C2228
  • activityBar.border#303841
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1C222888
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#303841
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#2E3842
  • editor.findMatchBackground#fbc76100
  • editor.findMatchBorder#fbc761
  • editor.findMatchHighlightBackground#60b4b400
  • editor.findMatchHighlightBorder#60b4b4
  • editor.findRangeHighlightBackground#4e58646a
  • editor.findRangeHighlightBorder#a3505000
  • editor.foldBackground#ffffff00
  • editor.foreground#c2c6d1
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#4e5864
  • editor.lineHighlightBackground#47525d
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#ba87870b
  • editor.rangeHighlightBorder#ab656500
  • editor.selectionBackground#4d5864
  • editor.selectionHighlightBackground#3a71a700
  • editor.selectionHighlightBorder#60b4b4
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#60b4b4
  • editor.wordHighlightStrongBackground#4e5864
  • editor.wordHighlightStrongBorder#60b4b4
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#f9ae58
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#303841
  • editorGroupHeader.tabsBackground#1C2228
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#2E3842
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground1#47515b
  • editorIndentGuide.activeBackground2#47515b
  • editorIndentGuide.activeBackground3#47515b
  • editorIndentGuide.activeBackground4#47515b
  • editorIndentGuide.activeBackground5#47515b
  • editorIndentGuide.activeBackground6#47515b
  • editorIndentGuide.background1#47515b88
  • editorIndentGuide.background2#47515b88
  • editorIndentGuide.background3#47515b88
  • editorIndentGuide.background4#47515b88
  • editorIndentGuide.background5#47515b88
  • editorIndentGuide.background6#47515b88
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#bfc5d0
  • editorLineNumber.foreground#848b95
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorStickyScroll.background#1C222888
  • editorStickyScrollHover.background#1C222888
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1C2228
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#007fd4
  • foreground#CECECE
  • 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#CECECE
  • input.background#2E3842
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#303841
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#303841
  • list.focusForeground#cccccc
  • list.focusOutline#ff000000
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2f34
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#303841
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#1C2228
  • menu.border#303841
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#303841
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#303841
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#fbc76100
  • minimap.selectionHighlight#4d5864
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#303841
  • notificationCenterHeader.background#1C2228
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1C2228
  • notifications.border#303841
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#303841
  • panel.background#1C2228
  • panel.border#303841
  • panel.dropBorder#303841
  • panelSection.border#303841
  • panelSectionHeader.border#303841
  • panelTitle.activeBorder#303841
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#1C2228
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#1C2228
  • peekViewEditorStickyScroll.background#1C222888
  • peekViewResult.background#1C2228
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1C2228
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#197ccd
  • scrollbar.shadow#00000072
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#0087FF
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#CECECE
  • sideBar.background#1C2228
  • sideBar.border#303841
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#30384100
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#191c21
  • statusBar.debuggingBackground#1C2228
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#bcbec1
  • statusBar.noFolderBackground#191c21
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#6a7683
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#47515B
  • tab.activeBorder#47515B
  • tab.activeBorderTop#47515B
  • tab.activeForeground#ffffff
  • tab.border#313841
  • tab.inactiveBackground#1C2228
  • tab.inactiveForeground#BCBDBF
  • 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.background#1C2228
  • terminal.border#303841
  • terminal.findMatchBorder#303841
  • terminal.findMatchHighlightBorder#303841
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminal.tab.activeBorder#303841
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#1C2228
  • titleBar.activeForeground#cccccc
  • titleBar.border#303841
  • titleBar.inactiveBackground#1C2228
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#303841
  • 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#c2c6d1
variable.other.generic-type.haskell#c695c6
storage.type.haskell#faae58
support.variable.magic.python#c2c6d1
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#c2c6d1
variable.parameter.function.language.special.self.python#e5c07b
storage.modifier.lifetime.rust#c2c6d1
support.function.std.rust#6699cc
entity.name.lifetime.rust#e5c07b
variable.language.rust#c2c6d1
support.constant.edge#c695c6
constant.other.character-class.regexp#c2c6d1
keyword.operator.quantifier.regexp#faae58
punctuation.definition.string.begin,punctuation.definition.string.end#98c379
variable.parameter.function#c2c6d1
comment markup.link#7e8189
markup.changed.diff#e5c07b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6699cc
markup.inserted.diff#98c379
markup.deleted.diff#c2c6d1
meta.function.c,meta.function.cpp#c2c6d1
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#c2c6d1
punctuation.separator.key-value#c2c6d1
keyword.operator.expression.import#6699cc
support.constant.math#e5c07b
support.constant.property.math#faae58
variable.other.constant#e5c07b
storage.type.annotation.java, storage.type.object.array.java#e5c07b
source.java#c2c6d1
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#c2c6d1
meta.method.java#6699cc
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e5c07b
keyword.operator.instanceof.java#c695c6
meta.definition.variable.name.java#c2c6d1
keyword.operator.logical#fa7b58
keyword.operator.bitwise#fa7b58
keyword.operator.channel#fa7b58
support.constant.property-value.scss,support.constant.property-value.css#faae58
keyword.operator.css,keyword.operator.scss,keyword.operator.less#fa7b58
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#faae58
punctuation.separator.list.comma.css#c2c6d1
support.constant.color.w3c-standard-color-name.css#faae58
support.type.vendored.property-name.css#fa7b58
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#c2c6d1
support.constant.json#faae58
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c695c6
support.type.object.console#c2c6d1
support.variable.property.process#faae58
entity.name.function,support.function.console#6699cc
keyword.operator.misc.rust#c2c6d1
keyword.operator.sigil.rust#c695c6
keyword.operator.delete#c695c6
support.type.object.dom#fa7b58
support.variable.dom,support.variable.property.dom#c2c6d1
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#fa7b58
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#c695c6
punctuation.separator.delimiter#c2c6d1
punctuation.separator.c,punctuation.separator.cpp#c695c6
support.type.posix-reserved.c,support.type.posix-reserved.cpp#fa7b58
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c695c6
variable.parameter.function.language.python#faae58
support.type.python#fa7b58
keyword.operator.logical.python#c695c6
variable.parameter.function.python#faae58
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#c2c6d1
meta.function-call.generic.python#6699cc
constant.character.format.placeholder.other.python#faae58
keyword.operator#c2c6d1
keyword.operator.assignment.compound#c695c6
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#fa7b58
keyword#c695c6
entity.name.namespace#e5c07b
variable#c2c6d1
variable.c#c2c6d1
variable.language#e5c07b
token.variable.parameter.java#c2c6d1
import.storage.java#e5c07b
token.package.keyword#c695c6
token.package#c2c6d1
entity.name.function, meta.require, support.function.any-method, variable.function#6699cc
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#c2c6d1
entity.name.type#e5c07b
keyword.control#c695c6
control.elements, keyword.operator.less#faae58
keyword.other.special-method#6699cc
storage#c695c6
token.storage#c695c6
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#c695c6
token.storage.type.java#e5c07b
support.function#fa7b58
support.type.property-name#c2c6d1
support.constant.property-value#c2c6d1
support.constant.font-name#faae58
meta.tag#c2c6d1
string#98c379
entity.other.inherited-class#e5c07b
constant.other.symbol#fa7b58
constant.numeric#faae58
constant#faae58
punctuation.definition.constant#faae58
entity.name.tag#c2c6d1
entity.other.attribute-name#faae58
entity.other.attribute-name.id#6699ccnormal
entity.other.attribute-name.class.css#faae58normal
meta.selector#c695c6
markup.heading#c2c6d1
markup.heading punctuation.definition.heading, entity.name.section#6699cc
keyword.other.unit#c2c6d1
markup.bold,todo.bold#faae58
punctuation.definition.bold#e5c07b
markup.italic, punctuation.definition.italic,todo.emphasis#c695c6
emphasis md#c695c6
entity.name.section.markdown#c2c6d1
punctuation.definition.heading.markdown#c2c6d1
punctuation.definition.list.begin.markdown#c2c6d1
markup.heading.setext#c2c6d1
punctuation.definition.bold.markdown#faae58
markup.inline.raw.markdown#98c379
markup.inline.raw.string.markdown#98c379
punctuation.definition.list.markdown#c2c6d1
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#c2c6d1
beginning.punctuation.definition.list.markdown#c2c6d1
punctuation.definition.metadata.markdown#c2c6d1
markup.underline.link.markdown,markup.underline.link.image.markdown#c695c6
string.other.link.title.markdown,string.other.link.description.markdown#6699cc
string.regexp#fa7b58
constant.character.escape#fa7b58
punctuation.section.embedded, variable.interpolation#c2c6d1
punctuation.section.embedded.begin,punctuation.section.embedded.end#c695c6
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#c2c6d1
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#c2c6d1
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#c2c6d1
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#fa7b58
support.type.property-name.json#c2c6d1
support.type.property-name.json punctuation#c2c6d1
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c695c6
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c695c6
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#c695c6
keyword.operator.type.php#c695c6
punctuation.section.array.begin.php#c2c6d1
punctuation.section.array.end.php#c2c6d1
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#6699cc
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#c2c6d1
support.constant.core.rust#faae58
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#faae58
entity.name.goto-label.php,support.other.php#6699cc
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#fa7b58
keyword.operator.regexp.php#c695c6
keyword.operator.comparison.php#fa7b58
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c695c6
meta.function.decorator.python#6699cc
support.token.decorator.python,meta.function.decorator.identifier.python#fa7b58
function.parameter#c2c6d1
function.brace#c2c6d1
function.parameter.ruby, function.parameter.cs#c2c6d1
constant.language.symbol.ruby#fa7b58
rgb-value#fa7b58
inline-color-decoration rgb-value#faae58
less rgb-value#faae58
selector.sass#c2c6d1
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e5c07b
block.scope.end,block.scope.begin#c2c6d1
storage.type.cs#e5c07b
entity.name.variable.local.cs#c2c6d1
token.info-token#6699cc
token.warn-token#faae58
token.error-token#f44747
token.debug-token#c695c6
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c695c6
meta.template.expression#c2c6d1
keyword.operator.module#c695c6
support.type.type.flowtype#6699cc
support.type.primitive#e5c07b
meta.property.object#c2c6d1
variable.parameter.function.js#c2c6d1
keyword.other.template.begin#98c379
keyword.other.template.end#98c379
keyword.other.substitution.begin#98c379
keyword.other.substitution.end#98c379
keyword.operator.assignment#fa7b58
keyword.operator.assignment.go#e5c07b
keyword.operator.arithmetic.go, keyword.operator.address.go#c695c6
entity.name.package.go#e5c07b
support.type.prelude.elm#fa7b58
support.constant.elm#faae58
punctuation.quasi.element#c695c6
constant.character.entity#c2c6d1
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#fa7b58
entity.global.clojure#e5c07b
meta.symbol.clojure#c2c6d1
constant.keyword.clojure#fa7b58
meta.arguments.coffee, variable.parameter.function.coffee#c2c6d1
source.ini#98c379
meta.scope.prerequisites.makefile#c2c6d1
source.makefile#e5c07b
storage.modifier.import.groovy#e5c07b
meta.method.groovy#6699cc
meta.definition.variable.name.groovy#c2c6d1
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#c695c6
text.variable, text.bracketed#c2c6d1
support.type.swift, support.type.vb.asp#e5c07b
entity.name.function.xi#e5c07b
entity.name.class.xi#fa7b58
constant.character.character-class.regexp.xi#c2c6d1
constant.regexp.xi#c695c6
keyword.control.xi#fa7b58
invalid.xi#c2c6d1
beginning.punctuation.definition.quote.markdown.xi#98c379
beginning.punctuation.definition.list.markdown.xi#7e8189
constant.character.xi#6699cc
accent.xi#6699cc
wikiword.xi#faae58
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7e8189
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#c2c6d1
meta.brace.square#c2c6d1
comment, punctuation.definition.comment#7e8189italic
markup.quote.markdown#7e8189
punctuation.definition.block.sequence.item.yaml#c2c6d1
constant.language.symbol.elixir#fa7b58
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...

Mariana Refined Theme by Manish Reddy - VS Code Theme