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#262626
  • activityBar.background#171717
  • activityBar.border#00000000
  • activityBar.foreground#868686
  • activityBar.inactiveForeground#a3a3a366
  • activityBarBadge.background#2b6a7d
  • activityBarBadge.foreground#ffffff
  • badge.background#1e6d44
  • badge.foreground#d7d7d7
  • breadcrumb.activeSelectionForeground#bababa
  • breadcrumb.background#1b1b1b
  • breadcrumb.focusForeground#bababa
  • breadcrumb.foreground#9d9d9dcc
  • button.background#2b5c55
  • button.foreground#cdbcb4
  • button.hoverBackground#3a715a
  • button.secondaryBackground#2c2c2c
  • button.secondaryForeground#a9a9a9
  • button.secondaryHoverBackground#363636
  • checkbox.background#1f1f1f
  • checkbox.border#00000000
  • checkbox.foreground#949494
  • debugExceptionWidget.background#1d1d1d
  • debugExceptionWidget.border#2c2c2c
  • debugToolBar.background#1d1d1d
  • debugToolBar.border#2c2c2c
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#103f0633
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#710d0d33
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#1f1f1f
  • dropdown.border#00000000
  • dropdown.foreground#949494
  • editor.background#151515
  • editor.findMatchBackground#233210
  • editor.findMatchBorder#34343400
  • editor.findMatchHighlightBackground#39796455
  • editor.findMatchHighlightBorder#4b4b4b00
  • editor.findRangeHighlightBackground#24242466
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#3426204d
  • editor.foreground#5a5a5a
  • editor.hoverHighlightBackground#8a1c8e40
  • editor.inactiveSelectionBackground#212121
  • editor.lineHighlightBackground#00000000
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#282322
  • editor.selectionHighlightBackground#68686826
  • editor.selectionHighlightBorder#32323200
  • editor.wordHighlightBackground#283013b8
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#152151b8
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#297786
  • editorBracketHighlight.foreground2#15977d
  • editorBracketHighlight.foreground3#729e33
  • editorBracketHighlight.foreground4#7fb472
  • editorBracketMatch.background#00000000
  • editorBracketMatch.border#4b3973
  • editorCodeLens.foreground#4f4f4f
  • editorCursor.background#00000000
  • editorCursor.foreground#a9a9a97f
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#902525
  • editorGroup.border#00000000
  • editorGroup.emptyBackground#151515
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#151515
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#145611
  • editorGutter.background#151515
  • editorGutter.commentRangeForeground#605e5e
  • editorGutter.deletedBackground#6f1616
  • editorGutter.foldingControlForeground#605e5e
  • editorGutter.modifiedBackground#213e6d
  • editorHoverWidget.background#1d1d1d
  • editorHoverWidget.border#363636
  • editorHoverWidget.foreground#717171
  • editorIndentGuide.activeBackground#2c2c2c
  • editorIndentGuide.background#2c2c2c
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#664388
  • editorLineNumber.activeForeground#969696
  • editorLineNumber.foreground#4d4d4d
  • editorLink.activeForeground#4882ab
  • editorMarkerNavigation.background#1f1f1f
  • editorMarkerNavigationError.background#6d2424
  • editorMarkerNavigationInfo.background#275075
  • editorMarkerNavigationWarning.background#625725
  • editorOverviewRuler.background#1b1b1b
  • editorOverviewRuler.border#6060604d
  • editorRuler.foreground#2e2e2e
  • editorSuggestWidget.background#151515
  • editorSuggestWidget.border#363636
  • editorSuggestWidget.foreground#6d6d6d
  • editorSuggestWidget.highlightForeground#595fba
  • editorSuggestWidget.selectedBackground#242424
  • editorUnnecessaryCode.border#383838
  • editorUnnecessaryCode.opacity#ff0000a1
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#7f8223
  • editorWhitespace.foreground#b6b6b629
  • editorWidget.background#1b1b1b
  • editorWidget.foreground#8a8a8a
  • editorWidget.resizeBorder#515151
  • focusBorder#5c5c5c
  • foreground#969696
  • gitDecoration.addedResourceForeground#639945
  • gitDecoration.conflictingResourceForeground#6e548c
  • gitDecoration.deletedResourceForeground#a74736
  • gitDecoration.ignoredResourceForeground#777777
  • gitDecoration.modifiedResourceForeground#9b873a
  • gitDecoration.stageDeletedResourceForeground#a33751
  • gitDecoration.stageModifiedResourceForeground#8a6759
  • gitDecoration.submoduleResourceForeground#517392
  • gitDecoration.untrackedResourceForeground#4c9983
  • icon.foreground#848484
  • input.background#1f1f1f
  • input.border#00000000
  • input.foreground#949494
  • input.placeholderForeground#5a5252
  • inputOption.activeBackground#3c3f4166
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#909090
  • list.activeSelectionBackground#242424
  • list.activeSelectionForeground#bababa
  • list.dropBackground#1d1d1d
  • list.focusBackground#323232
  • list.focusForeground#dbdbdb
  • list.highlightForeground#3293b2
  • list.hoverBackground#1f1f1f
  • list.hoverForeground#adadad
  • list.inactiveSelectionBackground#212121
  • list.inactiveSelectionForeground#cbcbcb
  • listFilterWidget.background#262626
  • listFilterWidget.noMatchesOutline#711e29
  • listFilterWidget.outline#00000000
  • menu.background#1d1d1d
  • menu.border#2c2c2c
  • menu.foreground#999999
  • menu.selectionBackground#262626
  • menu.selectionBorder#00000000
  • menu.selectionForeground#bababa
  • menu.separatorBackground#2c2c2c
  • menubar.selectionBackground#9292921a
  • menubar.selectionBorder#000000
  • menubar.selectionForeground#b8b8b8
  • merge.commonContentBackground#1f1f1f
  • merge.commonHeaderBackground#2a2a2a
  • merge.currentContentBackground#192820
  • merge.currentHeaderBackground#0e3f33
  • merge.incomingContentBackground#1f243d
  • merge.incomingHeaderBackground#213751
  • minimap.background#151515
  • minimap.errorHighlight#902525
  • minimap.findMatchHighlight#233210
  • minimap.selectionHighlight#282322
  • minimap.warningHighlight#7f8223
  • minimapGutter.addedBackground#145611
  • minimapGutter.deletedBackground#6f1616
  • minimapGutter.modifiedBackground#213e6d
  • notificationCenter.border#2e2b2b
  • notificationCenterHeader.background#242424
  • notificationCenterHeader.foreground#a5a5a5
  • notifications.background#1b1b1b
  • notifications.border#2f2f32
  • notifications.foreground#8e8e8e
  • notificationsErrorIcon.foreground#942f2f
  • notificationsInfoIcon.foreground#44629b
  • notificationsWarningIcon.foreground#7d7034
  • notificationToast.border#282828
  • panel.background#151515
  • panel.border#3b3b3b59
  • panelSection.border#47474759
  • panelTitle.activeBorder#1d4e8c
  • panelTitle.activeForeground#c2c2c2
  • panelTitle.inactiveForeground#c2c2c299
  • peekView.border#133241
  • peekViewEditor.background#12151b
  • peekViewEditor.matchHighlightBackground#16314999
  • peekViewEditor.matchHighlightBorder#20433b
  • peekViewEditorGutter.background#12151b
  • peekViewResult.background#191919
  • peekViewResult.fileForeground#8a8080
  • peekViewResult.lineForeground#adadad
  • peekViewResult.matchHighlightBackground#5d2ab64d
  • peekViewResult.selectionBackground#47474733
  • peekViewResult.selectionForeground#b4b4b4
  • peekViewTitle.background#1d1d1d
  • peekViewTitleDescription.foreground#888888b3
  • peekViewTitleLabel.foreground#ababab
  • pickerGroup.border#00000000
  • pickerGroup.foreground#626262
  • progressBar.background#244b77
  • scrollbar.shadow#0f0f0f
  • scrollbarSlider.activeBackground#4f4f4f66
  • scrollbarSlider.background#2a2a2a66
  • scrollbarSlider.hoverBackground#2a2a2ab3
  • selection.background#585858
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#848484
  • sideBar.background#191919
  • sideBar.border#32323200
  • sideBar.dropBackground#1d1d1d
  • sideBar.foreground#8c8c8c
  • sideBarSectionHeader.background#212121
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#ababab
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#212a34
  • statusBar.border#00000000
  • statusBar.debuggingBackground#2c2136
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#9d9d9d
  • statusBar.foreground#949494
  • statusBar.noFolderBackground#32212a
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#a5a5a5
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff0c
  • statusBarItem.remoteBackground#ffffff0e
  • statusBarItem.remoteForeground#bcbcbc
  • tab.activeBackground#1b1b1b
  • tab.activeBorder#105d7b
  • tab.activeBorderTop#00000000
  • tab.activeForeground#a3a3a3
  • tab.border#282828
  • tab.hoverBackground#1b1b1b
  • tab.hoverBorder#253e88
  • tab.hoverForeground#a3a3a3
  • tab.inactiveBackground#171717
  • tab.inactiveForeground#9d9d9d80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2366a1
  • terminal.ansiBrightBlack#3b3b3b
  • terminal.ansiBrightBlue#6195cf
  • terminal.ansiBrightCyan#42ba9e
  • terminal.ansiBrightGreen#52b854
  • terminal.ansiBrightMagenta#b964d1
  • terminal.ansiBrightRed#c24a4a
  • terminal.ansiBrightWhite#f2f2f2
  • terminal.ansiBrightYellow#b0b03b
  • terminal.ansiCyan#0ea590
  • terminal.ansiGreen#56a13b
  • terminal.ansiMagenta#a73696
  • terminal.ansiRed#a7232f
  • terminal.ansiWhite#c0c0c0
  • terminal.ansiYellow#947a2b
  • terminal.border#47474759
  • terminal.foreground#888888
  • terminal.selectionBackground#32323240
  • terminalCursor.background#5c5c5c7f
  • terminalCursor.foreground#848484
  • textLink.foreground#5c7bd7
  • titleBar.activeBackground#1f1f1f
  • titleBar.activeForeground#8a8888
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1f1f1f
  • titleBar.inactiveForeground#8a8888
  • tree.indentGuidesStroke#383838
  • walkThrough.embeddedEditorBackground#00000050
  • welcomePage.progress.foreground#2d7c94
  • widget.shadow#0808085c

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

Yours Sincerely Theme - Coding Theme