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.activeBackground#ffffff00
  • activityBar.background#333333
  • activityBar.border#dc292918
  • activityBar.foreground#dc2929
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#0adbe4
  • activityBarBadge.foreground#04686d
  • badge.background#dc2929
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#333333
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#dc292948
  • 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#444444
  • diffEditor.insertedTextBackground#55b96533
  • diffEditor.removedTextBackground#43cbbe33
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#333333
  • editor.findMatchBackground#00000000
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0000
  • editor.findMatchHighlightBorder#ffffff70
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#dc292920
  • editor.foreground#dc2929
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#36c33700
  • editor.lineHighlightBorder#dc292906
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#dc29290c
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#00497200
  • editor.wordHighlightStrongBorder#617eab7a
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#dc292900
  • editorGroup.emptyBackground#333333
  • editorGroupHeader.border#30282800
  • editorGroupHeader.tabsBackground#252526
  • editorGroupHeader.tabsBorder#96969600
  • editorGutter.addedBackground#dc2929
  • editorGutter.background#333333
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#4f4d4e
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#29aed3
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#dc29291e
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#dc292920
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#dc2929
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#dc29291c
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#dc2929
  • editorSuggestWidget.highlightForeground#d4d4d4
  • editorSuggestWidget.selectedBackground#dc292940
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#dc29291a
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#dc292918
  • list.activeSelectionForeground#dc2929
  • list.dropBackground#383b3d
  • list.focusBackground#282828
  • list.focusForeground#cccccc
  • list.highlightForeground#dc2929
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#dc292918
  • list.inactiveSelectionForeground#dc2929
  • listFilterWidget.background#dc2929ef
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • 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#333333
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#00000000
  • minimap.selectionHighlight#dc29290c
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#dc2929
  • minimapGutter.deletedBackground#4f4d4e
  • minimapGutter.modifiedBackground#29aed3
  • notificationCenter.border#36c3371a
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#dc2929
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#071907
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#071b07
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#0adbe4
  • progressBar.background#ffffff
  • scrollbar.shadow#00000002
  • scrollbarSlider.activeBackground#dc292938
  • scrollbarSlider.background#30303066
  • scrollbarSlider.hoverBackground#dc29292e
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#252526
  • sideBar.border#dc29292e
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#dc292918
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#dc29295c
  • statusBar.background#333333
  • statusBar.border#dc292922
  • statusBar.debuggingBackground#dc292900
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#333333
  • statusBar.noFolderBorder#dc292916
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#2d2e2d
  • statusBarItem.remoteForeground#0adbe4
  • tab.activeBackground#333333
  • tab.activeBorder#0adbe400
  • tab.activeBorderTop#dc2929
  • tab.activeForeground#dc2929
  • tab.border#320303
  • tab.hoverBorder#dc2929
  • tab.inactiveBackground#262626
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#dc2929
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#00000099
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#00000099
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#dc292920
  • 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#5f7ea5
