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.activeBackground#39487e
  • activityBar.background#1c2739
  • activityBar.border#0e1624
  • activityBar.foreground#c1c1c1
  • activityBar.inactiveForeground#969b8b
  • activityBarBadge.background#0087ff
  • activityBarBadge.foreground#000000
  • badge.background#FFFFFF1A
  • badge.foreground#c1c1c1
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#1c2739
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#c1c1c1
  • button.background#39487e
  • button.foreground#e2e2e2
  • button.hoverBackground#006CD8
  • button.secondaryBackground#384d71
  • button.secondaryForeground#e2e2e2
  • button.secondaryHoverBackground#006cd8
  • checkbox.background#1c2739
  • checkbox.border#ba2c2c00
  • checkbox.foreground#cdcfd6
  • debugExceptionWidget.background#151d2c
  • debugExceptionWidget.border#474747
  • debugToolBar.background#151d2c
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#1c2739
  • dropdown.border#ba2c2c00
  • dropdown.foreground#cdcfd6
  • editor.background#161c2d
  • editor.findMatchBackground#213359
  • editor.findMatchBorder#bbbbbb
  • editor.findMatchHighlightBackground#213359
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3e485666
  • editor.findRangeHighlightBorder#b0767600
  • editor.foldBackground#19253a
  • editor.foreground#a7afc0
  • editor.hoverHighlightBackground#10325400
  • editor.inactiveSelectionBackground#28509e
  • editor.lineHighlightBackground#1d263b
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#c031310b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#28509e
  • editor.selectionHighlightBackground#344134
  • editor.selectionHighlightBorder#2e6eb400
  • editor.wordHighlightBackground#40332b
  • editor.wordHighlightBorder#75494900
  • editor.wordHighlightStrongBackground#40332b
  • editor.wordHighlightStrongBorder#73000000
  • editorBracketMatch.background#3b514d
  • editorBracketMatch.border#ffed29
  • editorCodeLens.foreground#999999
  • editorCursor.background#060000
  • editorCursor.foreground#bbbbbb
  • editorError.background#92312c00
  • editorError.border#a7202000
  • editorError.foreground#b41d55
  • editorGroup.border#2a354e
  • editorGroup.emptyBackground#161c2d
  • editorGroupHeader.border#151d2c
  • editorGroupHeader.tabsBackground#243647
  • editorGroupHeader.tabsBorder#5c323200
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#202940
  • editorGutter.commentRangeForeground#415284
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#415284
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#26354d
  • editorHoverWidget.border#262a4c
  • editorHoverWidget.foreground#a8aeb4
  • editorIndentGuide.activeBackground#293555
  • editorIndentGuide.background#293555
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#6cabe2
  • editorLineNumber.activeForeground#bebdbd
  • editorLineNumber.foreground#8b8f94
  • editorLink.activeForeground#40BBD4
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#2a161600
  • editorOverviewRuler.border#4d242400
  • editorRuler.foreground#36446e
  • editorSuggestWidget.background#46484a
  • editorSuggestWidget.border#27274a
  • editorSuggestWidget.foreground#bab9b4
  • editorSuggestWidget.highlightForeground#5177c6
  • editorSuggestWidget.selectedBackground#2c3d59
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#a4ea5e00
  • editorWidget.background#1c2739
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#007fd400
  • foreground#c1c1c1
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#c1c1c1
  • input.background#1c2739
  • input.border#ba2c2c00
  • input.foreground#cdcfd6
  • input.placeholderForeground#808080
  • inputOption.activeBackground#107ec966
  • inputOption.activeBorder#487c9f00
  • inputOption.activeForeground#c1c1c1c1
  • list.activeSelectionBackground#39487e
  • list.activeSelectionForeground#e2e2e2
  • list.dropBackground#4b5254
  • list.focusBackground#39487e
  • list.focusForeground#ffffff
  • list.highlightForeground#50A7FF
  • list.hoverBackground#ffffff10
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#2c3d59
  • list.inactiveSelectionForeground#a3baaa
  • listFilterWidget.background#4363AF
  • listFilterWidget.noMatchesOutline#ff4f4f00
  • listFilterWidget.outline#00000000
  • menu.background#1c2739
  • menu.border#151d2c
  • menu.foreground#c1c1c1
  • menu.selectionBackground#39487e
  • menu.selectionBorder#82565600
  • menu.selectionForeground#e2e2e2
  • menu.separatorBackground#1d304b
  • menubar.selectionBackground#39487e
  • menubar.selectionBorder#a7606000
  • menubar.selectionForeground#e2e2e2
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#161c2d
  • minimap.errorHighlight#b41d55
  • minimap.findMatchHighlight#213359
  • minimap.selectionHighlight#28509e
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#0f141d
  • notificationCenterHeader.foreground#e1e1e1
  • notifications.background#121824
  • notifications.border#303031
  • notifications.foreground#c1c1c1
  • notificationsErrorIcon.foreground#ec3f1c
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1a2136
  • panel.border#325180
  • panelSection.border#FFFFFF33
  • panelTitle.activeBorder#747a80
  • panelTitle.activeForeground#c1c1c1
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#415284
  • peekViewEditor.background#1d263b
  • peekViewEditor.matchHighlightBackground#213359
  • peekViewEditor.matchHighlightBorder#bbbbbb
  • peekViewEditorGutter.background#202940
  • peekViewResult.background#161c2d
  • peekViewResult.fileForeground#c0c0ad
  • peekViewResult.lineForeground#979ca1
  • peekViewResult.matchHighlightBackground#213359
  • peekViewResult.selectionBackground#1d263b
  • peekViewResult.selectionForeground#DADADA
  • peekViewTitle.background#161c2d
  • peekViewTitleDescription.foreground#6A6A6A
  • peekViewTitleLabel.foreground#C9C9C9
  • pickerGroup.border#60A9FF
  • pickerGroup.foreground#60A9FF
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#497486
  • scrollbarSlider.background#3d577d
  • scrollbarSlider.hoverBackground#497486
  • selection.background#28509E
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c1c1c1
  • sideBar.background#24334a
  • sideBar.border#283551
  • sideBar.dropBackground#4b5254
  • sideBar.foreground#c1c1c1
  • sideBarSectionHeader.background#b85d5d00
  • sideBarSectionHeader.border#151d2c
  • sideBarSectionHeader.foreground#c1c1c1
  • sideBarTitle.foreground#b1bfc6
  • statusBar.background#1c2739
  • statusBar.border#0e1624
  • statusBar.debuggingBackground#582f14
  • statusBar.debuggingForeground#afb1b3
  • statusBar.foreground#afb1b3
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#384d71
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#324d65
  • tab.activeBorder#747a80
  • tab.activeBorderTop#64232300
  • tab.activeForeground#c1c1c1
  • tab.border#31319f00
  • tab.hoverBackground#17232e
  • tab.hoverForeground#c1c1c1
  • tab.inactiveBackground#243647
  • tab.inactiveForeground#c1c1c1
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#FFFFFF33
  • terminal.foreground#cccccc
  • terminal.selectionBackground#c6cbd54d
  • terminalCursor.background#154f4f
  • terminalCursor.foreground#bac1d1
  • textLink.foreground#5EB3FF
  • titleBar.activeBackground#1c2739
  • titleBar.activeForeground#c1c1c1
  • titleBar.border#151d2c
  • titleBar.inactiveBackground#325180
  • titleBar.inactiveForeground#c1c1c1
  • tree.indentGuidesStroke#3a4c7d
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000080

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

Gradianto Deep Ocean by fowl_ow - VS Code Theme