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#000000
  • activityBar.border#f7db00
  • activityBar.foreground#f7db00
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#f7db00
  • activityBarBadge.foreground#1d1d1d
  • badge.background#f7db00
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#f7db00
  • button.foreground#3c3c3c
  • button.hoverBackground#1177bb
  • button.secondaryBackground#779ac9
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#3a2194
  • checkbox.background#3c3c3c
  • checkbox.border#f7db00
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#f7db00
  • debugToolBar.background#000000
  • debugToolBar.border#f7db00
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#556eb933
  • diffEditor.removedTextBackground#0087ff33
  • dropdown.background#3c3c3c
  • dropdown.border#f7db00
  • dropdown.foreground#cccccc
  • editor.background#000000
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#f7db00
  • editor.findMatchHighlightBackground#f7db0002
  • editor.findMatchHighlightBorder#f7db00
  • editor.findRangeHighlightBackground#09203f54
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#f7db001e
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#f7db0038
  • editor.inactiveSelectionBackground#1c2736
  • editor.lineHighlightBackground#ffffff00
  • editor.lineHighlightBorder#f7db001c
  • editor.rangeHighlightBackground#ffffff00
  • editor.rangeHighlightBorder#cdcdcd14
  • editor.selectionBackground#f7db0070
  • editor.selectionHighlightBackground#add6ff00
  • editor.selectionHighlightBorder#f7db00
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightBorder#f7db00
  • editor.wordHighlightStrongBackground#f7db0000
  • editor.wordHighlightStrongBorder#f7db00
  • editorBracketMatch.background#f7db007c
  • editorBracketMatch.border#f7db00
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#f7db00
  • editorError.foreground#f48771
  • editorGroup.border#f7db00
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#f7db00
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#f7db0006
  • editorGutter.addedBackground#f7db00
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ffffff
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#f7db00
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#f7db00
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#f7db00
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#f7db00
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#7ecfff
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#1b1334
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#000000
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#f7db00
  • focusBorder#f7db00
  • foreground#cccccc
  • 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#cccccc
  • input.background#3c3c3c
  • input.border#f7db00
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#f7db00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#f7db00
  • list.activeSelectionForeground#959595
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#f7db00
  • list.hoverForeground#000000
  • list.inactiveSelectionBackground#f7db00
  • list.inactiveSelectionForeground#848484
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#000000
  • menu.border#f7db00
  • menu.foreground#cccccc
  • menu.selectionBackground#000000
  • menu.selectionBorder#f7db00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#f7db00
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#00ddff3a
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#f7db00
  • minimapGutter.deletedBackground#ffffff
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#f7db00
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#000000
  • notifications.border#f7db00
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#f7db00
  • panel.background#000000
  • panel.border#f7db00
  • panelSection.border#f7db00
  • panelTitle.activeBorder#f7db00
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#00dbff00
  • peekViewEditor.matchHighlightBorder#1eaaee
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#00a8ea4d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#f7db00
  • pickerGroup.foreground#e6f2ff
  • progressBar.background#f7db00
  • scrollbar.shadow#f7db00
  • scrollbarSlider.activeBackground#f7db00
  • scrollbarSlider.background#f7db00
  • scrollbarSlider.hoverBackground#F86307
  • selection.background#f7db007a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#000000
  • sideBar.border#f7db00
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#FBFAFB
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#f7db00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#000000
  • statusBar.border#f7db00
  • statusBar.debuggingBackground#4da3ff
  • statusBar.debuggingBorder#f7db00
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#646464
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#f7db00
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#f7db0000
  • tab.activeBorder#f7db00
  • tab.activeBorderTop#f7db00
  • tab.activeForeground#f7db00
  • tab.border#f7db00
  • tab.hoverBackground#f7db00
  • tab.hoverBorder#f7db00
  • tab.hoverForeground#303030
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#ffffff80
  • 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#f7db00
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#f7db00
  • titleBar.activeForeground#626262
  • titleBar.border#f7db00
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000000

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

Tron Dark Themes by Vaporizer - VS Code Theme