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.activeBorder#ec775c
  • activityBar.background#22272e
  • activityBar.border#444c56
  • activityBar.foreground#adbac7
  • activityBar.inactiveForeground#768390
  • activityBarBadge.background#316dca
  • activityBarBadge.foreground#cdd9e5
  • badge.background#316dca
  • badge.foreground#cdd9e5
  • breadcrumb.activeSelectionForeground#768390
  • breadcrumb.focusForeground#adbac7
  • breadcrumb.foreground#768390
  • breadcrumbPicker.background#2d333b
  • button.background#347d39
  • button.foreground#ffffff
  • button.hoverBackground#46954a
  • button.secondaryBackground#3d444d
  • button.secondaryForeground#adbac7
  • button.secondaryHoverBackground#444c56
  • checkbox.background#2d333b
  • checkbox.border#444c56
  • debugConsole.errorForeground#ff938a
  • debugConsole.infoForeground#768390
  • debugConsole.sourceForeground#daaa3f
  • debugConsole.warningForeground#c69026
  • debugConsoleInputIcon.foreground#b083f0
  • debugIcon.breakpointForeground#e5534b
  • debugTokenExpression.boolean#6bc46d
  • debugTokenExpression.error#ff938a
  • debugTokenExpression.name#6cb6ff
  • debugTokenExpression.number#6bc46d
  • debugTokenExpression.string#96d0ff
  • debugTokenExpression.value#96d0ff
  • debugToolBar.background#2d333b
  • descriptionForeground#768390
  • diffEditor.insertedLineBackground#347d3926
  • diffEditor.insertedTextBackground#57ab5a4d
  • diffEditor.removedLineBackground#c93c3726
  • diffEditor.removedTextBackground#f470674d
  • dropdown.background#2d333b
  • dropdown.border#444c56
  • dropdown.foreground#adbac7
  • dropdown.listBackground#2d333b
  • editor.background#22272e
  • editor.findMatchBackground#966600
  • editor.findMatchHighlightBackground#eac55f80
  • editor.focusedStackFrameHighlightBackground#46954a66
  • editor.foldBackground#636e7b1a
  • editor.foreground#adbac7
  • editor.lineHighlightBackground#636e7b1a
  • editor.linkedEditingBackground#539bf512
  • editor.selectionHighlightBackground#57ab5a40
  • editor.stackFrameHighlightBackground#ae7c1466
  • editor.wordHighlightBackground#636e7b80
  • editor.wordHighlightBorder#636e7b99
  • editor.wordHighlightStrongBackground#636e7b4d
  • editor.wordHighlightStrongBorder#636e7b99
  • editorBracketHighlight.foreground1#6cb6ff
  • editorBracketHighlight.foreground2#6bc46d
  • editorBracketHighlight.foreground3#daaa3f
  • editorBracketHighlight.foreground4#ff938a
  • editorBracketHighlight.foreground5#fc8dc7
  • editorBracketHighlight.foreground6#dcbdfb
  • editorBracketHighlight.unexpectedBracket.foreground#768390
  • editorBracketMatch.background#57ab5a40
  • editorBracketMatch.border#57ab5a99
  • editorCursor.foreground#539bf5
  • editorGroup.border#444c56
  • editorGroupHeader.tabsBackground#1c2128
  • editorGroupHeader.tabsBorder#444c56
  • editorGutter.addedBackground#46954a66
  • editorGutter.deletedBackground#e5534b66
  • editorGutter.modifiedBackground#ae7c1466
  • editorIndentGuide.activeBackground#adbac73d
  • editorIndentGuide.background#adbac71f
  • editorInlayHint.background#76839033
  • editorInlayHint.foreground#768390
  • editorInlayHint.paramBackground#76839033
  • editorInlayHint.paramForeground#768390
  • editorInlayHint.typeBackground#76839033
  • editorInlayHint.typeForeground#768390
  • editorLineNumber.activeForeground#adbac7
  • editorLineNumber.foreground#636e7b
  • editorOverviewRuler.border#1c2128
  • editorWhitespace.foreground#545d68
  • editorWidget.background#2d333b
  • errorForeground#e5534b
  • focusBorder#316dca
  • foreground#adbac7
  • gitDecoration.addedResourceForeground#57ab5a
  • gitDecoration.conflictingResourceForeground#cc6b2c
  • gitDecoration.deletedResourceForeground#e5534b
  • gitDecoration.ignoredResourceForeground#636e7b
  • gitDecoration.modifiedResourceForeground#c69026
  • gitDecoration.submoduleResourceForeground#768390
  • gitDecoration.untrackedResourceForeground#57ab5a
  • icon.foreground#768390
  • input.background#22272e
  • input.border#444c56
  • input.foreground#adbac7
  • input.placeholderForeground#636e7b
  • keybindingLabel.foreground#adbac7
  • list.activeSelectionBackground#636e7b66
  • list.activeSelectionForeground#adbac7
  • list.focusBackground#4184e426
  • list.focusForeground#adbac7
  • list.highlightForeground#539bf5
  • list.hoverBackground#636e7b1a
  • list.hoverForeground#adbac7
  • list.inactiveFocusBackground#4184e426
  • list.inactiveSelectionBackground#636e7b66
  • list.inactiveSelectionForeground#adbac7
  • minimapSlider.activeBackground#76839047
  • minimapSlider.background#76839033
  • minimapSlider.hoverBackground#7683903d
  • notificationCenterHeader.background#2d333b
  • notificationCenterHeader.foreground#768390
  • notifications.background#2d333b
  • notifications.border#444c56
  • notifications.foreground#adbac7
  • notificationsErrorIcon.foreground#e5534b
  • notificationsInfoIcon.foreground#539bf5
  • notificationsWarningIcon.foreground#c69026
  • panel.background#1c2128
  • panel.border#444c56
  • panelInput.border#444c56
  • panelTitle.activeBorder#ec775c
  • panelTitle.activeForeground#adbac7
  • panelTitle.inactiveForeground#768390
  • peekViewEditor.background#636e7b1a
  • peekViewEditor.matchHighlightBackground#ae7c1466
  • peekViewResult.background#22272e
  • peekViewResult.matchHighlightBackground#ae7c1466
  • pickerGroup.border#444c56
  • pickerGroup.foreground#768390
  • progressBar.background#316dca
  • quickInput.background#2d333b
  • quickInput.foreground#adbac7
  • scrollbar.shadow#545d6833
  • scrollbarSlider.activeBackground#76839047
  • scrollbarSlider.background#76839033
  • scrollbarSlider.hoverBackground#7683903d
  • settings.headerForeground#adbac7
  • settings.modifiedItemIndicator#ae7c1466
  • sideBar.background#1c2128
  • sideBar.border#444c56
  • sideBar.foreground#adbac7
  • sideBarSectionHeader.background#1c2128
  • sideBarSectionHeader.border#444c56
  • sideBarSectionHeader.foreground#adbac7
  • sideBarTitle.foreground#adbac7
  • statusBar.background#22272e
  • statusBar.border#444c56
  • statusBar.debuggingBackground#c93c37
  • statusBar.debuggingForeground#cdd9e5
  • statusBar.focusBorder#316dca80
  • statusBar.foreground#768390
  • statusBar.noFolderBackground#22272e
  • statusBarItem.activeBackground#adbac71f
  • statusBarItem.focusBorder#316dca
  • statusBarItem.hoverBackground#adbac714
  • statusBarItem.prominentBackground#636e7b66
  • statusBarItem.remoteBackground#444c56
  • statusBarItem.remoteForeground#adbac7
  • symbolIcon.arrayForeground#e0823d
  • symbolIcon.booleanForeground#539bf5
  • symbolIcon.classForeground#e0823d
  • symbolIcon.colorForeground#6cb6ff
  • symbolIcon.constantForeground#b4f1b4#8ddb8c#6bc46d#57ab5a#46954a#347d39#2b6a30#245829#1b4721#113417
  • symbolIcon.constructorForeground#dcbdfb
  • symbolIcon.enumeratorForeground#e0823d
  • symbolIcon.enumeratorMemberForeground#539bf5
  • symbolIcon.eventForeground#636e7b
  • symbolIcon.fieldForeground#e0823d
  • symbolIcon.fileForeground#c69026
  • symbolIcon.folderForeground#c69026
  • symbolIcon.functionForeground#b083f0
  • symbolIcon.interfaceForeground#e0823d
  • symbolIcon.keyForeground#539bf5
  • symbolIcon.keywordForeground#f47067
  • symbolIcon.methodForeground#b083f0
  • symbolIcon.moduleForeground#f47067
  • symbolIcon.namespaceForeground#f47067
  • symbolIcon.nullForeground#539bf5
  • symbolIcon.numberForeground#57ab5a
  • symbolIcon.objectForeground#e0823d
  • symbolIcon.operatorForeground#6cb6ff
  • symbolIcon.packageForeground#e0823d
  • symbolIcon.propertyForeground#e0823d
  • symbolIcon.referenceForeground#539bf5
  • symbolIcon.snippetForeground#539bf5
  • symbolIcon.stringForeground#6cb6ff
  • symbolIcon.structForeground#e0823d
  • symbolIcon.textForeground#6cb6ff
  • symbolIcon.typeParameterForeground#6cb6ff
  • symbolIcon.unitForeground#539bf5
  • symbolIcon.variableForeground#e0823d
  • tab.activeBackground#22272e
  • tab.activeBorder#22272e
  • tab.activeBorderTop#ec775c
  • tab.activeForeground#adbac7
  • tab.border#444c56
  • tab.hoverBackground#22272e
  • tab.inactiveBackground#1c2128
  • tab.inactiveForeground#768390
  • tab.unfocusedActiveBorder#22272e
  • tab.unfocusedActiveBorderTop#444c56
  • tab.unfocusedHoverBackground#636e7b1a
  • terminal.ansiBlack#545d68
  • terminal.ansiBlue#539bf5
  • terminal.ansiBrightBlack#636e7b
  • terminal.ansiBrightBlue#6cb6ff
  • terminal.ansiBrightCyan#56d4dd
  • terminal.ansiBrightGreen#6bc46d
  • terminal.ansiBrightMagenta#dcbdfb
  • terminal.ansiBrightRed#ff938a
  • terminal.ansiBrightWhite#cdd9e5
  • terminal.ansiBrightYellow#daaa3f
  • terminal.ansiCyan#39c5cf
  • terminal.ansiGreen#57ab5a
  • terminal.ansiMagenta#b083f0
  • terminal.ansiRed#f47067
  • terminal.ansiWhite#909dab
  • terminal.ansiYellow#c69026
  • terminal.foreground#adbac7
  • textBlockQuote.background#1c2128
  • textBlockQuote.border#444c56
  • textCodeBlock.background#636e7b66
  • textLink.activeForeground#539bf5
  • textLink.foreground#539bf5
  • textPreformat.foreground#768390
  • textSeparator.foreground#373e47
  • titleBar.activeBackground#22272e
  • titleBar.activeForeground#768390
  • titleBar.border#444c56
  • titleBar.inactiveBackground#1c2128
  • titleBar.inactiveForeground#768390
  • tree.indentGuidesStroke#373e47
  • welcomePage.buttonBackground#373e47
  • welcomePage.buttonHoverBackground#444c56

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#FAAAB1
variable.other.generic-type.haskell#E6AC7C
storage.type.haskell#E6AC7C
support.variable.magic.python#E6A1E6
punctuation.separator.element.python#E6AC7C
variable.parameter.function.language.special.self.python#E297DA
storage.modifier.lifetime.rust#abb2bf
support.function.std.rust#FFC66D
entity.name.lifetime.rust#e5c07b
variable.language.rust#FAAAB1
support.constant.edge#E6AC7C
constant.other.character-class.regexp#84C1EF
keyword.operator.quantifier.regexp#84C1EF
punctuation.definition.string.begin,punctuation.definition.string.end#A6D58C
variable.parameter.function#bfbeab
comment markup.link#5c6370
markup.changed.diff#e5c07b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#FFC66D
markup.inserted.diff#A6D58C
markup.deleted.diff#FAAAB1
meta.function.c,meta.function.cpp#FAAAB1
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#abb2bf
punctuation.separator.key-value#abb2bf
keyword.operator.expression.import#FFC66D
support.constant.math#DDABF8
support.constant.property.math#E6AC7C
variable.other.constant,variable.other.readwrite,variable.object.property#DDABF8
meta.definition.variable.js#DDABF8
comment.block.documentation#84CB71italic
storage.type.class.jsdoc#84CB71italic bold underline
variable.other.jsdoc,entity.name.type.instance.jsdoc#F1BA83
punctuation.terminator.statement.js,punctuation.separator.parameter.js,punctuation.separator.comma.js#E6AC7C
meta.decorator.js#D5CE2F
storage.type.annotation.java, storage.type.object.array.java#e5c07b
source.java#FAAAB1
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#abb2bf
meta.method.java#FFC66D
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e5c07b
keyword.operator.instanceof.java#E6AC7C
meta.definition.variable.name.java#FAAAB1
keyword.operator.logical#abb2bf
keyword.operator.bitwise#ACACFA
keyword.operator.channel#ACACFA
support.constant.property-value.scss,support.constant.property-value.css#A5C261
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ACACFA
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#A5C261
constant.other.color.rgb-value.hex.css,punctuation.definition.constant.css#84C1EF
variable.parameter.url.css#90BFF8
constant.other.unicode-range.css#E8BF6A
punctuation.separator.list.comma.css,punctuation.terminator.rule.css#E6AC7C
support.type.vendored.property-name.css#ACACFA
entity.other.attribute-name.class.css#E8BF6A
support.module.node,support.type.object.module,support.module.node#e5c07b
entity.name.type.module#A9B7C6
meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#DDABF8
support.variable.property,variable.other.property#DDABF8
support.constant.json#DDABF8
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#E6AC7C
support.type.object.console#FAAAB1
support.variable.property.process#E6AC7C
entity.name.function,support.function.console#FFC66D
support.variable.property.js,variable.other.property.js#DDABF8
keyword.operator.misc.rust#abb2bf
keyword.operator.sigil.rust#E6AC7C
keyword.operator.delete#E6AC7C
support.type.object.dom#ACACFA
support.variable.dom,support.variable.property.dom#FAAAB1
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational
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#E6AC7C
punctuation.separator.delimiter#abb2bf
punctuation.separator.c,punctuation.separator.cpp#E6AC7C
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ACACFA
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#E6AC7C
entity.name.type.cpp, meta.qualified_type.cpp, meta.function.definition.cpp, source.cpp#c3c3e4
variable.parameter.function.language.python#abb2bf
variable.parameter.function-call.python#AA4926
support.type.python#ACACFA
keyword.operator.logical.python#E6AC7C
variable.parameter.function.python#E6AC7C
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#bfb2ab
entity.name.function.decorator.python#D5CE2F
string.quoted.binary.single.python#A5C261
meta.function-call.generic.python#FFC66D
constant.character.format.placeholder.other.python#E6AC7C
keyword.operator#abb2bf
keyword.operator.assignment.compound#E6AC7C
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ACACFA
keyword#E6AC7C
entity.name.namespace#e5c07b
variable
variable.c#abb2bf
variable.language#E6AC7C
variable.language.special.self.python#E297DA
token.variable.parameter.java#abb2bf
import.storage.java#e5c07b
token.package.keyword#E6AC7C
token.package#abb2bf
entity.name.function, meta.require, support.function.any-method, variable.function#FFC66D
entity.name.type.namespace#e5c07b
support.class#DDABF8
support.class.builtin#DDABF8italic bold
entity.name.class.identifier.namespace.type#e5c07b
entity.name.class, variable.other.class.js, variable.other.class.ts#e5c07b
variable.other.class.php#FAAAB1
entity.name.type#e5c07b
keyword.control#E6AC7C
control.elements, keyword.operator.less#E6AC7C
keyword.other.special-method#E6AC7C
storage#E6AC7C
token.storage#E6AC7C
storage.type.function.arrow.js,#A9B7C6
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#E6AC7C
token.storage.type.java#e5c07b
support.function,#FFC66D
support.function.magic#E6A1E6
support.function.builtin#ACACFA
support.type.property-name#BABABA
support.constant.property-value#abb2bf
support.constant.font-name#E6AC7C
meta.tag#E8BF6A
meta.jsx#A9B7C6
string#A6D58C
constant.other.symbol#ACACFA
constant.numeric#84C1EF
constant#E6AC7C
constant.other.caps.python#A9B7C6
punctuation.definition.constant#E6AC7C
entity.name.tag#E8BF6A
entity.other.attribute-name#E6AC7C
entity.other.attribute-name.id#FFC66D
meta.selector#E8BF6A
markup.heading#FAAAB1
markup.heading punctuation.definition.heading, entity.name.section#FFC66D
keyword.other.unit#A5C261
markup.bold,todo.bold#E6AC7C
punctuation.definition.bold#e5c07b
markup.italic, punctuation.definition.italic,todo.emphasis#E6AC7C
emphasis md#E6AC7C
entity.name.section.markdown#DDABF8
punctuation.definition.heading.markdown#DDABF8
punctuation.definition.list.begin.markdown#E6AC7C
markup.heading.setext#abb2bf
punctuation.definition.bold.markdown#E6AC7C
markup.inline.raw.markdown#A6D58C
markup.inline.raw.string.markdown#B4B4B4
markup.fenced_code.block.markdown#B4B4B4
markup.raw.block.markdown#B4B4B4
punctuation.definition.list.markdown#FAAAB1
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#90BFF8
string.other.link.description.title.markdown#B4B4B4
beginning.punctuation.definition.list.markdown#90BFF8
punctuation.definition.metadata.markdown#A9B7C6
markup.underline.link.markdown,markup.underline.link.image.markdown,punctuation.definition.link.markdown#90BFF8
string.other.link.title.markdown,string.other.link.description.markdown#90BFF8
string.regexp#84C1EF
constant.character.escape#E6AC7C
punctuation.section.embedded, variable.interpolation#FAAAB1
punctuation.section.embedded.begin,punctuation.section.embedded.end#E6AC7C
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#abb2bf
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
string.quoted.docstring.multi.python#84CB71italic
source.json meta.structure.dictionary.json > string.quoted.json#FAAAB1
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#FAAAB1
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#A6D58C
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ACACFA
support.type.property-name.json#DDABF8
support.type.property-name.json punctuation#DDABF8
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#E6AC7C
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#E6AC7C
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#e5c07b
keyword.operator.error-control.php#E6AC7C
keyword.operator.type.php#E6AC7C
punctuation.section.array.begin.php#abb2bf
punctuation.section.array.end.php#abb2bf
invalid.illegal.non-null-typehinted.php#F48F8F
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e5c07b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#FFC66D
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#abb2bf
support.constant.core.rust#E6AC7C
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#E6AC7C
entity.name.goto-label.php,support.other.php#FFC66D
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ACACFA
keyword.operator.regexp.php#84C1EF
keyword.operator.comparison.php#ACACFA
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#E6AC7C
meta.function.decorator.python#FFC66D
support.token.decorator.python,meta.function.decorator.identifier.python#ACACFA
function.parameter#abb2bf
function.parameter.ruby, function.parameter.cs#abb2bf
constant.language.symbol.ruby#ACACFA
rgb-value#ACACFA
inline-color-decoration rgb-value#E6AC7C
less rgb-value#E6AC7C
selector.sass#FAAAB1
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#E6AC7C
block.scope.end,block.scope.begin#abb2bf
storage.type.cs#e5c07b
entity.name.variable.local.cs#FAAAB1
token.info-token#FFC66D
token.warn-token#E6AC7C
token.error-token#F48F8F
token.debug-token#E6AC7C
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#E6AC7C
meta.template.expression#abb2bf
keyword.operator.module#E6AC7C
support.type.type.flowtype#FFC66D
support.type.primitive#E6AC7C
meta.property.object#FAAAB1
variable.parameter.function.js#FAAAB1
keyword.other.template.begin#A6D58C
keyword.other.template.end#A6D58C
keyword.other.substitution.begin#A6D58C
keyword.other.substitution.end#A6D58C
keyword.operator.assignment
keyword.operator.assignment.go
keyword.operator.arithmetic.go, keyword.operator.address.go
entity.name.type.go#A9B7C6
entity.name.package.go, entity.alias.import.go#AFBF7E
support.function.go#B09D79
string.quoted.rune.go, constant.other.rune.go#A6D58C
punctuation.other.comma.go, punctuation.terminator.go#E6AC7C
support.function.builtin.go#E6AC7C
support.type.prelude.elm#ACACFA
support.constant.elm#E6AC7C
punctuation.quasi.element#E6AC7C
constant.character.entity#6D9CBE
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ACACFA
entity.global.clojure#e5c07b
meta.symbol.clojure#FAAAB1
constant.keyword.clojure#ACACFA
meta.arguments.coffee, variable.parameter.function.coffee#FAAAB1
source.ini#A6D58C
meta.scope.prerequisites.makefile#FAAAB1
source.makefile#e5c07b
storage.modifier.import.groovy#e5c07b
meta.method.groovy#FFC66D
meta.definition.variable.name.groovy#FAAAB1
meta.definition.class.inherited.classes.groovy#A6D58C
support.variable.semantic.hlsl#e5c07b
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#E6AC7C
text.variable, text.bracketed#FAAAB1
support.type.swift, support.type.vb.asp#e5c07b
entity.name.function.xi#e5c07b
entity.name.class.xi#ACACFA
constant.character.character-class.regexp.xi#84C1EF
constant.regexp.xi#84C1EF
keyword.control.xi#ACACFA
invalid.xi#abb2bf
beginning.punctuation.definition.quote.markdown.xi#A6D58C
beginning.punctuation.definition.list.markdown.xi#84CB71
constant.character.xi#FFC66D
accent.xi#FFC66D
wikiword.xi#E6AC7C
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5c6370
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e5c07b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#DDABF8
meta.separator.markdown#B4B4B4
comment, punctuation.definition.comment#7f848e
markup.quote.markdown#A6D58C
punctuation.definition.block.sequence.item.yaml#abb2bf
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#ACACFA
entity.name.variable.parameter.cs#e5c07b
entity.name.variable.field.cs#FAAAB1
markup.deleted#FAAAB1
markup.inserted#A6D58C
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#F27B71
support.other.namespace.php#abb2bf
variable.other.object#DDABF8italic bold
variable.other.constant.property#DDABF8
entity.other.inherited-class#e5c07b

Shiki preview

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

Loading...