Skip to main content
Coding Theme

Kaplan Dark

Publisher: AbyadandoThemes in package: 2

Kaplan Dark is a visually striking theme designed for Visual Studio Code, aimed at enhancing your coding experience. Kaplan Dark creates a captivating atmosphere that is both elegant and modern.

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#1d1d1d
  • activityBar.background#1d1d1d
  • activityBar.border#00000000
  • activityBar.foreground#ffc640
  • activityBar.inactiveForeground#ffa50081
  • activityBarBadge.background#ffc640
  • activityBarBadge.foreground#000000
  • badge.background#ffc640
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#00000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#ffffff42
  • button.background#ffc640
  • button.foreground#000000
  • button.hoverBackground#ffd86c
  • button.secondaryBackground#1d1d1d
  • button.secondaryForeground#ffdd80
  • button.secondaryHoverBackground#1f1f1f
  • checkbox.background#1d1d1d
  • checkbox.border#ffffff00
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#1d1d1d
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#1d1d1d
  • debugToolBar.border#00000000
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#ffc9562c
  • diffEditor.removedTextBackground#ff636333
  • dropdown.background#1d1d1d
  • dropdown.border#ffffff00
  • dropdown.foreground#ffffff
  • editor.background#1d1d1d
  • editor.findMatchBackground#ffc64066
  • editor.findMatchBorder#ffffff00
  • editor.findMatchHighlightBackground#e8c06328
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#ffc95610
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#ffc95608
  • editor.foreground#ffd86c
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#ffd77b08
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffdd8014
  • editor.selectionHighlightBackground#ffa5001e
  • editor.selectionHighlightBorder#ffa500a1
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#ffc9567c
  • editorCursor.background#000000
  • editorCursor.foreground#ffc640
  • editorError.background#c9494300
  • editorError.border#ffffff00
  • editorError.foreground#ff5330
  • editorGroup.border#00000000
  • editorGroup.emptyBackground#1d1d1d
  • editorGroupHeader.tabsBackground#1d1d1d
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#beff35
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#ffc640
  • editorGutter.deletedBackground#ff555d
  • editorGutter.foldingControlForeground#ffc640
  • editorGutter.modifiedBackground#48d7ff
  • editorHoverWidget.background#1d1d1d
  • editorHoverWidget.border#ffc956
  • editorHoverWidget.foreground#543838
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#5fb4ff97
  • editorLineNumber.activeForeground#ffc640
  • editorLineNumber.foreground#ffffff1a
  • editorLink.activeForeground#ffc640
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#ff7b61
  • editorMarkerNavigationInfo.background#ff8730
  • editorMarkerNavigationWarning.background#ffda34
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#ffc9563c
  • editorSuggestWidget.background#1d1d1d
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#ffa500
  • editorSuggestWidget.selectedBackground#ffdd8026
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1d1d1d
  • editorWidget.foreground#ffffff4c
  • editorWidget.resizeBorder#ffc640
  • focusBorder#ffc640
  • foreground#ffc640
  • gitDecoration.addedResourceForeground#ffc640
  • gitDecoration.conflictingResourceForeground#ffa347
  • gitDecoration.deletedResourceForeground#ff745c
  • gitDecoration.ignoredResourceForeground#8a8a8a
  • gitDecoration.modifiedResourceForeground#ffbb55
  • gitDecoration.stageDeletedResourceForeground#b85847
  • gitDecoration.stageModifiedResourceForeground#ba7f28
  • gitDecoration.submoduleResourceForeground#94c7e1
  • gitDecoration.untrackedResourceForeground#b2dbbf
  • icon.foreground#ffc640
  • input.background#1d1d1d
  • input.border#ffffff00
  • input.foreground#ffffff
  • input.placeholderForeground#ffdd804a
  • inputOption.activeBackground#ffc640
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#ffa5003e
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ffdd800c
  • list.focusBackground#ffffff20
  • list.focusForeground#ffffff
  • list.highlightForeground#ffc640
  • list.hoverBackground#ffdd801e
  • list.hoverForeground#ffa500
  • list.inactiveSelectionBackground#ffdd8010
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#343434bd
  • listFilterWidget.noMatchesOutline#ff1700
  • listFilterWidget.outline#2a2a2a00
  • menu.background#1d1d1d
  • menu.border#ffd86c22
  • menu.foreground#ffc956
  • menu.selectionBackground#ffdd8018
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffdd80
  • menu.separatorBackground#ffdd8022
  • menubar.selectionBackground#ffc640
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#000000
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#3d3d3d
  • merge.currentContentBackground#174841
  • merge.currentHeaderBackground#158472
  • merge.incomingContentBackground#243A5E
  • merge.incomingHeaderBackground#3365AE
  • minimap.background#1d1d1d
  • minimap.errorHighlight#ff5330
  • minimap.findMatchHighlight#ffc64066
  • minimap.selectionHighlight#ffdd8014
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#beff35
  • minimapGutter.deletedBackground#ff555d
  • minimapGutter.modifiedBackground#48d7ff
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#1d1d1d
  • notificationCenterHeader.foreground#ffc640
  • notifications.background#1d1d1d
  • notifications.border#ffffff0a
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ffa695
  • notificationsInfoIcon.foreground#6cbaff
  • notificationsWarningIcon.foreground#ffc640
  • notificationToast.border#00000000
  • panel.background#1d1d1d
  • panel.border#00000000
  • panelSection.border#ffdd8056
  • panelTitle.activeBorder#ffc640
  • panelTitle.activeForeground#ffdd80
  • panelTitle.inactiveForeground#ffc9563a
  • peekView.border#00000000
  • peekViewEditor.background#191919
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#191919
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ffc9566a
  • peekViewResult.selectionBackground#ffc95654
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#00000000
  • pickerGroup.foreground#fff1f1
  • progressBar.background#ffc640
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#ffc640
  • scrollbarSlider.background#ffdd8004
  • scrollbarSlider.hoverBackground#ffdd8034
  • selection.background#ffd70044
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffc640
  • sideBar.background#1d1d1d
  • sideBar.border#ffffff00
  • sideBar.dropBackground#ffdd800c
  • sideBar.foreground#ffffff9f
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#ffc640
  • sideBarTitle.foreground#ffc640
  • statusBar.background#1d1d1d
  • statusBar.border#00000000
  • statusBar.debuggingBackground#ffa500
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#ffffff48
  • statusBar.noFolderBackground#e85050
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#1d1d1d
  • statusBarItem.remoteBackground#ffc640
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#1d1d1d
  • tab.activeBorder#ffa500
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffdd80
  • tab.border#ffffff06
  • tab.hoverBackground#ffc9561e
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#1d1d1d
  • tab.inactiveForeground#ffdd8054
  • 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#ffdd8056
  • terminal.foreground#848484
  • terminal.selectionBackground#ffdd8020
  • terminalCursor.background#ffc640
  • terminalCursor.foreground#000000
  • textLink.foreground#ffa500
  • titleBar.activeBackground#1d1d1d
  • titleBar.activeForeground#ffdd80
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#1d1d1d
  • titleBar.inactiveForeground#414141
  • tree.indentGuidesStroke#ffc53d60
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000000c

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

Kaplan Dark - Coding Theme