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#e7ecf2
  • activityBar.foreground#b0b0b0
  • activityBar.inactiveForeground#b2b2b266
  • activityBarBadge.background#ffffff
  • activityBarBadge.foreground#434343
  • badge.background#e7ecf2
  • badge.foreground#a9a9a9
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#f5f5f5
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#ffffff
  • button.foreground#adadad
  • button.hoverBackground#484949
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#9299a3
  • checkbox.background#ffffff
  • checkbox.border#909090
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#e7ecf2
  • diffEditor.insertedTextBackground#e7ecf2
  • diffEditor.insertedTextBorder#c4a3a300
  • diffEditor.removedTextBackground#f3f7f5
  • dropdown.background#ffffff
  • dropdown.border#909090
  • dropdown.foreground#616161
  • editor.background#ffffff
  • editor.findMatchBackground#e7ecf2
  • editor.findMatchBorder#e7ecf200
  • editor.findMatchHighlightBackground#fdfdfd00
  • editor.findMatchHighlightBorder#e7ecf2
  • editor.findRangeHighlightBackground#e7ecf266
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#e7ecf2
  • editor.foreground#a9dbde
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#f8fafd
  • editor.lineHighlightBorder#eeeeee00
  • editor.rangeHighlightBackground#ffffff33
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#e7ecf2
  • editor.selectionHighlightBackground#add6ff00
  • editor.selectionHighlightBorder#e7ecf2
  • editor.wordHighlightBackground#e7ecf200
  • editor.wordHighlightBorder#e7ecf2
  • editor.wordHighlightStrongBackground#e7ecf200
  • editor.wordHighlightStrongBorder#e7ecf2
  • editorBracketMatch.background#00640000
  • editorBracketMatch.border#e7ecf2
  • editorCodeLens.foreground#999999
  • editorCursor.background#6b6b6b
  • editorCursor.foreground#c6d1d77a
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e85244
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.border#e7ecf200
  • editorGroupHeader.tabsBackground#c6d1d77a
  • editorGroupHeader.tabsBorder#e7ecf200
  • editorGutter.addedBackground#d1ecd6
  • editorGutter.background#ffffff
  • editorGutter.commentRangeForeground#afb1b4
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#afb1b4
  • editorGutter.modifiedBackground#e7ecf2
  • editorHoverWidget.background#e7ecf2
  • editorHoverWidget.border#f5f5f5
  • editorHoverWidget.foreground#afb1b4
  • editorIndentGuide.activeBackground#e7ecf2
  • editorIndentGuide.background#f1f6fb
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ececec
  • editorLineNumber.foreground#b8c8cd
  • editorLink.activeForeground#b6b6ee
  • editorMarkerNavigation.background#f5faff
  • editorMarkerNavigationError.background#e4bbb8
  • editorMarkerNavigationInfo.background#d1e9ff
  • editorMarkerNavigationWarning.background#f7dd9a
  • editorOverviewRuler.background#e7ecf2
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#e7ecf2
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#0066bf
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#e7ecf2
  • foreground#282828
  • gitDecoration.addedResourceForeground#0c7c42
  • gitDecoration.conflictingResourceForeground#9393ff
  • gitDecoration.deletedResourceForeground#ff7171
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#e4b262
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#69b0ff
  • gitDecoration.untrackedResourceForeground#09b409
  • icon.foreground#616161
  • input.background#ffffff
  • input.border#909090
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#e7ecf2
  • inputOption.activeBorder#e7ecf2
  • inputOption.activeForeground#2e2e2e
  • list.activeSelectionBackground#d5dae0
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#d8e0e8
  • list.focusBackground#e7ecf2
  • list.focusForeground#616161
  • list.highlightForeground#b0b5ba
  • list.hoverBackground#dbe0e6
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#d9dee4
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#f7f7f7
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#e7ecf2
  • menu.foreground#616161
  • menu.selectionBackground#e7ecf2
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#f5f5f5
  • menubar.selectionBackground#f3f8fd
  • menubar.selectionBorder#f9f9f9
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#8c8c8c
  • merge.commonHeaderBackground#b4b2b2
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#82bcff
  • minimap.background#ffffff
  • minimap.errorHighlight#e85244
  • minimap.findMatchHighlight#e7ecf2
  • minimap.selectionHighlight#e7ecf2
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#d1ecd6
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#e7ecf2
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#f8f9ff
  • panel.border#e8e8e859
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7ecf2
  • panelTitle.activeForeground#bcbcbc
  • panelTitle.inactiveForeground#d1d2d3
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#e7ecf2
  • peekViewEditor.matchHighlightBorder#dbc41700
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f7f7f7
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#fefeff
  • peekViewResult.matchHighlightBackground#d3d7db
  • peekViewResult.selectionBackground#e7ecf2
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#0066bf
  • progressBar.background#c9cccf
  • scrollbar.shadow#e7ecf2
  • scrollbarSlider.activeBackground#e7ecf2
  • scrollbarSlider.background#ffffff66
  • scrollbarSlider.hoverBackground#f2f2f2b3
  • selection.background#e7ecf2
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#e7ecf2
  • sideBar.border#88beff00
  • sideBar.dropBackground#d8e0e8
  • sideBar.foreground#807f7f
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#e7ecf2
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#8e8e8e
  • statusBar.noFolderBackground#ffffff
  • statusBar.noFolderBorder#f9f9f900
  • statusBar.noFolderForeground#7d7d7d
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#e7ecf2
  • statusBarItem.remoteForeground#848484
  • tab.activeBackground#f5f5f5
  • tab.activeBorder#e7ecf200
  • tab.activeBorderTop#e7ecf200
  • tab.activeForeground#a3a6a9
  • tab.border#e7ecf200
  • tab.hoverBackground#ffffff
  • tab.hoverBorder#e7ecf200
  • tab.hoverForeground#585858
  • tab.inactiveBackground#c6d1d77a
  • tab.inactiveForeground#ffffff
  • terminal.ansiBlack#4f4f4f
  • terminal.ansiBlue#53c0f5
  • terminal.ansiBrightBlack#a1a1a1
  • terminal.ansiBrightBlue#87bffd
  • terminal.ansiBrightCyan#8be8ff
  • terminal.ansiBrightGreen#8df9bc
  • terminal.ansiBrightMagenta#ffb2ff
  • terminal.ansiBrightRed#fb9393
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#fbd06b
  • terminal.ansiCyan#4adbff
  • terminal.ansiGreen#2ff5ab
  • terminal.ansiMagenta#fd95fd
  • terminal.ansiRed#ff8181
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#e2c421
  • terminal.border#d1d1d159
  • terminal.foreground#9b9b9b
  • terminal.selectionBackground#d9d4d470
  • terminalCursor.background#fdfeff
  • terminalCursor.foreground#303030
  • textLink.foreground#006ab1
  • titleBar.activeBackground#e7ecf2
  • titleBar.activeForeground#797979
  • titleBar.border#38424d0c
  • titleBar.inactiveBackground#e7ecf2
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#e4e4e4
  • 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#908b8b
