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#071104
  • activityBar.border#d8ff60
  • activityBar.foreground#b3b4d1
  • activityBar.inactiveForeground#ffffff60
  • activityBarBadge.background#d8ff60
  • activityBarBadge.foreground#000000
  • badge.background#d8ff60
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#071104
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#d8ff60
  • button.foreground#000000
  • button.hoverBackground#a4c248
  • button.secondaryBackground#d8ff606e
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#d8ff60a9
  • checkbox.background#001818
  • checkbox.border#712d2d00
  • checkbox.foreground#b3b4d1
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#001818
  • dropdown.border#712d2d00
  • dropdown.foreground#b3b4d1
  • editor.background#071104
  • 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#3a3d418f
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#2c4f2178
  • 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#d8ff60
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#fd4520
  • editorGroup.border#444444
  • editorGroup.emptyBackground#071104
  • editorGroupHeader.border#434343
  • editorGroupHeader.tabsBackground#001818
  • editorGroupHeader.tabsBorder#d8ff60
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#001818
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#fd4520
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#001818
  • editorHoverWidget.border#d8ff60c3
  • editorHoverWidget.foreground#b3b4d1
  • editorIndentGuide.activeBackground#d8ff60b3
  • editorIndentGuide.background#d8ff6078
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#b3b4d1
  • editorLineNumber.foreground#d8ff60
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#001818
  • editorMarkerNavigationError.background#fd4520
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#d8ff60
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#001818
  • editorSuggestWidget.border#d8ff60
  • editorSuggestWidget.foreground#b3b4d1
  • editorSuggestWidget.highlightForeground#d8ff60
  • editorSuggestWidget.selectedBackground#758c3040
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#A99040
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#001818
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#d8ff60
  • foreground#d8ff60
  • 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#d8ff60
  • input.background#001818
  • input.border#712d2d00
  • input.foreground#b3b4d1
  • input.placeholderForeground#808080
  • inputOption.activeBackground#00d42166
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#F3F3F3
  • list.activeSelectionBackground#8dbc4a
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#3d683f
  • list.focusBackground#30904874
  • list.focusForeground#cccccc
  • list.highlightForeground#b3b4d1
  • list.hoverBackground#20512242
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#205122
  • list.inactiveSelectionForeground#d8d8fa
  • listFilterWidget.background#434343
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#001818
  • menu.border#d8ff60e7
  • menu.foreground#cccccc
  • menu.selectionBackground#205122
  • menu.selectionBorder#d8ff609b
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#d8ff60
  • menubar.selectionBackground#0018188b
  • menubar.selectionBorder#d8ff60
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#071104
  • minimap.errorHighlight#fd4520
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#2c4f2178
  • minimap.warningHighlight#A99040
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#fd4520
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#d8ff60
  • notificationCenterHeader.background#001818
  • notificationCenterHeader.foreground#FFFFFF
  • notifications.background#001818
  • notifications.border#303031
  • notifications.foreground#b3b4d1
  • notificationsErrorIcon.foreground#fd4520
  • notificationsInfoIcon.foreground#7e8cff
  • notificationsWarningIcon.foreground#d8ff60
  • notificationToast.border#d8ff6078
  • panel.background#06130f
  • panel.border#d8ff6078
  • panelSection.border#80808059
  • panelTitle.activeBorder#d8ff60
  • panelTitle.activeForeground#d8ff60
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#d8ff60
  • peekViewEditor.background#101010
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#001818
  • peekViewResult.fileForeground#b3b4d1
  • peekViewResult.lineForeground#b3b4d1
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#001818
  • peekViewTitleDescription.foreground#b3b4d1
  • peekViewTitleLabel.foreground#b3b4d1
  • pickerGroup.border#d8ff60
  • pickerGroup.foreground#d8ff60
  • progressBar.background#d8ff60
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#309048
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#d8ff60
  • sideBar.background#001818
  • sideBar.border#d8ff60
  • sideBar.dropBackground#3d683f
  • sideBar.foreground#b3b4d1
  • sideBarSectionHeader.background#010a0a
  • sideBarSectionHeader.border#d8ff60
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#d8ff60
  • statusBar.border#00000000
  • statusBar.debuggingBackground#f6dce9
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#071f0f
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#07110480
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#071104
  • tab.activeBorder#d8ff60
  • tab.activeBorderTop#00000000
  • tab.activeForeground#c7c9f9
  • tab.border#d8ff60
  • tab.hoverBackground#d8ff6034
  • tab.hoverForeground#c7c9f9
  • tab.inactiveBackground#001818
  • tab.inactiveForeground#929292d1
  • 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#80808059
  • terminal.foreground#d8ff60
  • terminal.selectionBackground#8aff4810
  • terminalCursor.background#0C0D0C
  • terminalCursor.foreground#d8ff60
  • textLink.foreground#00c2ae
  • titleBar.activeBackground#d8ff60
  • titleBar.activeForeground#000000
  • titleBar.border#00000000
  • titleBar.inactiveBackground#071f0f
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#d8ff6036

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