variable.other.generic-type.haskell#ffffff
storage.type.haskell#9b9f83
support.variable.magic.python#5f7ea5
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#dc2929
variable.parameter.function.language.special.self.python#dc2929
storage.modifier.lifetime.rust#dc2929
support.function.std.rust#0adbe4
entity.name.lifetime.rust#dc2929
variable.language.rust#5f7ea5
support.constant.edge#ffffff
constant.other.character-class.regexp#5f7ea5
keyword.operator.quantifier.regexp#9b9f83
punctuation.definition.string.begin,punctuation.definition.string.end#9b9f83
variable.parameter.function#dc2929
comment markup.link#434343
markup.changed.diff#dc2929
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#0adbe4
markup.inserted.diff#9b9f83
markup.deleted.diff#5f7ea5
meta.function.c,meta.function.cpp#5f7ea5
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#dc2929
punctuation.separator.key-value#dc2929
keyword.operator.expression.import#0adbe4
support.constant.math#dc2929
support.constant.property.math#9b9f83
variable.other.constant#dc2929
storage.type.annotation.java, storage.type.object.array.java#dc2929
source.java#5f7ea5
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#dc2929
meta.method.java#0adbe4
storage.modifier.import.java,storage.type.java,storage.type.generic.java#dc2929
keyword.operator.instanceof.java#ffffff
meta.definition.variable.name.java#5f7ea5
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#9b9f83
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#9b9f83
punctuation.separator.list.comma.css#dc2929
support.constant.color.w3c-standard-color-name.css#9b9f83
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#dc2929
entity.name.type.module#dc2929
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#5f7ea5
support.constant.json#9b9f83
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ffffff
support.type.object.console#5f7ea5
support.variable.property.process#9b9f83
entity.name.function,support.function.console#0adbe4
keyword.operator.misc.rust#dc2929
keyword.operator.sigil.rust#ffffff
keyword.operator.delete#ffffff
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#5f7ea5
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#ffffff
punctuation.separator.delimiter#dc2929
punctuation.separator.c,punctuation.separator.cpp#ffffff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ffffff
variable.parameter.function.language.python#9b9f83
support.type.python#56b6c2
keyword.operator.logical.python#ffffff
variable.parameter.function.python#9b9f83
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#dc2929
meta.function-call.generic.python#0adbe4
constant.character.format.placeholder.other.python#9b9f83
keyword.operator#dc2929
keyword.operator.assignment.compound#ffffff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#ffffff
entity.name.namespace#dc2929
variable#5f7ea5
variable.c#dc2929
variable.language#dc2929
token.variable.parameter.java#dc2929
import.storage.java#dc2929
token.package.keyword#ffffff
token.package#dc2929
entity.name.function, meta.require, support.function.any-method, variable.function#0adbe4
entity.name.type.namespace#dc2929
support.class, entity.name.type.class#dc2929
entity.name.class.identifier.namespace.type#dc2929
entity.name.class, variable.other.class.js, variable.other.class.ts#dc2929
variable.other.class.php#5f7ea5
entity.name.type#dc2929
keyword.control#ffffff
control.elements, keyword.operator.less#9b9f83
keyword.other.special-method#0adbe4
storage#ffffff
token.storage#ffffff
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#ffffff
token.storage.type.java#dc2929
support.function#56b6c2
support.type.property-name#dc2929
support.constant.property-value#dc2929
support.constant.font-name#9b9f83
meta.tag#dc2929
string#9b9f83
entity.other.inherited-class#dc2929
constant.other.symbol#56b6c2
constant.numeric#9b9f83
constant#9b9f83
punctuation.definition.constant#9b9f83
entity.name.tag#5f7ea5
entity.other.attribute-name#9b9f83
entity.other.attribute-name.id#0adbe4normal
entity.other.attribute-name.class.css#9b9f83normal
meta.selector#ffffff
markup.heading#5f7ea5
markup.heading punctuation.definition.heading, entity.name.section#0adbe4
keyword.other.unit#5f7ea5
markup.bold,todo.bold#9b9f83
punctuation.definition.bold#dc2929
markup.italic, punctuation.definition.italic,todo.emphasis#ffffff
emphasis md#ffffff
entity.name.section.markdown#5f7ea5
punctuation.definition.heading.markdown#5f7ea5
punctuation.definition.list.begin.markdown#5f7ea5
markup.heading.setext#dc2929
punctuation.definition.bold.markdown#9b9f83
markup.inline.raw.markdown#9b9f83
markup.inline.raw.string.markdown#9b9f83
punctuation.definition.list.markdown#5f7ea5
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5f7ea5
beginning.punctuation.definition.list.markdown#5f7ea5
punctuation.definition.metadata.markdown#5f7ea5
markup.underline.link.markdown,markup.underline.link.image.markdown#ffffff
string.other.link.title.markdown,string.other.link.description.markdown#0adbe4
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#5f7ea5
punctuation.section.embedded.begin,punctuation.section.embedded.end#ffffff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#dc2929
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#5f7ea5
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#5f7ea5
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#9b9f83
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#5f7ea5
support.type.property-name.json punctuation#5f7ea5
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ffffff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ffffff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#dc2929
keyword.operator.error-control.php#ffffff
keyword.operator.type.php#ffffff
punctuation.section.array.begin.php#dc2929
punctuation.section.array.end.php#dc2929
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#dc2929
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#0adbe4
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#dc2929
support.constant.core.rust#9b9f83
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#9b9f83
entity.name.goto-label.php,support.other.php#0adbe4
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#ffffff
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ffffff
meta.function.decorator.python#0adbe4
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#dc2929
function.brace#dc2929
function.parameter.ruby, function.parameter.cs#dc2929
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#9b9f83
less rgb-value#9b9f83
selector.sass#5f7ea5
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#dc2929
block.scope.end,block.scope.begin#dc2929
storage.type.cs#dc2929
entity.name.variable.local.cs#5f7ea5
token.info-token#0adbe4
token.warn-token#9b9f83
token.error-token#f44747
token.debug-token#ffffff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ffffff
meta.template.expression#dc2929
keyword.operator.module#ffffff
support.type.type.flowtype#0adbe4
support.type.primitive#dc2929
meta.property.object#5f7ea5
variable.parameter.function.js#5f7ea5
keyword.other.template.begin#9b9f83
keyword.other.template.end#9b9f83
keyword.other.substitution.begin#9b9f83
keyword.other.substitution.end#9b9f83
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#dc2929
keyword.operator.arithmetic.go, keyword.operator.address.go#ffffff
entity.name.package.go#dc2929
support.type.prelude.elm#56b6c2
support.constant.elm#9b9f83
punctuation.quasi.element#ffffff
constant.character.entity#5f7ea5
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#dc2929
meta.symbol.clojure#5f7ea5
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#5f7ea5
source.ini#9b9f83
meta.scope.prerequisites.makefile#5f7ea5
source.makefile#dc2929
storage.modifier.import.groovy#dc2929
meta.method.groovy#0adbe4
meta.definition.variable.name.groovy#5f7ea5
meta.definition.class.inherited.classes.groovy#9b9f83
support.variable.semantic.hlsl#dc2929
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#ffffff
text.variable, text.bracketed#5f7ea5
support.type.swift, support.type.vb.asp#dc2929
entity.name.function.xi#dc2929
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#5f7ea5
constant.regexp.xi#ffffff
keyword.control.xi#56b6c2
invalid.xi#dc2929
beginning.punctuation.definition.quote.markdown.xi#9b9f83
beginning.punctuation.definition.list.markdown.xi#434343
constant.character.xi#0adbe4
accent.xi#0adbe4
wikiword.xi#9b9f83
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#434343
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#dc2929
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#5f7ea5
meta.brace.square#dc2929
comment, punctuation.definition.comment#434343italic
markup.quote.markdown#434343
punctuation.definition.block.sequence.item.yaml#dc2929
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