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#1c2130
  • activityBar.background#080b14
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#1b2045
  • activityBarBadge.foreground#ffffff
  • badge.background#1b2045
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#080b14
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#ffffffcc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#696969
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#080c17
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#101524
  • debugExceptionWidget.border#131828
  • debugToolBar.background#101524
  • debugToolBar.border#131828
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#4cec8333
  • diffEditor.removedTextBackground#ff505033
  • dropdown.background#080c17
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#080b14
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#080b14
  • editorGroupHeader.border#ffffff00
  • editorGroupHeader.tabsBackground#080b14
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#080b14
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#131a30
  • editorHoverWidget.border#232e4f
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#ffffff00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#c4c4c4
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#131a30
  • editorMarkerNavigationError.background#f06144
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e7c114
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#131a30
  • editorSuggestWidget.border#232e4f
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#212c4f
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e7c114
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#131a30
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#ffffff
  • focusBorder#182632
  • foreground#ffffff
  • 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#ffffff
  • input.background#080c17
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#888888
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#131a30
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#1a233f
  • list.focusBackground#131a30
  • list.focusForeground#cccccc
  • list.highlightForeground#ffffff
  • list.hoverBackground#131a30
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#c46237
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#131929
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#282941
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#080b14
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#e7c114
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#191f32
  • notificationCenterHeader.background#080b14
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#0f1426
  • notifications.border#ffffff
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e7c114
  • notificationToast.border#0f1426
  • panel.background#080b14
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#0C0C0C
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#b8b8c9
  • pickerGroup.foreground#dedede
  • progressBar.background#ffffff
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#ffffff20
  • scrollbarSlider.background#ffffff10
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#335a7b
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#080b14
  • sideBar.border#000000
  • sideBar.dropBackground#1a233f
  • sideBar.foreground#c7c7c7
  • sideBarSectionHeader.background#131a3000
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#bcbcbc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#000000
  • statusBar.debuggingBackground#e27729
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#080b14
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#171f3b
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#4d567500
  • tab.hoverBackground#ffffff20
  • tab.hoverBorder#ffffff
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#080b14
  • tab.inactiveForeground#ffffffc3
  • terminal.ansiBlack#414141
  • 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#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#d7d7d740
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#080b14
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#cbcbcb
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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