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#ff000000
  • activityBar.background#fff6f0
  • activityBar.border#ffddc500
  • activityBar.foreground#493c3a
  • activityBar.inactiveForeground#493c3aaf
  • activityBarBadge.background#493c3a
  • activityBarBadge.foreground#fff6f0
  • badge.background#493c3a
  • badge.foreground#fff6f0
  • breadcrumb.activeSelectionForeground#493c3a
  • breadcrumb.background#fff6f0
  • breadcrumb.focusForeground#493c3a
  • breadcrumb.foreground#493c3a
  • button.background#ffeae4
  • button.foreground#493c3a
  • button.hoverBackground#f2e1d4
  • button.secondaryBackground#493c3a
  • button.secondaryForeground#fff6f0
  • button.secondaryHoverBackground#827467
  • checkbox.background#fff6f0
  • checkbox.border#00000000
  • checkbox.foreground#493c3a
  • debugExceptionWidget.background#fff6f0
  • debugExceptionWidget.border#c9c9c900
  • debugToolBar.background#fff6f0
  • debugToolBar.border#c9c9c900
  • diffEditor.border#ccbfb6
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.insertedTextBorder#ccbfb600
  • diffEditor.removedTextBackground#ff000033
  • diffEditor.removedTextBorder#ccbfb600
  • dropdown.background#fff6f0
  • dropdown.border#00000000
  • dropdown.foreground#493c3a
  • editor.background#fff6f0
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ffbb8f55
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#f5d6d64d
  • editor.findRangeHighlightBorder#dbcdcd00
  • editor.foldBackground#ffc4ad4d
  • editor.foreground#493c3a
  • editor.hoverHighlightBackground#ffc38e26
  • editor.inactiveSelectionBackground#998f880e
  • editor.lineHighlightBackground#6d55550a
  • editor.lineHighlightBorder#eeeeee00
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#998f8824
  • editor.selectionHighlightBackground#ffefe4
  • editor.selectionHighlightBorder#493c3a
  • editor.wordHighlightBackground#eac3c340
  • editor.wordHighlightStrongBackground#9c780e40
  • editorBracketMatch.background#ffe8d8
  • editorBracketMatch.border#b9b9b900
  • editorCodeLens.foreground#b69692
  • editorCursor.background#fff6f0
  • editorCursor.foreground#493c3a
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ffbab4
  • editorGroup.border#ffefe4
  • editorGroup.emptyBackground#fff6f0
  • editorGroupHeader.border#ffefe4
  • editorGroupHeader.tabsBackground#fff6f0
  • editorGroupHeader.tabsBorder#ffefe4
  • editorGutter.addedBackground#d1e6d5
  • editorGutter.background#fff6f0
  • editorGutter.commentRangeForeground#ecd3d0
  • editorGutter.deletedBackground#ffdadc
  • editorGutter.foldingControlForeground#ecd3d0
  • editorGutter.modifiedBackground#d6e2ea
  • editorHoverWidget.background#fff1ea
  • editorHoverWidget.border#fff1ea
  • editorHoverWidget.foreground#36302b
  • editorIndentGuide.activeBackground#ffefe4
  • editorIndentGuide.background#ffefe4
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#d4d8db
  • editorLineNumber.activeForeground#493c3a
  • editorLineNumber.foreground#dbc8c5
  • editorLink.activeForeground#e8b8a5
  • editorMarkerNavigation.background#fff6f0
  • editorMarkerNavigationError.background#fdc5c0
  • editorMarkerNavigationInfo.background#a9a49f
  • editorMarkerNavigationWarning.background#ffe7c9
  • editorOverviewRuler.background#ffefe4
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#fff6eb
  • editorSuggestWidget.background#fff6f0
  • editorSuggestWidget.border#fff1ea
  • editorSuggestWidget.foreground#493c3a
  • editorSuggestWidget.highlightForeground#1b1616
  • editorSuggestWidget.selectedBackground#fff1ea
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffeab5
  • editorWhitespace.foreground#fff6eb00
  • editorWidget.background#fff6f0
  • editorWidget.foreground#493c3a
  • editorWidget.resizeBorder#ffefe4
  • focusBorder#5c260c00
  • foreground#493c3a
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#6f6766
  • gitDecoration.modifiedResourceForeground#eebbb2
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e4baae
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#493c3a
  • input.background#fff6f0
  • input.border#00000000
  • input.foreground#493c3a
  • input.placeholderForeground#92807e
  • inputOption.activeBackground#ffeae46e
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#493c3a
  • list.activeSelectionBackground#ffeae46e
  • list.activeSelectionForeground#36302b
  • list.dropBackground#ffeae46e
  • list.focusBackground#ffeae46e
  • list.focusForeground#493c3a
  • list.highlightForeground#493c3a
  • list.hoverBackground#ffeae46e
  • list.hoverForeground#493c3a
  • list.inactiveSelectionBackground#ffeae46e
  • list.inactiveSelectionForeground#493c3a
  • listFilterWidget.background#ffeae46e
  • listFilterWidget.noMatchesOutline#ffd1cc
  • listFilterWidget.outline#00000000
  • menu.background#fff6f0
  • menu.border#ffefe4
  • menu.foreground#493c3a
  • menu.selectionBackground#fff1ea
  • menu.selectionBorder#00000000
  • menu.selectionForeground#493c3a
  • menu.separatorBackground#ffefe4
  • menubar.selectionBackground#fff6f0
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#493c3a
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#fff6f0
  • minimap.errorHighlight#ffbab4
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#998f8824
  • minimap.warningHighlight#ffeab5
  • minimapGutter.addedBackground#d1e6d5
  • minimapGutter.deletedBackground#ffdadc
  • minimapGutter.modifiedBackground#d6e2ea
  • notificationCenter.border#ffefe4
  • notificationCenterHeader.background#ffefe4
  • notificationCenterHeader.foreground#493c3a
  • notifications.background#fff6f0
  • notifications.border#ffefe4
  • notifications.foreground#493c3a
  • notificationsErrorIcon.foreground#fd998f
  • notificationsInfoIcon.foreground#b4aca6
  • notificationsWarningIcon.foreground#ffd2aa
  • notificationToast.border#ffefe4
  • panel.background#fff6f0
  • panel.border#80808000
  • panelSection.border#ffeee0
  • panelTitle.activeBorder#493c3a
  • panelTitle.activeForeground#493c3a
  • panelTitle.inactiveForeground#a18581
  • peekView.border#ffefe4
  • peekViewEditor.background#fff6f0
  • peekViewEditor.matchHighlightBackground#fff1ea
  • peekViewEditor.matchHighlightBorder#ffc9c1
  • peekViewEditorGutter.background#fff6f0
  • peekViewResult.background#fff6f0
  • peekViewResult.fileForeground#493c3a
  • peekViewResult.lineForeground#493c3a
  • peekViewResult.matchHighlightBackground#d9d0cc
  • peekViewResult.selectionBackground#fff1ea
  • peekViewResult.selectionForeground#493c3a
  • peekViewTitle.background#493c3a
  • peekViewTitleDescription.foreground#fff6eb
  • peekViewTitleLabel.foreground#fff6eb
  • pickerGroup.border#cccedb00
  • pickerGroup.foreground#ffcec0
  • progressBar.background#fff1ea
  • scrollbar.shadow#dddddd00
  • scrollbarSlider.activeBackground#00000000
  • scrollbarSlider.background#ffeae46e
  • scrollbarSlider.hoverBackground#ffeae46e
  • selection.background#fff1ea
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#493c3a
  • sideBar.background#fff6f0
  • sideBar.border#ff000000
  • sideBar.dropBackground#ffeae46e
  • sideBar.foreground#493c3a
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#36302b00
  • sideBarSectionHeader.foreground#493c3a
  • sideBarTitle.foreground#493c3a
  • statusBar.background#fff6f0
  • statusBar.border#36302b00
  • statusBar.debuggingBackground#fff1ec
  • statusBar.debuggingBorder#ff000000
  • statusBar.debuggingForeground#493c3a
  • statusBar.foreground#493c3a
  • statusBar.noFolderBackground#fff6f0
  • statusBar.noFolderBorder#ff000000
  • statusBar.noFolderForeground#493c3a
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#fff6f0
  • statusBarItem.remoteForeground#493c3a
  • tab.activeBackground#fff6f0
  • tab.activeBorder#36302b
  • tab.activeBorderTop#36302b00
  • tab.activeForeground#36302b
  • tab.border#f3f3f300
  • tab.hoverBackground#fff6f0
  • tab.hoverBorder#36302b
  • tab.hoverForeground#36302b
  • tab.inactiveBackground#fff6f0
  • tab.inactiveForeground#36302b
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#003875
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#2cbe2c
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#c0c0c0
  • terminal.ansiBrightYellow#ffa84d
  • terminal.ansiCyan#00637b
  • terminal.ansiGreen#009400
  • terminal.ansiMagenta#730073
  • terminal.ansiRed#7b0000
  • terminal.ansiWhite#a9a9a9
  • terminal.ansiYellow#ff8300
  • terminal.border#ffeee0
  • terminal.foreground#493c3a
  • terminal.selectionBackground#ffdfde44
  • terminalCursor.background#fff1ea
  • terminalCursor.foreground#493c3a
  • textLink.foreground#ffb6af
  • titleBar.activeBackground#fff6f0
  • titleBar.activeForeground#493c3a
  • titleBar.border#00000000
  • titleBar.inactiveBackground#fff6f0
  • titleBar.inactiveForeground#493c3a
  • tree.indentGuidesStroke#b897925a
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#ffeae46e

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

Cozy Coding - Coding Theme