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#111115
  • activityBar.foreground#d5c7e8
  • activityBar.inactiveForeground#d5c7e854
  • activityBarBadge.background#d5c7e8
  • activityBarBadge.foreground#5b0ec2
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#111115
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#d5c7e8
  • button.background#382f43
  • button.foreground#d5c7e8
  • button.hoverBackground#382f43
  • button.secondaryBackground#f4ede41a
  • button.secondaryForeground#f4ede4
  • button.secondaryHoverBackground#f4ede433
  • checkbox.background#382f43
  • checkbox.border#00000000
  • checkbox.foreground#d5c7e8
  • debugExceptionWidget.background#111115
  • debugExceptionWidget.border#282828
  • debugToolBar.background#111115
  • debugToolBar.border#282828
  • diffEditor.border#282828
  • diffEditor.insertedTextBackground#c9e3bc1a
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#ffbec812
  • dropdown.background#382f43
  • dropdown.border#00000000
  • dropdown.foreground#d5c7e8
  • editor.background#111115
  • editor.findMatchBackground#382f43
  • editor.findMatchBorder#382f43
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#382f43
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#382f43
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#382f43
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#3d3349
  • 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#444444
  • editorGroup.emptyBackground#111115
  • editorGroupHeader.border#282828
  • editorGroupHeader.tabsBackground#111115
  • editorGroupHeader.tabsBorder#282828
  • editorGutter.addedBackground#c9e3bc
  • editorGutter.background#111115
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ffbec8
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#aee0e4
  • editorHoverWidget.background#0f0707
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#d5c7e8
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#d5c7e8
  • editorMarkerNavigation.background#111115
  • editorMarkerNavigationError.background#ffbec866
  • editorMarkerNavigationInfo.background#aee0e480
  • editorMarkerNavigationWarning.background#f3e5ab80
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#282828
  • editorSuggestWidget.background#111115
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#d5c7e8
  • editorSuggestWidget.selectedBackground#382f43
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#111115
  • editorWidget.foreground#f4ede4b3
  • editorWidget.resizeBorder#282828
  • focusBorder#d5c7e8
  • foreground#d5c7e8
  • gitDecoration.addedResourceForeground#c9e3bc
  • gitDecoration.conflictingResourceForeground#ffbec8
  • gitDecoration.deletedResourceForeground#bc3e51
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#f3e5ab
  • gitDecoration.stageDeletedResourceForeground#bc3e51
  • gitDecoration.stageModifiedResourceForeground#f3e5ab
  • gitDecoration.submoduleResourceForeground#d5c7e8
  • gitDecoration.untrackedResourceForeground#f4ede4
  • icon.foreground#d5c7e8
  • input.background#382f43
  • input.border#00000000
  • input.foreground#d5c7e8
  • input.placeholderForeground#6a5e79
  • inputOption.activeBackground#d5c7e860
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#d5c7e8
  • list.activeSelectionBackground#382f43
  • list.activeSelectionForeground#d5c7e8
  • list.dropBackground#382f434c
  • list.focusBackground#382f43
  • list.focusForeground#cccccc
  • list.highlightForeground#d1c3e6
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#382f43
  • list.inactiveSelectionForeground#d5c7e8
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#111115
  • menu.border#282828
  • menu.foreground#f4ede4
  • menu.selectionBackground#382f43
  • menu.selectionBorder#00000000
  • menu.selectionForeground#d5c7e8
  • menu.separatorBackground#282828
  • menubar.selectionBackground#382f43
  • menubar.selectionBorder#000000
  • menubar.selectionForeground#d5c7e8
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#111115
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#382f43
  • minimap.selectionHighlight#382f43
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#c9e3bc
  • minimapGutter.deletedBackground#ffbec8
  • minimapGutter.modifiedBackground#aee0e4
  • notificationCenter.border#282828
  • notificationCenterHeader.background#111115
  • notificationCenterHeader.foreground#d5c7e8
  • notifications.background#111115
  • notifications.border#282828
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ffbec8
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#f3e5ab
  • notificationToast.border#474747
  • panel.background#111115
  • panel.border#282828
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#d5c7e8
  • panelTitle.inactiveForeground#f4ede481
  • peekView.border#282828
  • peekViewEditor.background#111115
  • peekViewEditor.matchHighlightBackground#382f43
  • peekViewEditor.matchHighlightBorder#ee931e00
  • peekViewEditorGutter.background#111115
  • peekViewResult.background#111115
  • peekViewResult.fileForeground#c0c0c0
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#382f43
  • peekViewResult.selectionBackground#382f43
  • peekViewResult.selectionForeground#d5c7e8
  • peekViewTitle.background#111115
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#282828
  • pickerGroup.foreground#d5c7e8
  • progressBar.background#d5c7e8
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#5d5369
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#d5c7e8
  • sideBar.background#111115
  • sideBar.border#282828
  • sideBar.dropBackground#382f434c
  • sideBar.foreground#f4ede499
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#a93b3b00
  • sideBarSectionHeader.foreground#d5c7e8
  • sideBarTitle.foreground#d5c7e8
  • statusBar.background#111115
  • statusBar.border#282828
  • statusBar.debuggingBackground#382f43
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#d5c7e8
  • statusBar.noFolderBackground#111115
  • statusBar.noFolderBorder#282828
  • statusBar.noFolderForeground#d5c7e8
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff14
  • statusBarItem.remoteBackground#382f43
  • statusBarItem.remoteForeground#d5c7e8
  • tab.activeBackground#d5c7e81a
  • tab.activeBorder#282828
  • tab.activeBorderTop#282828
  • tab.activeForeground#d5c7e8
  • tab.border#282828
  • tab.hoverBorder#282828
  • tab.inactiveBackground#111115
  • tab.inactiveForeground#f4ede47a
  • 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#382f43
  • terminalCursor.foreground#ffffff
  • textLink.foreground#d5c7e8
  • titleBar.activeBackground#111115
  • titleBar.activeForeground#d5c7e8
  • titleBar.border#282828
  • titleBar.inactiveBackground#111115
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#d5c7e826
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000064

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

pastellize - Coding Theme