variable.other.generic-type.haskell#9cb9ff
storage.type.haskell#b4b4b4
support.variable.magic.python#908b8b
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#a9dbde
variable.parameter.function.language.special.self.python#7bdbe5
storage.modifier.lifetime.rust#a9dbde
support.function.std.rust#dcaaff
entity.name.lifetime.rust#7bdbe5
variable.language.rust#908b8b
support.constant.edge#9cb9ff
constant.other.character-class.regexp#908b8b
keyword.operator.quantifier.regexp#b4b4b4
punctuation.definition.string.begin,punctuation.definition.string.end#a3d57f
variable.parameter.function#a9dbde
comment markup.link#d4d7db
markup.changed.diff#7bdbe5
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#dcaaff
markup.inserted.diff#a3d57f
markup.deleted.diff#908b8b
meta.function.c,meta.function.cpp#908b8b
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#a9dbde
punctuation.separator.key-value#a9dbde
keyword.operator.expression.import#dcaaff
support.constant.math#7bdbe5
support.constant.property.math#b4b4b4
variable.other.constant#7bdbe5
storage.type.annotation.java, storage.type.object.array.java#7bdbe5
source.java#908b8b
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#a9dbde
meta.method.java#dcaaff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#7bdbe5
keyword.operator.instanceof.java#9cb9ff
meta.definition.variable.name.java#908b8b
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#b4b4b4
keyword.operator.css,keyword.operator.scss,keyword.operator.less#56b6c2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#b4b4b4
punctuation.separator.list.comma.css#a9dbde
support.constant.color.w3c-standard-color-name.css#b4b4b4
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#7bdbe5
entity.name.type.module#7bdbe5
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#908b8b
support.constant.json#b4b4b4
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#9cb9ff
support.type.object.console#908b8b
support.variable.property.process#b4b4b4
entity.name.function,support.function.console#dcaaff
keyword.operator.misc.rust#a9dbde
keyword.operator.sigil.rust#9cb9ff
keyword.operator.delete#9cb9ff
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#908b8b
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#9cb9ff
punctuation.separator.delimiter#a9dbde
punctuation.separator.c,punctuation.separator.cpp#9cb9ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#9cb9ff
variable.parameter.function.language.python#b4b4b4
support.type.python#56b6c2
keyword.operator.logical.python#9cb9ff
variable.parameter.function.python#b4b4b4
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#a9dbde
meta.function-call.generic.python#dcaaff
constant.character.format.placeholder.other.python#b4b4b4
keyword.operator#a9dbde
keyword.operator.assignment.compound#9cb9ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#9cb9ff
entity.name.namespace#7bdbe5
variable#908b8b
variable.c#a9dbde
variable.language#7bdbe5
token.variable.parameter.java#a9dbde
import.storage.java#7bdbe5
token.package.keyword#9cb9ff
token.package#a9dbde
entity.name.function, meta.require, support.function.any-method, variable.function#dcaaff
entity.name.type.namespace#7bdbe5
support.class, entity.name.type.class#7bdbe5
entity.name.class.identifier.namespace.type#7bdbe5
entity.name.class, variable.other.class.js, variable.other.class.ts#7bdbe5
variable.other.class.php#908b8b
entity.name.type#7bdbe5
keyword.control#9cb9ff
control.elements, keyword.operator.less#b4b4b4
keyword.other.special-method#dcaaff
storage#9cb9ff
token.storage#9cb9ff
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#9cb9ff
token.storage.type.java#7bdbe5
support.function#56b6c2
support.type.property-name#a9dbde
support.constant.property-value#a9dbde
support.constant.font-name#b4b4b4
meta.tag#a9dbde
string#a3d57f
entity.other.inherited-class#7bdbe5
constant.other.symbol#56b6c2
constant.numeric#b4b4b4
constant#b4b4b4
punctuation.definition.constant#b4b4b4
entity.name.tag#908b8b
entity.other.attribute-name#b4b4b4
entity.other.attribute-name.id#dcaaffnormal
entity.other.attribute-name.class.css#b4b4b4normal
meta.selector#9cb9ff
markup.heading#908b8b
markup.heading punctuation.definition.heading, entity.name.section#dcaaff
keyword.other.unit#908b8b
markup.bold,todo.bold#b4b4b4
punctuation.definition.bold#7bdbe5
markup.italic, punctuation.definition.italic,todo.emphasis#9cb9ff
emphasis md#9cb9ff
entity.name.section.markdown#908b8b
punctuation.definition.heading.markdown#908b8b
punctuation.definition.list.begin.markdown#908b8b
markup.heading.setext#a9dbde
punctuation.definition.bold.markdown#b4b4b4
markup.inline.raw.markdown#a3d57f
markup.inline.raw.string.markdown#a3d57f
punctuation.definition.list.markdown#908b8b
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#908b8b
beginning.punctuation.definition.list.markdown#908b8b
punctuation.definition.metadata.markdown#908b8b
markup.underline.link.markdown,markup.underline.link.image.markdown#9cb9ff
string.other.link.title.markdown,string.other.link.description.markdown#dcaaff
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#908b8b
punctuation.section.embedded.begin,punctuation.section.embedded.end#9cb9ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#a9dbde
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#908b8b
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#908b8b
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#a3d57f
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#908b8b
support.type.property-name.json punctuation#908b8b
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#9cb9ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#9cb9ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#7bdbe5
keyword.operator.error-control.php#9cb9ff
keyword.operator.type.php#9cb9ff
punctuation.section.array.begin.php#a9dbde
punctuation.section.array.end.php#a9dbde
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#7bdbe5
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#dcaaff
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#a9dbde
support.constant.core.rust#b4b4b4
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#b4b4b4
entity.name.goto-label.php,support.other.php#dcaaff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#9cb9ff
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#9cb9ff
meta.function.decorator.python#dcaaff
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#a9dbde
function.brace#a9dbde
function.parameter.ruby, function.parameter.cs#a9dbde
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#b4b4b4
less rgb-value#b4b4b4
selector.sass#908b8b
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#7bdbe5
block.scope.end,block.scope.begin#a9dbde
storage.type.cs#7bdbe5
entity.name.variable.local.cs#908b8b
token.info-token#dcaaff
token.warn-token#b4b4b4
token.error-token#f44747
token.debug-token#9cb9ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#9cb9ff
meta.template.expression#a9dbde
keyword.operator.module#9cb9ff
support.type.type.flowtype#dcaaff
support.type.primitive#7bdbe5
meta.property.object#908b8b
variable.parameter.function.js#908b8b
keyword.other.template.begin#a3d57f
keyword.other.template.end#a3d57f
keyword.other.substitution.begin#a3d57f
keyword.other.substitution.end#a3d57f
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#7bdbe5
keyword.operator.arithmetic.go, keyword.operator.address.go#9cb9ff
entity.name.package.go#7bdbe5
support.type.prelude.elm#56b6c2
support.constant.elm#b4b4b4
punctuation.quasi.element#9cb9ff
constant.character.entity#908b8b
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#7bdbe5
meta.symbol.clojure#908b8b
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#908b8b
source.ini#a3d57f
meta.scope.prerequisites.makefile#908b8b
source.makefile#7bdbe5
storage.modifier.import.groovy#7bdbe5
meta.method.groovy#dcaaff
meta.definition.variable.name.groovy#908b8b
meta.definition.class.inherited.classes.groovy#a3d57f
support.variable.semantic.hlsl#7bdbe5
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#9cb9ff
text.variable, text.bracketed#908b8b
support.type.swift, support.type.vb.asp#7bdbe5
entity.name.function.xi#7bdbe5
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#908b8b
constant.regexp.xi#9cb9ff
keyword.control.xi#56b6c2
invalid.xi#a9dbde
beginning.punctuation.definition.quote.markdown.xi#a3d57f
beginning.punctuation.definition.list.markdown.xi#d4d7db
constant.character.xi#dcaaff
accent.xi#dcaaff
wikiword.xi#b4b4b4
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#d4d7db
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#7bdbe5
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#908b8b
meta.brace.square#a9dbde
comment, punctuation.definition.comment#d4d7dbitalic
markup.quote.markdown#d4d7db
punctuation.definition.block.sequence.item.yaml#a9dbde
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