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.background#DFF2FE
  • activityBar.foreground#a9a9a9
  • activityBar.inactiveForeground#90909066
  • activityBarBadge.background#ffffff
  • activityBarBadge.foreground#ababab
  • badge.background#F5FBFF
  • badge.foreground#bcb8b8
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#F5FBFF
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#DFF2FE
  • button.foreground#a7a7a7
  • button.hoverBackground#e4e4e4
  • button.secondaryBackground#4c5561
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#818994
  • checkbox.background#DFF2FE
  • checkbox.border#babababb
  • checkbox.foreground#a5a5a5
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d700
  • diffEditor.insertedTextBackground#e4fdff
  • diffEditor.removedTextBackground#ffc7c733
  • dropdown.background#DFF2FE
  • dropdown.border#babababb
  • dropdown.foreground#a5a5a5
  • editor.background#F5FBFF
  • editor.findMatchBackground#DFF2FE
  • editor.findMatchBorder#979b8300
  • editor.findMatchHighlightBackground#DFF2FE
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#e2fbfd
  • editor.findRangeHighlightBorder#8a8a8a00
  • editor.foldBackground#DFF2FE9b
  • editor.foreground#8ce2ae
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#DFF2FE
  • editor.lineHighlightBackground#ffffff97
  • editor.lineHighlightBorder#eeeeee00
  • editor.rangeHighlightBackground#ffffff33
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffffff
  • editor.selectionHighlightBackground#DFF2FE
  • editor.selectionHighlightBorder#495f7700
  • editor.wordHighlightBackground#DFF2FE
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#DFF2FE
  • editorBracketMatch.background#DFF2FE
  • editorBracketMatch.border#b9b9b908
  • editorCodeLens.foreground#999999
  • editorCursor.background#c4c4c4
  • editorCursor.foreground#e0e0e066
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ffbcb6
  • editorGroup.border#e7e7e700
  • editorGroup.emptyBackground#F5FBFF
  • editorGroupHeader.tabsBackground#F5FBFF
  • editorGutter.addedBackground#ceffd6
  • editorGutter.background#F5FBFF
  • editorGutter.commentRangeForeground#bcdde0
  • editorGutter.deletedBackground#fbc3c5
  • editorGutter.foldingControlForeground#bcdde0
  • editorGutter.modifiedBackground#DFF2FE
  • editorHoverWidget.background#DFF2FE
  • editorHoverWidget.border#ececec
  • editorHoverWidget.foreground#908b8b
  • editorIndentGuide.activeBackground#cbcbcb
  • editorIndentGuide.background#ececec
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#b5dcff
  • editorLineNumber.activeForeground#DFF2FE
  • editorLineNumber.foreground#cfcfcf
  • editorLink.activeForeground#f0cc61
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#ffe3e0
  • editorMarkerNavigationInfo.background#DFF2FE
  • editorMarkerNavigationWarning.background#fdeab6
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#d3d3d328
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#a5a5a5
  • editorSuggestWidget.selectedBackground#DFF2FE
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe39d
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#f2f2f2
  • foreground#616161
  • gitDecoration.addedResourceForeground#74d758
  • gitDecoration.conflictingResourceForeground#9f9fec
  • gitDecoration.deletedResourceForeground#ff8b8b
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#eac284
  • gitDecoration.stageDeletedResourceForeground#f7bbbb
  • gitDecoration.stageModifiedResourceForeground#d3a65e
  • gitDecoration.submoduleResourceForeground#7dbaff
  • gitDecoration.untrackedResourceForeground#3ecf8b
  • icon.foreground#616161
  • input.background#DFF2FE
  • input.border#babababb
  • input.foreground#a5a5a5
  • input.placeholderForeground#bebebe
  • inputOption.activeBackground#ffffff33
  • inputOption.activeBorder#66666600
  • inputOption.activeForeground#b6b6b6
  • list.activeSelectionBackground#DFF2FE
  • list.activeSelectionForeground#a9a9a9
  • list.dropBackground#DFF2FE
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#72888a
  • list.hoverBackground#DFF2FE
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#DFF2FE
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#DFF2FE
  • listFilterWidget.noMatchesOutline#a30101
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#0060c0
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#4d4d4d
  • merge.commonHeaderBackground#8e7e7e
  • merge.currentContentBackground#707171
  • merge.currentHeaderBackground#4fb8a2
  • merge.incomingContentBackground#7b90a7
  • merge.incomingHeaderBackground#80b1ea
  • minimap.background#F5FBFF
  • minimap.errorHighlight#ffbcb6
  • minimap.findMatchHighlight#DFF2FE
  • minimap.selectionHighlight#ffffff
  • minimap.warningHighlight#ffe39d
  • minimapGutter.addedBackground#ceffd6
  • minimapGutter.deletedBackground#fbc3c5
  • minimapGutter.modifiedBackground#DFF2FE
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#fbfbfb
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#ffbbb5
  • notificationsInfoIcon.foreground#afd9ff
  • notificationsWarningIcon.foreground#ffe29a
  • notificationToast.border#d5d5d500
  • panel.background#DFF2FE
  • panel.border#80808000
  • panelSection.border#cbcbcb59
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#c0baba
  • panelTitle.inactiveForeground#aba4a4bf
  • peekView.border#007acc06
  • peekViewEditor.background#DFF2FE
  • peekViewEditor.matchHighlightBackground#ffffffaf
  • peekViewEditor.matchHighlightBorder#fffefa00
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f7f7f7
  • peekViewResult.fileForeground#c0c0c0
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#DFF2FE
  • peekViewResult.selectionBackground#DFF2FE
  • peekViewResult.selectionForeground#9d9d9d
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#999999e6
  • peekViewTitleLabel.foreground#686868
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#89898a
  • progressBar.background#baf9ff
  • scrollbar.shadow#dddddd00
  • scrollbarSlider.activeBackground#99999999
  • scrollbarSlider.background#e0e0e066
  • scrollbarSlider.hoverBackground#b0b0b066
  • selection.background#b0daff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#F5FBFF
  • sideBar.border#ff000000
  • sideBar.dropBackground#DFF2FE
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#ffffff
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#ffb18b
  • statusBar.debuggingBorder#ff808000
  • statusBar.debuggingForeground#868686
  • statusBar.foreground#c2bfbf
  • statusBar.noFolderBackground#cfcfcf
  • statusBar.noFolderBorder#e6e6e600
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#ffffff
  • statusBarItem.remoteForeground#b6b6b6
  • tab.activeBackground#ffffff00
  • tab.activeBorder#b9e8ec
  • tab.activeBorderTop#00000000
  • tab.activeForeground#545454
  • tab.border#f3f3f300
  • tab.inactiveBackground#F5FBFF
  • tab.inactiveForeground#adadad
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#dff2fe
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#effeff8f
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#8ce2ae
  • terminal.ansiBrightMagenta#fbc3f3
  • terminal.ansiBrightRed#fb908f
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#fff1b4
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#8ce2ae
  • terminal.ansiMagenta#eaa3e0
  • terminal.ansiRed#fd7776
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#fbeaa1
  • terminal.border#cbcbcb28
  • terminal.foreground#333333
  • terminal.selectionBackground#effeff8f
  • terminalCursor.background#000000
  • terminalCursor.foreground#ffffff
  • textLink.foreground#7bcaff
  • titleBar.activeBackground#ffffff
  • titleBar.activeForeground#a5a5a5
  • titleBar.border#00000000
  • titleBar.inactiveBackground#ffffff
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#f0f0f0
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Shiki preview

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

Loading...

Vaporizer Dark & Light Themes - Coding Theme