Skip to main content
CodingTheme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBackground#373a5400
  • activityBar.background#16171f
  • activityBar.border#ff000000
  • activityBar.foreground#a7acd7
  • activityBar.inactiveForeground#8087c0
  • activityBarBadge.background#497fa3
  • activityBarBadge.foreground#ffffff
  • badge.background#4b4f82
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#16171f
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#42455e
  • button.background#42455e
  • button.foreground#ffffff
  • button.hoverBackground#595d80
  • button.secondaryBackground#2a2c3b
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#42455e
  • checkbox.background#2a2d41f3
  • checkbox.border#00000000
  • checkbox.foreground#dedfe8f3
  • debugExceptionWidget.background#17181ff3
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#17181ff3
  • debugToolBar.border#47474700
  • diffEditor.border#62414100
  • diffEditor.insertedTextBackground#204d323c
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#662c2c33
  • diffEditor.removedTextBorder#5c353500
  • dropdown.background#2a2d41f3
  • dropdown.border#00000000
  • dropdown.foreground#dedfe8f3
  • editor.background#16171f
  • editor.findMatchBackground#7c89b0
  • editor.findMatchBorder#e1e2e4
  • editor.findMatchHighlightBackground#7c89b066
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#262e3866
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#42455e9f
  • editor.foreground#bfc3e2
  • editor.hoverHighlightBackground#486d9240
  • editor.inactiveSelectionBackground#484b5e76
  • editor.lineHighlightBackground#42455e3c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#768fa920
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#484b5e46
  • editor.selectionHighlightBackground#5497d956
  • editor.selectionHighlightBorder#405975
  • editor.wordHighlightBackground#486d9240
  • editor.wordHighlightStrongBackground#486d9240
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#595d82
  • editorBracketMatch.border#88888800
  • editorCodeLens.foreground#595d82
  • editorCursor.background#ffffff
  • editorCursor.foreground#bfc3e2
  • editorError.background#6632329b
  • editorError.border#d72b2b00
  • editorError.foreground#a9595900
  • editorGroup.border#595d8200
  • editorGroup.emptyBackground#16171f
  • editorGroupHeader.tabsBackground#17181ff3
  • editorGroupHeader.tabsBorder#88494900
  • editorGutter.addedBackground#266b80
  • editorGutter.background#16171f
  • editorGutter.commentRangeForeground#595d82
  • editorGutter.deletedBackground#803235
  • editorGutter.foldingControlForeground#595d82
  • editorGutter.modifiedBackground#586d8e
  • editorHoverWidget.background#272938
  • editorHoverWidget.border#45454500
  • editorHoverWidget.foreground#686d92
  • editorIndentGuide.activeBackground#676982ed
  • editorIndentGuide.background#42455e6a
  • editorInfo.background#75cbff40
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff00
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#42455e
  • editorLink.activeForeground#2c608c
  • editorMarkerNavigation.background#37374d
  • editorMarkerNavigationError.background#9f5e5e
  • editorMarkerNavigationInfo.background#365c7d
  • editorMarkerNavigationWarning.background#b0a577
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#42455e80
  • editorRuler.foreground#42455e44
  • editorSuggestWidget.background#242438
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#99c9e6
  • editorSuggestWidget.highlightForeground#2685c4
  • editorSuggestWidget.selectedBackground#30304b
  • editorWarning.background#86772464
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cc7c0000
  • editorWhitespace.foreground#42455e
  • editorWidget.background#1c1d26f3
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5f5f5f00
  • focusBorder#4f5373
  • foreground#8087c0
  • 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#8087c0
  • input.background#2a2d41f3
  • input.border#00000000
  • input.foreground#dedfe8f3
  • input.placeholderForeground#565a7b
  • inputOption.activeBackground#4b4f6d
  • inputOption.activeBorder#28415100
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#595e8cad
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#4b4e71ad
  • list.focusBackground#3b3e58ad
  • list.focusForeground#fcfcfdad
  • list.highlightForeground#adb5ffad
  • list.hoverBackground#25273bad
  • list.hoverForeground#d2d5ea
  • list.inactiveSelectionBackground#25273b
  • list.inactiveSelectionForeground#a7acd7
  • listFilterWidget.background#234965
  • listFilterWidget.noMatchesOutline#9d4f4800
  • listFilterWidget.outline#06060600
  • menu.background#17181fdf
  • menu.border#00000000
  • menu.foreground#bec3e6ed
  • menu.selectionBackground#373b56ed
  • menu.selectionBorder#00000000
  • menu.selectionForeground#e9ebf9ed
  • menu.separatorBackground#84646400
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#c3c7e8ed
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#16171f
  • minimap.errorHighlight#a9595900
  • minimap.findMatchHighlight#7c89b0
  • minimap.selectionHighlight#484b5e46
  • minimap.warningHighlight#cc7c0000
  • minimapGutter.addedBackground#266b80
  • minimapGutter.deletedBackground#803235
  • minimapGutter.modifiedBackground#586d8e
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#17181ff3
  • notificationCenterHeader.foreground#989bb0f3
  • notifications.background#1b1c26d1
  • notifications.border#30303100
  • notifications.foreground#979dcd
  • notificationsErrorIcon.foreground#c74747ad
  • notificationsInfoIcon.foreground#2780cfb9
  • notificationsWarningIcon.foreground#cca700b9
  • notificationToast.border#47474700
  • panel.background#17181fc7
  • panel.border#80808000
  • panelSection.border#24263d
  • panelTitle.activeBorder#8f93ba
  • panelTitle.activeForeground#8f93ba
  • panelTitle.inactiveForeground#4d5171
  • peekView.border#565ea3
  • peekViewEditor.background#292b41
  • peekViewEditor.matchHighlightBackground#2f648499
  • peekViewEditor.matchHighlightBorder#ee931e00
  • peekViewEditorGutter.background#1d1f2e
  • peekViewResult.background#1d1f2e
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#8087c0
  • peekViewResult.matchHighlightBackground#3cced54a
  • peekViewResult.selectionBackground#2a2e4d
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1d1f2e
  • peekViewTitleDescription.foreground#8087c0
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f4600
  • pickerGroup.foreground#6a75bef3
  • progressBar.background#8087c0
  • scrollbar.shadow#555c922a
  • scrollbarSlider.activeBackground#bfbfbf00
  • scrollbarSlider.background#79797900
  • scrollbarSlider.hoverBackground#64646400
  • selection.background#606592
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#8087c0
  • sideBar.background#16171f
  • sideBar.border#77545400
  • sideBar.dropBackground#4b4e71ad
  • sideBar.foreground#d8dcf9
  • sideBarSectionHeader.background#a16f6f00
  • sideBarSectionHeader.border#a7787800
  • sideBarSectionHeader.foreground#a7acd7
  • sideBarTitle.foreground#d2d5ea
  • statusBar.background#16171f
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#42455e
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#5c6086
  • statusBar.noFolderBackground#2f345c
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#907e7e00
  • statusBarItem.remoteBackground#42455e
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1a1b24
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#575b7b
  • tab.border#25252600
  • tab.hoverBackground#1a1b24
  • tab.hoverForeground#575b7b
  • tab.inactiveBackground#242532
  • tab.inactiveForeground#81849b
  • terminal.ansiBlack#121319
  • terminal.ansiBlue#84a0c6
  • terminal.ansiBrightBlack#3e4960
  • terminal.ansiBrightBlue#a3bee3
  • terminal.ansiBrightCyan#b6d8de
  • terminal.ansiBrightGreen#a0dbc2
  • terminal.ansiBrightMagenta#c8b5e6
  • terminal.ansiBrightRed#e29199
  • terminal.ansiBrightWhite#e1ebff
  • terminal.ansiBrightYellow#a8d2ee
  • terminal.ansiCyan#89b8c2
  • terminal.ansiGreen#72c2a2
  • terminal.ansiMagenta#a093c7
  • terminal.ansiRed#bf616a
  • terminal.ansiWhite#bcc5d8
  • terminal.ansiYellow#78b7e2
  • terminal.border#24263d
  • terminal.foreground#bcc5d8
  • terminal.selectionBackground#46495e62
  • terminalCursor.background#4d5179
  • terminalCursor.foreground#ffffff
  • textLink.foreground#5e96d5
  • titleBar.activeBackground#16171f
  • titleBar.activeForeground#42455e
  • titleBar.border#a9787800
  • titleBar.inactiveBackground#42455e
  • titleBar.inactiveForeground#888db2
  • tree.indentGuidesStroke#3b3f5ead
  • 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#586d8e
