Skip to main content
CodingTheme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#E3E4E4
  • activityBar.border#c2c2c2
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#61616190
  • activityBarBadge.background#3379be
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#fcfdfd
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#3379be
  • button.foreground#ffffff
  • button.hoverBackground#0062a3
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • commandCenter.activeBackground#E3E4E4
  • commandCenter.background#E3E4E4
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#C2C2C2
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#C2C2C2
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#fcfdfd
  • editor.findMatchBackground#FAC761
  • editor.findMatchBorder#333333
  • editor.findMatchHighlightBackground#00000000
  • editor.findMatchHighlightBorder#60b4b4
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#60b4b4
  • editor.foldBackground#add6ff4d
  • editor.foreground#333333
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e3e6e880
  • editor.lineHighlightBackground#C2C2C230
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#C2C2C250
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#e3e6e8
  • editor.selectionHighlightBackground#a73a3a00
  • editor.selectionHighlightBorder#60B4B4
  • editor.wordHighlightBackground#C2C2C240
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#00640000
  • editorBracketMatch.border#616161
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#67B6B6
  • editorError.background#ee787200
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#fcfdfd
  • editorGroupHeader.tabsBackground#E3E4E4
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#fcfdfd
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#C2C2C2
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#C2C2C2
  • editorIndentGuide.background#C2C2C260
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#616161
  • editorLineNumber.foreground#C2C2C2
  • editorLink.activeForeground#3379be
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#E3E4E4
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#C2C2C2
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#3379be
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#C2C2C2
  • focusBorder#00000000
  • foreground#616161
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#616161
  • input.background#ffffff
  • input.border#fcfdfd
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#C2C2C270
  • list.activeSelectionForeground#616161
  • list.deemphasizedForeground#616161
  • list.dropBackground#C2C2C270
  • list.filterMatchBackground#f5d802
  • list.filterMatchBorder#00000000
  • list.focusAndSelectionOutline#616161
  • list.focusBackground#C2C2C270
  • list.focusForeground#616161
  • list.focusHighlightForeground#000000
  • list.focusOutline#616161
  • list.highlightForeground#000000
  • list.hoverBackground#C2C2C250
  • list.hoverForeground#616161
  • list.inactiveFocusBackground#C2C2C270
  • list.inactiveFocusOutline#00000000
  • list.inactiveSelectionBackground#C2C2C270
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#C2C2C2
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • listFilterWidget.shadow#C2C2C250
  • menu.background#fcfdfd
  • menu.border#C2C2C2
  • menu.foreground#616161
  • menu.selectionBackground#C2C2C2
  • menu.selectionBorder#C2C2C2
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#C2C2C2
  • menubar.selectionBorder#C2C2C2
  • menubar.selectionForeground#616161
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#3379be
  • minimap.background#fcfdfd
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#add6ff
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#C2C2C2
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#C2C2C2
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#C2C2C2
  • panel.background#ffffff
  • panel.border#C2C2C2
  • panelSection.border#C2C2C2
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#3379be
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f5d802de
  • peekViewEditor.matchHighlightBorder#dbc417
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#C2C2C2
  • pickerGroup.foreground#3379be
  • progressBar.background#3379be
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#33333370
  • scrollbarSlider.background#9f9f9f70
  • scrollbarSlider.hoverBackground#77777770
  • selection.background#e3e6e8
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#E3E4E4
  • sideBar.border#C2C2C2
  • sideBar.dropBackground#61616150
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#C2C2C2
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#616161
  • statusBar.background#E3E4E4
  • statusBar.border#cccccc
  • statusBar.debuggingBackground#E3E4E4
  • statusBar.debuggingBorder#cccccc
  • statusBar.debuggingForeground#616161
  • statusBar.foreground#616161
  • statusBar.noFolderBackground#E3E4E4
  • statusBar.noFolderBorder#cccccc
  • statusBar.noFolderForeground#616161
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#61616122
  • statusBarItem.hoverForeground#000000
  • statusBarItem.remoteBackground#5d8475
  • statusBarItem.remoteForeground#ffffff
  • statusBarItem.remoteHoverBackground#486b5d
  • statusBarItem.remoteHoverForeground#ffffff
  • tab.activeBackground#fcfdfd
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#333333
  • tab.activeModifiedBorder#3379be
  • tab.border#C2C2C2
  • tab.inactiveBackground#E3E4E4
  • tab.inactiveForeground#333333b3
  • tab.inactiveModifiedBorder#6699CC50
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#C2C2C2
  • terminal.foreground#333333
  • terminal.selectionBackground#00000040
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#006ab1
  • titleBar.activeBackground#E3E4E4
  • titleBar.activeForeground#333333
  • titleBar.border#C2C2C2
  • titleBar.inactiveBackground#E3E4E4
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#C2C2C2
  • tree.tableColumnsBorder#616161
  • tree.tableOddRowsBackground#C2C2C2
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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

Mariana Refined Theme by Manish Reddy - VS Code Theme