Skip to main content
Coding Theme

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#2B2C33
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#149287
  • activityBarBadge.foreground#ffffff
  • badge.background#149287
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1c1e23
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#149287cf
  • button.foreground#ffffff
  • button.hoverBackground#14928774
  • button.secondaryBackground#3e424c
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#2b2c33
  • checkbox.background#3e424c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#2b2c33
  • debugExceptionWidget.border#2b2c33
  • debugToolBar.background#2b2c33
  • debugToolBar.border#2b2c33
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3e424c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#2b2c33
  • editor.findMatchBackground#14928774
  • editor.findMatchBorder#14928700
  • editor.findMatchHighlightBackground#14928746
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#1e2b31bd
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3e424c
  • editor.lineHighlightBackground#1492872e
  • editor.lineHighlightBorder#06060600
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#14928774
  • editor.selectionHighlightBackground#ffffff00
  • editor.selectionHighlightBorder#ffffff00
  • 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#3e424c
  • editorGroup.emptyBackground#2b2c33
  • editorGroupHeader.border#1c1e23
  • editorGroupHeader.tabsBackground#2b2c33
  • editorGutter.addedBackground#5cb85c
  • editorGutter.background#2b2c33
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#bf281b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#149287
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#3e424c
  • editorIndentGuide.background#3e424c
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#14928774
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#1c1e23
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#2B2C33
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#3e424c
  • editorSuggestWidget.background#1c1e23
  • editorSuggestWidget.border#2b2c33
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#149287
  • editorSuggestWidget.selectedBackground#14928774
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#2b2c33
  • focusBorder#1e2b31
  • 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#3e424c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#14928774
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#29736d
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#1e2b31bd
  • list.focusBackground#1e2b31
  • list.focusForeground#cccccc
  • list.highlightForeground#149287
  • list.hoverBackground#149287b1
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#1e2b31
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#2b2c33
  • menu.border#56565600
  • menu.foreground#cccccc
  • menu.selectionBackground#149287
  • menu.selectionBorder#1e2b31
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#14928774
  • 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#1C1E23
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#14928774
  • minimap.selectionHighlight#14928774
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#5CB85C
  • minimapGutter.deletedBackground#D12B75
  • minimapGutter.modifiedBackground#149287
  • notificationCenter.border#14928774
  • notificationCenterHeader.background#1c1e23
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1c1e23
  • notifications.border#14928774
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#2b2c33
  • panel.background#1c1e23
  • panel.border#1c1e23
  • 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#252526
  • 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#2b2c33
  • pickerGroup.foreground#149287
  • progressBar.background#149287
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#14928774
  • scrollbarSlider.background#14928854
  • scrollbarSlider.hoverBackground#2b2c337a
  • selection.background#14928774
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#1c1e23
  • sideBar.dropBackground#1e2b31bd
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#2b2c33
  • statusBar.debuggingBackground#2b2c33
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#2b2c33
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#2b2c33
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#2b2c33
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#2b2c33
  • tab.inactiveBackground#2b2c33
  • 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#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#149287
  • terminalCursor.foreground#ffffff
  • textLink.foreground#149287
  • titleBar.activeBackground#2b2c33
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1c1e23
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#2b2c33
  • 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#149287