variable.other.generic-type.haskell#5395a3
storage.type.haskell#bf6189
support.variable.magic.python#586d8e
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#bfc3e2
variable.parameter.function.language.special.self.python#637bb4
storage.modifier.lifetime.rust#bfc3e2
support.function.std.rust#944b7b
entity.name.lifetime.rust#637bb4
variable.language.rust#586d8e
support.constant.edge#5395a3
constant.other.character-class.regexp#586d8e
keyword.operator.quantifier.regexp#bf6189
punctuation.definition.string.begin,punctuation.definition.string.end#266b80
variable.parameter.function#bfc3e2
comment markup.link#334362
markup.changed.diff#637bb4
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#944b7b
markup.inserted.diff#266b80
markup.deleted.diff#586d8e
meta.function.c,meta.function.cpp#586d8e
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#bfc3e2
punctuation.separator.key-value#bfc3e2
keyword.operator.expression.import#944b7b
support.constant.math#637bb4
support.constant.property.math#bf6189
variable.other.constant#637bb4
storage.type.annotation.java, storage.type.object.array.java#637bb4
source.java#586d8e
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#bfc3e2
meta.method.java#944b7b
storage.modifier.import.java,storage.type.java,storage.type.generic.java#637bb4
keyword.operator.instanceof.java#5395a3
meta.definition.variable.name.java#586d8e
keyword.operator.logical#8e7dc0
keyword.operator.bitwise#8e7dc0
keyword.operator.channel#8e7dc0
support.constant.property-value.scss,support.constant.property-value.css#bf6189
keyword.operator.css,keyword.operator.scss,keyword.operator.less#8e7dc0
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#bf6189
punctuation.separator.list.comma.css#bfc3e2
support.constant.color.w3c-standard-color-name.css#bf6189
support.type.vendored.property-name.css#8e7dc0
support.module.node,support.type.object.module,support.module.node#637bb4
entity.name.type.module#637bb4
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#586d8e
support.constant.json#bf6189
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#5395a3
support.type.object.console#586d8e
support.variable.property.process#bf6189
entity.name.function,support.function.console#944b7b
keyword.operator.misc.rust#bfc3e2
keyword.operator.sigil.rust#5395a3
keyword.operator.delete#5395a3
support.type.object.dom#8e7dc0
support.variable.dom,support.variable.property.dom#586d8e
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#8e7dc0
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#5395a3
punctuation.separator.delimiter#bfc3e2
punctuation.separator.c,punctuation.separator.cpp#5395a3
support.type.posix-reserved.c,support.type.posix-reserved.cpp#8e7dc0
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#5395a3
variable.parameter.function.language.python#bf6189
support.type.python#8e7dc0
keyword.operator.logical.python#5395a3
variable.parameter.function.python#bf6189
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#bfc3e2
meta.function-call.generic.python#944b7b
constant.character.format.placeholder.other.python#bf6189
keyword.operator#bfc3e2
keyword.operator.assignment.compound#5395a3
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#8e7dc0
keyword#5395a3
entity.name.namespace#637bb4
variable#586d8e
variable.c#bfc3e2
variable.language#637bb4
token.variable.parameter.java#bfc3e2
import.storage.java#637bb4
token.package.keyword#5395a3
token.package#bfc3e2
entity.name.function, meta.require, support.function.any-method, variable.function#944b7b
entity.name.type.namespace#637bb4
support.class, entity.name.type.class#637bb4
entity.name.class.identifier.namespace.type#637bb4
entity.name.class, variable.other.class.js, variable.other.class.ts#637bb4
variable.other.class.php#586d8e
entity.name.type#637bb4
keyword.control#5395a3
control.elements, keyword.operator.less#bf6189
keyword.other.special-method#944b7b
storage#5395a3
token.storage#5395a3
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#5395a3
token.storage.type.java#637bb4
support.function#8e7dc0
support.type.property-name#bfc3e2
support.constant.property-value#bfc3e2
support.constant.font-name#bf6189
meta.tag#bfc3e2
string#266b80
entity.other.inherited-class#637bb4
constant.other.symbol#8e7dc0
constant.numeric#bf6189
constant#bf6189
punctuation.definition.constant#bf6189
entity.name.tag#586d8e
entity.other.attribute-name#bf6189
entity.other.attribute-name.id#944b7bnormal
entity.other.attribute-name.class.css#bf6189normal
meta.selector#5395a3
markup.heading#586d8e
markup.heading punctuation.definition.heading, entity.name.section#944b7b
keyword.other.unit#586d8e
markup.bold,todo.bold#bf6189
punctuation.definition.bold#637bb4
markup.italic, punctuation.definition.italic,todo.emphasis#5395a3
emphasis md#5395a3
entity.name.section.markdown#586d8e
punctuation.definition.heading.markdown#586d8e
punctuation.definition.list.begin.markdown#586d8e
markup.heading.setext#bfc3e2
punctuation.definition.bold.markdown#bf6189
markup.inline.raw.markdown#266b80
markup.inline.raw.string.markdown#266b80
punctuation.definition.list.markdown#586d8e
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#586d8e
beginning.punctuation.definition.list.markdown#586d8e
punctuation.definition.metadata.markdown#586d8e
markup.underline.link.markdown,markup.underline.link.image.markdown#5395a3
string.other.link.title.markdown,string.other.link.description.markdown#944b7b
string.regexp#8e7dc0
constant.character.escape#8e7dc0
punctuation.section.embedded, variable.interpolation#586d8e
punctuation.section.embedded.begin,punctuation.section.embedded.end#5395a3
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#bfc3e2
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#586d8e
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#586d8e
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#266b80
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#8e7dc0
support.type.property-name.json#586d8e
support.type.property-name.json punctuation#586d8e
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#5395a3
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#5395a3
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#637bb4
keyword.operator.error-control.php#5395a3
keyword.operator.type.php#5395a3
punctuation.section.array.begin.php#bfc3e2
punctuation.section.array.end.php#bfc3e2
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#637bb4
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#944b7b
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#bfc3e2
support.constant.core.rust#bf6189
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#bf6189
entity.name.goto-label.php,support.other.php#944b7b
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#8e7dc0
keyword.operator.regexp.php#5395a3
keyword.operator.comparison.php#8e7dc0
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#5395a3
meta.function.decorator.python#944b7b
support.token.decorator.python,meta.function.decorator.identifier.python#8e7dc0
function.parameter#bfc3e2
function.brace#bfc3e2
function.parameter.ruby, function.parameter.cs#bfc3e2
constant.language.symbol.ruby#8e7dc0
rgb-value#8e7dc0
inline-color-decoration rgb-value#bf6189
less rgb-value#bf6189
selector.sass#586d8e
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#637bb4
block.scope.end,block.scope.begin#bfc3e2
storage.type.cs#637bb4
entity.name.variable.local.cs#586d8e
token.info-token#944b7b
token.warn-token#bf6189
token.error-token#f44747
token.debug-token#5395a3
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#5395a3
meta.template.expression#bfc3e2
keyword.operator.module#5395a3
support.type.type.flowtype#944b7b
support.type.primitive#637bb4
meta.property.object#586d8e
variable.parameter.function.js#586d8e
keyword.other.template.begin#266b80
keyword.other.template.end#266b80
keyword.other.substitution.begin#266b80
keyword.other.substitution.end#266b80
keyword.operator.assignment#8e7dc0
keyword.operator.assignment.go#637bb4
keyword.operator.arithmetic.go, keyword.operator.address.go#5395a3
entity.name.package.go#637bb4
support.type.prelude.elm#8e7dc0
support.constant.elm#bf6189
punctuation.quasi.element#5395a3
constant.character.entity#586d8e
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#8e7dc0
entity.global.clojure#637bb4
meta.symbol.clojure#586d8e
constant.keyword.clojure#8e7dc0
meta.arguments.coffee, variable.parameter.function.coffee#586d8e
source.ini#266b80
meta.scope.prerequisites.makefile#586d8e
source.makefile#637bb4
storage.modifier.import.groovy#637bb4
meta.method.groovy#944b7b
meta.definition.variable.name.groovy#586d8e
meta.definition.class.inherited.classes.groovy#266b80
support.variable.semantic.hlsl#637bb4
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#5395a3
text.variable, text.bracketed#586d8e
support.type.swift, support.type.vb.asp#637bb4
entity.name.function.xi#637bb4
entity.name.class.xi#8e7dc0
constant.character.character-class.regexp.xi#586d8e
constant.regexp.xi#5395a3
keyword.control.xi#8e7dc0
invalid.xi#bfc3e2
beginning.punctuation.definition.quote.markdown.xi#266b80
beginning.punctuation.definition.list.markdown.xi#334362
constant.character.xi#944b7b
accent.xi#944b7b
wikiword.xi#bf6189
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#334362
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#637bb4
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#586d8e
meta.brace.square#bfc3e2
comment, punctuation.definition.comment#334362italic
markup.quote.markdown#334362
punctuation.definition.block.sequence.item.yaml#bfc3e2
constant.language.symbol.elixir#8e7dc0
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...

Do You Even Dev, bro? by hmseeb - VS Code Theme