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#10262e
  • activityBar.activeBorder#ffffff
  • activityBar.activeFocusBorder#0080ff
  • activityBar.background#10262e
  • activityBar.border#222222
  • activityBar.dropBackground#222222
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#6c7d80
  • activityBarBadge.background#0040ff
  • activityBarBadge.foreground#ffffff
  • badge.background#0040ff
  • badge.foreground#F2F2F2
  • breadcrumb.activeSelectionForeground#0080FF
  • breadcrumb.background#001314
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#999999
  • breadcrumbPicker.background#080808
  • button.background#0040ff
  • button.foreground#ffffff
  • button.hoverBackground#0080ff
  • checkbox.background#ff0000
  • checkbox.border#ff0000
  • checkbox.foreground#ff0000
  • debugToolBar.background#080808
  • descriptionForeground#777777
  • diffEditor.insertedTextBackground#00ff0009
  • diffEditor.insertedTextBorder#00ff0009
  • diffEditor.removedTextBackground#FF000009
  • diffEditor.removedTextBorder#FF000009
  • dropdown.background#080808
  • dropdown.border#222222
  • dropdown.foreground#ffffff
  • dropdown.listBackground#000000
  • editor.background#011718
  • editor.findMatchBackground#0050a4
  • editor.findMatchBorder#0050a4
  • editor.findMatchHighlightBackground#0080ff44
  • editor.findMatchHighlightBorder#0080ff44
  • editor.findRangeHighlightBackground#ff0000
  • editor.findRangeHighlightBorder#ff0000
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#ff0000
  • editor.inactiveSelectionBackground#0050A4
  • editor.lineHighlightBackground#1e1e1e
  • editor.lineHighlightBorder#1e1e1e
  • editor.selectionBackground#0080ff88
  • editor.selectionForeground#ff0000
  • editor.selectionHighlightBackground#0080ff55
  • editor.selectionHighlightBorder#000000
  • editor.wordHighlightBackground#000000
  • editor.wordHighlightBorder#0080ff
  • editor.wordHighlightStrongBackground#000000
  • editor.wordHighlightStrongBorder#0080ff
  • editorBracketMatch.background#080808
  • editorBracketMatch.border#747d9180
  • editorCodeLens.foreground#555555
  • editorCursor.background#ffffff
  • editorCursor.foreground#0040ff
  • editorError.border#000000
  • editorError.foreground#ec3a37f5
  • editorGroup.border#222222
  • editorGroup.dropBackground#222222ab
  • editorGroup.emptyBackground#000000
  • editorGroup.focusedEmptyBorder#0040ff
  • editorGroupHeader.border#222222
  • editorGroupHeader.noTabsBackground#000000
  • editorGroupHeader.tabsBackground#10262e
  • editorGroupHeader.tabsBorder#000000
  • editorGutter.addedBackground#00ff00
  • editorGutter.background#001314
  • editorGutter.deletedBackground#ff0000
  • editorGutter.modifiedBackground#0080ff
  • editorHint.border#000000
  • editorHint.foreground#00ff00
  • editorHoverWidget.background#080808
  • editorHoverWidget.border#181a1f
  • editorHoverWidget.statusBarBackground#181a1f
  • editorIndentGuide.background#222222
  • editorInfo.border#000000
  • editorInfo.foreground#0080ff
  • editorLineNumber.activeForeground#ff0000
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#0080ff
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#ec3a37f5
  • editorMarkerNavigationInfo.background#0080ff
  • editorMarkerNavigationWarning.background#fad000
  • editorOverviewRuler.border#080808
  • editorPane.background#ff0000
  • editorSuggestWidget.background#080808
  • editorSuggestWidget.border#181a1f
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#0080ff
  • editorSuggestWidget.selectedBackground#2c313a
  • editorUnnecessaryCode.border#000000
  • editorUnnecessaryCode.opacity#00000080
  • editorWarning.border#000000
  • editorWarning.foreground#fad000
  • editorWhitespace.foreground#444444
  • editorWidget.background#000000
  • editorWidget.border#000000
  • errorForeground#ec3a37f5
  • extensionButton.prominentBackground#0080ff
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#0056ac
  • focusBorder#0040FF
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#ff0000
  • gitDecoration.conflictingResourceForeground#FF7200
  • gitDecoration.deletedResourceForeground#EC3A37F5
  • gitDecoration.ignoredResourceForeground#777777
  • gitDecoration.modifiedResourceForeground#ffe770
  • gitDecoration.submoduleResourceForeground#ff0000
  • gitDecoration.untrackedResourceForeground#69b94c
  • gitlens.trailingLineForegroundColor#555555
  • icon.foreground#ffffff
  • input.background#080808
  • input.border#333333
  • input.foreground#ffffff
  • input.placeholderForeground#999999
  • inputOption.activeBackground#080808
  • inputOption.activeBorder#0040FF
  • inputValidation.errorBackground#ec3a37b7
  • inputValidation.errorBorder#ec3a37f5
  • inputValidation.errorForeground#F2F2F2
  • inputValidation.infoBackground#0080ff
  • inputValidation.infoBorder#0080ff
  • inputValidation.infoForeground#F2F2F2
  • inputValidation.warningBackground#fad000
  • inputValidation.warningBorder#fad000
  • inputValidation.warningForeground#F2F2F2
  • list.activeSelectionBackground#222222
  • list.activeSelectionForeground#ffffff
  • list.deemphasizedForeground#ff0000
  • list.dropBackground#222222
  • list.errorForeground#ec3a37f5
  • list.filterMatchBackground#0080ff
  • list.filterMatchBorder#0080ff
  • list.focusBackground#222222
  • list.focusForeground#ffffff
  • list.highlightForeground#0080ff
  • list.hoverBackground#181818
  • list.hoverForeground#ffffff
  • list.inactiveFocusBackground#181818
  • list.inactiveSelectionBackground#10262e
  • list.inactiveSelectionForeground#ffffff
  • list.invalidItemForeground#ff0000
  • list.warningForeground#fad000
  • listFilterWidget.background#0040ff
  • listFilterWidget.noMatchesOutline#ec3a37f5
  • listFilterWidget.outline#0040ff
  • minimap.background#001314
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#0080ff66
  • minimap.selectionHighlight#0080ff
  • minimap.warningHighlight#ff0000
  • minimapGutter.addedBackground#00ff00
  • minimapGutter.deletedBackground#ff0000
  • minimapGutter.modifiedBackground#0080ff
  • minimapSlider.activeBackground#79797963
  • minimapSlider.background#79797963
  • minimapSlider.hoverBackground#79797963
  • notificationCenter.border#222222
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#FFFFFF
  • notificationLink.foreground#0080ff
  • notifications.background#000000
  • notifications.foreground#FFFFFF
  • notificationToast.border#222222
  • panel.background#001314
  • panel.border#a8a8a8
  • panel.dropBackground#080808ab
  • panelTitle.activeBorder#0080FF
  • panelTitle.activeForeground#FFFFFF
  • panelTitle.inactiveForeground#c2c2c2
  • peekViewTitleDescription.foreground#333333
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#0080ff
  • pickerGroup.foreground#979797
  • progressBar.background#0040ff
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#252525
  • scrollbarSlider.background#222222
  • scrollbarSlider.hoverBackground#222222
  • selection.background#0080ff
  • settings.checkboxBackground#080808
  • settings.checkboxBorder#333333
  • settings.checkboxForeground#ffffff
  • settings.dropdownBackground#080808
  • settings.dropdownBorder#333333
  • settings.dropdownForeground#ffffff
  • settings.dropdownListBorder#ff0000
  • settings.headerForeground#ffffff
  • settings.modifiedItemIndicator#0040ff
  • settings.numberInputBackground#080808
  • settings.numberInputBorder#333333
  • settings.numberInputForeground#ffffff
  • settings.textInputBackground#080808
  • settings.textInputBorder#333333
  • settings.textInputForeground#ffffff
  • sideBar.background#111111
  • sideBar.border#222222
  • sideBar.dropBackground#ff0000
  • sideBar.foreground#999999
  • sideBarSectionHeader.background#111111
  • sideBarSectionHeader.border#111111
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#000000
  • statusBar.border#111111
  • statusBar.debuggingBackground#000000
  • statusBar.debuggingBorder#080808
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#121619
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#d1d1d1
  • statusBarItem.activeBackground#111111
  • statusBarItem.hoverBackground#080808
  • tab.activeBackground#001314
  • tab.activeBorderTop#01bb7b
  • tab.activeForeground#ffffff
  • tab.activeModifiedBorder#ff0000
  • tab.border#000000
  • tab.hoverBackground#000000
  • tab.hoverBorder#000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#10262e
  • tab.inactiveForeground#999999
  • tab.inactiveModifiedBorder#ff0000
  • tab.unfocusedActiveBackground#000000
  • tab.unfocusedActiveBorder#0040ff
  • tab.unfocusedActiveBorderTop#000000
  • tab.unfocusedActiveForeground#999999
  • tab.unfocusedActiveModifiedBorder#ff0000
  • tab.unfocusedHoverBackground#000000
  • tab.unfocusedHoverBorder#ff0000
  • tab.unfocusedHoverForeground#ffffff
  • tab.unfocusedInactiveForeground#999999
  • tab.unfocusedInactiveModifiedBorder#ff0000
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#6943FF
  • terminal.ansiBrightBlack#5C5C61
  • terminal.ansiBrightBlue#6943FF
  • terminal.ansiBrightCyan#80FCFF
  • terminal.ansiBrightGreen#3AD900
  • terminal.ansiBrightMagenta#FB94FF
  • terminal.ansiBrightRed#EC3A37F5
  • terminal.ansiBrightWhite#2D2B55
  • terminal.ansiBrightYellow#FAD000
  • terminal.ansiCyan#80FCFF
  • terminal.ansiGreen#01bb7b
  • terminal.ansiMagenta#cc4e48
  • terminal.ansiRed#EC3A37F5
  • terminal.ansiWhite#FFFFFF
  • terminal.ansiYellow#FAD000
  • terminal.background#111111
  • terminal.foreground#FFFFFF
  • terminalCursor.background#FFFFFF
  • terminalCursor.foreground#0080ff
  • textBlockQuote.background#111111
  • textBlockQuote.border#0040ff
  • textCodeBlock.background#000000
  • textLink.activeForeground#0080ff
  • textLink.foreground#0080ff
  • textPreformat.foreground#ffe604
  • textSeparator.foreground#ff0000
  • tree.indentGuidesStroke#222222
  • walkThrough.embeddedEditorBackground#000000
  • welcomePage.background#000000
  • welcomePage.buttonBackground#111111
  • welcomePage.buttonHoverBackground#000000
  • widget.shadow#080808
  • window.activeBorder#ff0000
  • window.inactiveBorder#ff0000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.variable.magic.python#ef596f
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python,#abb2bf
variable.parameter.function.language.special.self.python#e5c07b
storage.modifier.lifetime.rust#abb2bf
support.function.std.rust#61afef
entity.name.lifetime.rust#e5c07b
variable.language.rust#ef596f
support.constant.edge#d55fde
constant.other.character-class.regexp#ef596f
keyword.operator.quantifier.regexp#d19a66
punctuation.definition.string.begin,punctuation.definition.string.end#89ca78
variable.parameter.function#abb2bf
comment, punctuation.definition.comment#555555italic
comment markup.link#5c6370
markup.changed.diff#e5c07b
meta.diff.header.from-file,punctuation.definition.from-file.diff#61afef
markup.inserted.diff#89ca78
markup.deleted.diff#ef596f
meta.function.c,meta.function.cpp#ef596f
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
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
keyword.operator.expression.import#61afef
support.constant.math#e5c07b
support.constant.property.math#d19a66
variable.other.constant#ffffff
storage.type.annotation.java#e5c07b
source.java#ef596f
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,storage.type.generic.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,meta.method.body.java#abb2bf
meta.method.java#61afef
storage.modifier.import.java,storage.type.java#e5c07b
meta.definition.variable.name.java#ef596f
keyword.operator.logical.js#2bbac5
keyword.operator.bitwise#2bbac5
keyword.operator.channel#2bbac5
support.constant.property-value.scss,support.constant.property-value.css#d19a66
keyword.operator.css,keyword.operator.scss,keyword.operator.less#2bbac5
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#d19a66
punctuation.separator.list.comma.css#abb2bf
support.constant.color.w3c-standard-color-name.css#d19a66
support.type.vendored.property-name.css#2bbac5
punctuation.definition.template-expression.begin,punctuation.definition.template-expression.end#ef596f
support.module.node,support.type.object.module,support.module.node#e5c07b
entity.name.type.module#e5c07b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffffff
comment.line.double-slash,comment.block.documentationitalic
support.constant.json#d19a66
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional#d55fde
support.type.object.console#ef596f
support.variable.property.process#d19a66
entity.name.function,support.function.console#61afef
keyword.operator#2bbac5
support.type.object.dom#2bbac5
support.variable.dom,support.variable.property.dom#ef596f
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment#2bbac5
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#d55fde
punctuation.separator.delimiter#abb2bf
punctuation.separator.c,punctuation.separator.cpp#d55fde
support.type.posix-reserved.c,support.type.posix-reserved.cpp#2bbac5
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#d55fde
variable.parameter.function.language.python#d19a66
support.type.python#2bbac5
keyword.operator.logical.python#d55fde
variable.parameter.function.python#d19a66
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#abb2bf
meta.function-call.generic.python#61afef
constant.character.format.placeholder.other.python#89ca78
none#abb2bf
keyword.operator#abb2bf
keyword.operator.assignment.compound#d55fde
keyword#d55fde
variable#43d4a2
variable.language#e5c07b
token.variable.parameter.java#abb2bf
import.storage.java#e5c07b
token.package.keyword#d55fde
token.package#abb2bf
entity.name.function, meta.require, support.function.any-method, variable.function#f7d263
entity.name.type.namespace#e5c07b
support.class, entity.name.type.class#e5c07b
entity.name.class.identifier.namespace.type#e5c07b
entity.name.class, variable.other.class.js, variable.other.class.ts#e5c07b
variable.other.class.php#ef596f
entity.name.type#e5c07b
keyword.control#88b7e7
keyword.control.import.python,keyword.control.flow.pythonitalic
control.elements, keyword.operator.less#d19a66
keyword.other.special-method#61afef
storage#01bb7b
token.storage#d55fde
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#d55fde
token.storage.type.java#e5c07b
support.function#2bbac5
support.type.property-name#4b93dc
support.constant.property-value#abb2bf
support.constant.font-name#d19a66
meta.tag#abb2bf
string, entity.other.inherited-class#deb887
constant.other.symbol#2bbac5
constant.numeric#d19a66
none#d19a66
none#d19a66
constant#d19a66
punctuation.definition.constant#d19a66
entity.name.tag#4b93dc
entity.other.attribute-name#01bb7b
entity.other.attribute-name.id#01bb7b
entity.other.attribute-name.class.css#01bb7b
meta.selector#d55fde
none#d19a66
markup.heading#ef596fbold
markup.heading punctuation.definition.heading, entity.name.section#61afef
keyword.other.unit#ef596f
markup.bold,todo.bold#d19a66bold
punctuation.definition.bold#e5c07b
markup.italic, punctuation.definition.italic,todo.emphasis#d55fde
emphasis md#d55fde
entity.name.section.markdown#ef596f
punctuation.definition.heading.markdown#ef596f
punctuation.definition.list.begin.markdown#ef596f
markup.heading.setext#abb2bf
punctuation.definition.bold.markdown#d19a66
markup.inline.raw.markdown#89ca78
markup.inline.raw.string.markdown#89ca78
punctuation.definition.list.markdown#ef596f
markup.quote.markdown#5c6370italic
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ef596f
beginning.punctuation.definition.list.markdown#ef596f
punctuation.definition.metadata.markdown#ef596f
markup.underline.link.markdown,markup.underline.link.image.markdown#d55fde
string.other.link.title.markdown,string.other.link.description.markdown#61afef
markup.italic.markdownitalic
markup.bold.markdownbold
string.regexp#2bbac5
constant.character.escape#2bbac5
punctuation.section.embedded, variable.interpolation#ef596f
invalid.illegal#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ef596f
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ef596f
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#89ca78
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#2bbac5
support.type.property-name.json#ef596f
support.type.property-name.json punctuation#ef596f
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#d55fde
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#d55fde
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e5c07b
keyword.operator.error-control.php#d55fde
keyword.operator.type.php#d55fde
punctuation.section.array.begin.php#abb2bf
punctuation.section.array.end.php#abb2bf
invalid.illegal.non-null-typehinted.php#f44747
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#61afef
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.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#d19a66
entity.name.goto-label.php,support.other.php#61afef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#2bbac5
keyword.operator.regexp.php#d55fde
keyword.operator.comparison.php#2bbac5
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#d55fde
meta.function.decorator.python#61afef
support.token.decorator.python,meta.function.decorator.identifier.python#2bbac5
function.parameter#d19a66
function.parameter#abb2bf
function.brace#abb2bf
function.parameter.ruby, function.parameter.cs#abb2bf
constant.language.symbol.ruby#2bbac5
rgb-value#2bbac5
inline-color-decoration rgb-value#d19a66
less rgb-value#d19a66
selector.sass#ef596f
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e5c07b
block.scope.end,block.scope.begin#abb2bf
storage.type.cs#e5c07b
entity.name.variable.local.cs#ef596f
token.info-token#61afef
token.warn-token#d19a66
token.error-token#f44747
token.debug-token#d55fde
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#d55fde
meta.template.expression#abb2bf
keyword.operator.module#d55fde
support.type.type.flowtype#61afef
support.type.primitive#e5c07b
meta.property.object#ef596f
variable.parameter.function.js#ef596f
keyword.other.template.begin#89ca78
keyword.other.template.end#89ca78
keyword.other.substitution.begin#89ca78
keyword.other.substitution.end#89ca78
keyword.operator.assignment#2bbac5
keyword.operator.assignment.go, keyword.operator.address.go#e5c07b
entity.name.package.go#e5c07b
support.type.prelude.elm#2bbac5
support.constant.elm#d19a66
punctuation.quasi.element#d55fde
constant.character.entity#ef596f
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#2bbac5
entity.global.clojure#e5c07b
meta.symbol.clojure#ef596f
constant.keyword.clojure#2bbac5
meta.arguments.coffee, variable.parameter.function.coffee#ef596f
source.ini#89ca78
meta.scope.prerequisites.makefile#ef596f
source.makefile#e5c07b
storage.modifier.import.groovy#e5c07b
meta.method.groovy#61afef
meta.definition.variable.name.groovy#ef596f
meta.definition.class.inherited.classes.groovy#89ca78
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#d55fde
text.variable, text.bracketed#ef596f
support.type.swift, support.type.vb.asp#e5c07b

Shiki preview

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

Loading...

ChameleonTheme - Coding Theme