variable.other.generic-type.haskell#ff4c9c
storage.type.haskell#ff7748
support.variable.magic.python#149287
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#ba3cfd
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#2d67ee
entity.name.lifetime.rust#ba3cfd
variable.language.rust#149287
support.constant.edge#ff4c9c
constant.other.character-class.regexp#149287
keyword.operator.quantifier.regexp#ff7748
punctuation.definition.string.begin,punctuation.definition.string.end#9cc0bd
variable.parameter.function#d4d4d4
comment markup.link#6e7179
markup.changed.diff#ba3cfd
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#2d67ee
markup.inserted.diff#9cc0bd
markup.deleted.diff#149287
meta.function.c,meta.function.cpp#149287
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#2d67ee
support.constant.math#ba3cfd
support.constant.property.math#ff7748
variable.other.constant#ba3cfd
storage.type.annotation.java, storage.type.object.array.java#ba3cfd
source.java#149287
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#2d67ee
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ba3cfd
keyword.operator.instanceof.java#ff4c9c
meta.definition.variable.name.java#149287
keyword.operator.logical#2d67ee
keyword.operator.bitwise#2d67ee
keyword.operator.channel#2d67ee
support.constant.property-value.scss,support.constant.property-value.css#ff7748
keyword.operator.css,keyword.operator.scss,keyword.operator.less#2d67ee
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff7748
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#ff7748
support.type.vendored.property-name.css#2d67ee
support.module.node,support.type.object.module,support.module.node#ba3cfd
entity.name.type.module#ba3cfd
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#149287
support.constant.json#ff7748
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff4c9c
support.type.object.console#149287
support.variable.property.process#ff7748
entity.name.function,support.function.console#2d67ee
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#ff4c9c
keyword.operator.delete#ff4c9c
support.type.object.dom#2d67ee
support.variable.dom,support.variable.property.dom#149287
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#2d67ee
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#ff4c9c
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#ff4c9c
support.type.posix-reserved.c,support.type.posix-reserved.cpp#2d67ee
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff4c9c
variable.parameter.function.language.python#ff7748
support.type.python#2d67ee
keyword.operator.logical.python#ff4c9c
variable.parameter.function.python#ff7748
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#2d67ee
constant.character.format.placeholder.other.python#ff7748
keyword.operator#d4d4d4
keyword.operator.assignment.compound#ff4c9c
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#2d67ee
keyword#ff4c9c
entity.name.namespace#ba3cfd
variable#149287
variable.c#d4d4d4
variable.language#ba3cfd
token.variable.parameter.java#d4d4d4
import.storage.java#ba3cfd
token.package.keyword#ff4c9c
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#2d67ee
entity.name.type.namespace#ba3cfd
support.class, entity.name.type.class#ba3cfd
entity.name.class.identifier.namespace.type#ba3cfd
entity.name.class, variable.other.class.js, variable.other.class.ts#ba3cfd
variable.other.class.php#149287
entity.name.type#ba3cfd
keyword.control#ff4c9c
control.elements, keyword.operator.less#ff7748
keyword.other.special-method#2d67ee
storage#ff4c9c
token.storage#ff4c9c
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#ff4c9c
token.storage.type.java#ba3cfd
support.function#2d67ee
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#ff7748
meta.tag#d4d4d4
string#9cc0bd
entity.other.inherited-class#ba3cfd
constant.other.symbol#2d67ee
constant.numeric#ff7748
constant#ff7748
punctuation.definition.constant#ff7748
entity.name.tag#149287
entity.other.attribute-name#ff7748
entity.other.attribute-name.id#2d67eenormal
entity.other.attribute-name.class.css#ff7748normal
meta.selector#ff4c9c
markup.heading#149287
markup.heading punctuation.definition.heading, entity.name.section#2d67ee
keyword.other.unit#149287
markup.bold,todo.bold#ff7748
punctuation.definition.bold#ba3cfd
markup.italic, punctuation.definition.italic,todo.emphasis#ff4c9c
emphasis md#ff4c9c
entity.name.section.markdown#149287
punctuation.definition.heading.markdown#149287
punctuation.definition.list.begin.markdown#149287
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#ff7748
markup.inline.raw.markdown#9cc0bd
markup.inline.raw.string.markdown#9cc0bd
punctuation.definition.list.markdown#149287
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#149287
beginning.punctuation.definition.list.markdown#149287
punctuation.definition.metadata.markdown#149287
markup.underline.link.markdown,markup.underline.link.image.markdown#ff4c9c
string.other.link.title.markdown,string.other.link.description.markdown#2d67ee
string.regexp#2d67ee
constant.character.escape#2d67ee
punctuation.section.embedded, variable.interpolation#149287
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff4c9c
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#149287
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#149287
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#9cc0bd
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#2d67ee
support.type.property-name.json#149287
support.type.property-name.json punctuation#149287
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff4c9c
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff4c9c
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ba3cfd
keyword.operator.error-control.php#ff4c9c
keyword.operator.type.php#ff4c9c
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#ba3cfd
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#2d67ee
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#ff7748
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff7748
entity.name.goto-label.php,support.other.php#2d67ee
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#2d67ee
keyword.operator.regexp.php#ff4c9c
keyword.operator.comparison.php#2d67ee
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff4c9c
meta.function.decorator.python#2d67ee
support.token.decorator.python,meta.function.decorator.identifier.python#2d67ee
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#2d67ee
rgb-value#2d67ee
inline-color-decoration rgb-value#ff7748
less rgb-value#ff7748
selector.sass#149287
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ba3cfd
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#ba3cfd
entity.name.variable.local.cs#149287
token.info-token#2d67ee
token.warn-token#ff7748
token.error-token#f44747
token.debug-token#ff4c9c
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff4c9c
meta.template.expression#d4d4d4
keyword.operator.module#ff4c9c
support.type.type.flowtype#2d67ee
support.type.primitive#ba3cfd
meta.property.object#149287
variable.parameter.function.js#149287
keyword.other.template.begin#9cc0bd
keyword.other.template.end#9cc0bd
keyword.other.substitution.begin#9cc0bd
keyword.other.substitution.end#9cc0bd
keyword.operator.assignment#2d67ee
keyword.operator.assignment.go#ba3cfd
keyword.operator.arithmetic.go, keyword.operator.address.go#ff4c9c
entity.name.package.go#ba3cfd
support.type.prelude.elm#2d67ee
support.constant.elm#ff7748
punctuation.quasi.element#ff4c9c
constant.character.entity#149287
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#2d67ee
entity.global.clojure#ba3cfd
meta.symbol.clojure#149287
constant.keyword.clojure#2d67ee
meta.arguments.coffee, variable.parameter.function.coffee#149287
source.ini#9cc0bd
meta.scope.prerequisites.makefile#149287
source.makefile#ba3cfd
storage.modifier.import.groovy#ba3cfd
meta.method.groovy#2d67ee
meta.definition.variable.name.groovy#149287
meta.definition.class.inherited.classes.groovy#9cc0bd
support.variable.semantic.hlsl#ba3cfd
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#ff4c9c
text.variable, text.bracketed#149287
support.type.swift, support.type.vb.asp#ba3cfd
entity.name.function.xi#ba3cfd
entity.name.class.xi#2d67ee
constant.character.character-class.regexp.xi#149287
constant.regexp.xi#ff4c9c
keyword.control.xi#2d67ee
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#9cc0bd
beginning.punctuation.definition.list.markdown.xi#6e7179
constant.character.xi#2d67ee
accent.xi#2d67ee
wikiword.xi#ff7748
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#6e7179
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ba3cfd
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#149287
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#6e7179italic
markup.quote.markdown#6e7179
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#2d67ee
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...

Gitkraken Dark - Coding Theme