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.activeBackground#262121
  • activityBar.background#1f1a1a
  • activityBar.border#1d1818
  • activityBar.foreground#a9f2bc
  • activityBar.inactiveForeground#7a8c7e
  • activityBarBadge.background#b24591
  • activityBarBadge.foreground#ffffff
  • badge.background#a55e90
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1d1818
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#b6c0b8
  • button.background#3ba556
  • button.foreground#ffffff
  • button.hoverBackground#427b50
  • button.secondaryBackground#333838
  • button.secondaryForeground#cdcdcd
  • button.secondaryHoverBackground#2e3232
  • checkbox.background#ffffff00
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#252526
  • debugExceptionWidget.border#ffffff00
  • debugToolBar.background#252526
  • debugToolBar.border#ffffff00
  • diffEditor.border#47584b
  • diffEditor.insertedTextBackground#6d9f792e
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#b4707036
  • diffEditor.removedTextBorder#ffffff00
  • dropdown.background#ffffff00
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1d1818
  • editor.findMatchBackground#8397885e
  • editor.findMatchBorder#839788
  • editor.findMatchHighlightBackground#88a58f99
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#4f3e376a
  • editor.foreground#6fea94
  • editor.hoverHighlightBackground#83978f95
  • editor.inactiveSelectionBackground#ffffff12
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#2a2a2a
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffffff22
  • editor.selectionHighlightBackground#a0eeb32e
  • editor.selectionHighlightBorder#839788
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#749b7d74
  • editorBracketMatch.background#62d1791a
  • editorBracketMatch.border#839788
  • editorCodeLens.foreground#b4a1a142
  • editorCursor.background#ffffffa9
  • editorCursor.foreground#ffffff22
  • editorError.background#b73a3400
  • editorError.border#ffffff00
  • editorError.foreground#823a3a
  • editorGroup.border#47584b
  • editorGroup.emptyBackground#1d1818
  • editorGroupHeader.border#d3d3d30e
  • editorGroupHeader.tabsBackground#151111
  • editorGutter.addedBackground#4c6653
  • editorGutter.background#1d1818
  • editorGutter.commentRangeForeground#c5c5c54c
  • editorGutter.deletedBackground#5c2e30
  • editorGutter.foldingControlForeground#c5c5c54c
  • editorGutter.modifiedBackground#375158
  • editorHoverWidget.background#282828
  • editorHoverWidget.border#383838
  • editorHoverWidget.foreground#cccccc50
  • editorIndentGuide.activeBackground#ffffff56
  • editorIndentGuide.background#ffffff1e
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#839788
  • editorLineNumber.activeForeground#d78461
  • editorLineNumber.foreground#4f3e37
  • editorLink.activeForeground#839788
  • editorMarkerNavigation.background#444b44
  • editorMarkerNavigationError.background#6b3333
  • editorMarkerNavigationInfo.background#245656
  • editorMarkerNavigationWarning.background#9b8839
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#0000004a
  • editorRuler.foreground#ffffff1e
  • editorSuggestWidget.background#252626
  • editorSuggestWidget.border#2e2c2c
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#839788
  • editorSuggestWidget.selectedBackground#382a2d
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#7b7969
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#4d5a50
  • foreground#839788
  • 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#839788
  • input.background#ffffff00
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#899289
  • inputOption.activeBackground#ffffff08
  • inputOption.activeBorder#3f2237
  • inputOption.activeForeground#b6b6b6
  • list.activeSelectionBackground#8397881a
  • list.activeSelectionForeground#8bcf9b
  • list.dropBackground#8397881a
  • list.focusBackground#382a2d
  • list.focusForeground#d4d4d4
  • list.highlightForeground#839788
  • list.hoverBackground#382a2d
  • list.hoverForeground#92e6a6
  • list.inactiveSelectionBackground#43383860
  • list.inactiveSelectionForeground#70a77d
  • listFilterWidget.background#4b3b33
  • listFilterWidget.noMatchesOutline#737745
  • listFilterWidget.outline#00000000
  • menu.background#1f1a1a
  • menu.border#00000014
  • menu.foreground#8a948d
  • menu.selectionBackground#382a2d
  • menu.selectionBorder#00000000
  • menu.selectionForeground#adcbb5
  • menu.separatorBackground#2e2e2e
  • menubar.selectionBackground#ffffff12
  • menubar.selectionBorder#f70e0e00
  • menubar.selectionForeground#adcbb5
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#4b6852
  • merge.currentHeaderBackground#669471
  • merge.incomingContentBackground#623f3f
  • merge.incomingHeaderBackground#9d6161
  • minimap.background#1d1818
  • minimap.errorHighlight#823a3a
  • minimap.findMatchHighlight#8397885e
  • minimap.selectionHighlight#ffffff22
  • minimap.warningHighlight#7b7969
  • minimapGutter.addedBackground#4c6653
  • minimapGutter.deletedBackground#5c2e30
  • minimapGutter.modifiedBackground#375158
  • notificationCenter.border#25252600
  • notificationCenterHeader.background#333334
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#25252600
  • panel.background#1d1818
  • panel.border#47584b
  • panelSection.border#47584b
  • panelTitle.activeBorder#43624a
  • panelTitle.activeForeground#946887
  • panelTitle.inactiveForeground#beafaf99
  • peekView.border#839788
  • peekViewEditor.background#1f2a21
  • peekViewEditor.matchHighlightBackground#606b62
  • peekViewEditor.matchHighlightBorder#c7bcac
  • peekViewEditorGutter.background#1f2a21
  • peekViewResult.background#1f1d1d
  • peekViewResult.fileForeground#969696
  • peekViewResult.lineForeground#84ad8f
  • peekViewResult.matchHighlightBackground#38413a87
  • peekViewResult.selectionBackground#83978830
  • peekViewResult.selectionForeground#e5ffec
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#a9a9a9b3
  • peekViewTitleLabel.foreground#8ade9c87
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#84bc92
  • progressBar.background#839788
  • scrollbar.shadow#111312
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#839788
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#839788
  • sideBar.background#151111
  • sideBar.border#c9313100
  • sideBar.dropBackground#8397881a
  • sideBar.foreground#cfe4d4c5
  • sideBarSectionHeader.background#1d1818
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#cfe4d4c5
  • sideBarTitle.foreground#cfe4d4
  • statusBar.background#171313
  • statusBar.border#ffffff00
  • statusBar.debuggingBackground#2e281f
  • statusBar.debuggingBorder#ff000000
  • statusBar.debuggingForeground#8f9f78
  • statusBar.foreground#a9869f
  • statusBar.noFolderBackground#161d189d
  • statusBar.noFolderForeground#906d6d
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#84b08f00
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1d1818
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#cfe4d4
  • tab.border#ffffff1c
  • tab.hoverBackground#241f1f
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#cfe4d4
  • tab.inactiveBackground#151111
  • tab.inactiveForeground#ffeeee80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#43678e
  • terminal.ansiBrightBlack#7d7a7a
  • terminal.ansiBrightBlue#425c79
  • terminal.ansiBrightCyan#1a6779
  • terminal.ansiBrightGreen#199664
  • terminal.ansiBrightMagenta#a75aa7
  • terminal.ansiBrightRed#ba5c5c
  • terminal.ansiBrightWhite#e6e6e6
  • terminal.ansiBrightYellow#e8e866
  • terminal.ansiCyan#2e6c7b
  • terminal.ansiGreen#207957
  • terminal.ansiMagenta#993299
  • terminal.ansiRed#8c3333
  • terminal.ansiWhite#bababa
  • terminal.ansiYellow#a3a331
  • terminal.border#47584b
  • terminal.foreground#d1d1d1
  • terminal.selectionBackground#5e57573a
  • terminalCursor.background#3a3d4166
  • terminalCursor.foreground#ffffff
  • textLink.foreground#298c50
  • titleBar.activeBackground#171313
  • titleBar.activeForeground#849b8a
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1f1a1a
  • titleBar.inactiveForeground#a1baa7
  • tree.indentGuidesStroke#4b4239
  • 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#f5edfd
variable.other.generic-type.haskell#e47cc5
storage.type.haskell#baffcc
support.variable.magic.python#f5edfd
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#6fea94
variable.parameter.function.language.special.self.python#e4ee6e
storage.modifier.lifetime.rust#6fea94
support.function.std.rust#6fea94
entity.name.lifetime.rust#e4ee6e
variable.language.rust#f5edfd
support.constant.edge#e47cc5
constant.other.character-class.regexp#f5edfd
keyword.operator.quantifier.regexp#baffcc
punctuation.definition.string.begin,punctuation.definition.string.end#ff8657
variable.parameter.function#6fea94
comment markup.link#414141
markup.changed.diff#e4ee6e
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6fea94
markup.inserted.diff#ff8657
markup.deleted.diff#f5edfd
meta.function.c,meta.function.cpp#f5edfd
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#6fea94
punctuation.separator.key-value#6fea94
keyword.operator.expression.import#6fea94
support.constant.math#e4ee6e
support.constant.property.math#baffcc
variable.other.constant#e4ee6e
storage.type.annotation.java, storage.type.object.array.java#e4ee6e
source.java#f5edfd
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#6fea94
meta.method.java#6fea94
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e4ee6e
keyword.operator.instanceof.java#e47cc5
meta.definition.variable.name.java#f5edfd
keyword.operator.logical#a156f9
keyword.operator.bitwise#a156f9
keyword.operator.channel#a156f9
support.constant.property-value.scss,support.constant.property-value.css#e47cc5
keyword.operator.css,keyword.operator.scss,keyword.operator.less#a156f9
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#a156f9
punctuation.separator.list.comma.css#6fea94
support.constant.color.w3c-standard-color-name.css#e4ee6e
support.type.vendored.property-name.css#a156f9
support.module.node,support.type.object.module,support.module.node#e4ee6e
entity.name.type.module#e4ee6e
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f5edfd
support.constant.json#baffcc
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#e47cc5
support.type.object.console#f5edfd
support.variable.property.process#baffcc
entity.name.function,support.function.console#6fea94
keyword.operator.misc.rust#6fea94
keyword.operator.sigil.rust#e47cc5
keyword.operator.delete#e47cc5
support.type.object.dom#a156f9
support.variable.dom,support.variable.property.dom#f5edfd
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#a156f9
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#e47cc5
punctuation.separator.delimiter#6fea94
punctuation.separator.c,punctuation.separator.cpp#e47cc5
support.type.posix-reserved.c,support.type.posix-reserved.cpp#a156f9
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#e47cc5
variable.parameter.function.language.python#baffcc
support.type.python#a156f9
keyword.operator.logical.python#e47cc5
variable.parameter.function.python#baffcc
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#6fea94
meta.function-call.generic.python#6fea94
constant.character.format.placeholder.other.python#baffcc
keyword.operator#6fea94
keyword.operator.assignment.compound#e47cc5
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#a156f9
keyword#e47cc5
entity.name.namespace#e4ee6e
variable#f5edfd
variable.c#6fea94
variable.language#e4ee6e
token.variable.parameter.java#6fea94
import.storage.java#e4ee6e
token.package.keyword#e47cc5
token.package#6fea94
entity.name.function, meta.require, support.function.any-method, variable.function#6fea94
entity.name.type.namespace#e4ee6e
support.class, entity.name.type.class#e4ee6e
entity.name.class.identifier.namespace.type#e4ee6e
entity.name.class, variable.other.class.js, variable.other.class.ts#e4ee6e
variable.other.class.php#f5edfd
entity.name.type#e4ee6e
keyword.control#e47cc5
control.elements, keyword.operator.less#baffcc
keyword.other.special-method#6fea94
storage#e47cc5
token.storage#e47cc5
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#e47cc5
token.storage.type.java#e4ee6e
support.function#a156f9
support.type.property-name#6fea94
support.constant.property-value#6fea94
support.constant.font-name#baffcc
meta.tag#6fea94
string#ff8657
entity.other.inherited-class#e4ee6e
constant.other.symbol#a156f9
constant.numeric#baffcc
constant#baffcc
punctuation.definition.constant#baffcc
entity.name.tag#f5edfd
entity.other.attribute-name#baffcc
entity.other.attribute-name.id#6fea94normal
entity.other.attribute-name.class.css#ff8657normal
meta.selector#e47cc5
markup.heading#f5edfd
markup.heading punctuation.definition.heading, entity.name.section#6fea94
keyword.other.unit#f5edfd
markup.bold,todo.bold#baffcc
punctuation.definition.bold#e4ee6e
markup.italic, punctuation.definition.italic,todo.emphasis#e47cc5
emphasis md#e47cc5
entity.name.section.markdown#f5edfd
punctuation.definition.heading.markdown#f5edfd
punctuation.definition.list.begin.markdown#f5edfd
markup.heading.setext#6fea94
punctuation.definition.bold.markdown#baffcc
markup.inline.raw.markdown#ff8657
markup.inline.raw.string.markdown#ff8657
punctuation.definition.list.markdown#f5edfd
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f5edfd
beginning.punctuation.definition.list.markdown#f5edfd
punctuation.definition.metadata.markdown#f5edfd
markup.underline.link.markdown,markup.underline.link.image.markdown#e47cc5
string.other.link.title.markdown,string.other.link.description.markdown#6fea94
string.regexp#a156f9
constant.character.escape#a156f9
punctuation.section.embedded, variable.interpolation#f5edfd
punctuation.section.embedded.begin,punctuation.section.embedded.end#e47cc5
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#6fea94
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f5edfd
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f5edfd
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#ff8657
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#a156f9
support.type.property-name.json#f5edfd
support.type.property-name.json punctuation#f5edfd
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#e47cc5
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#e47cc5
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e4ee6e
keyword.operator.error-control.php#e47cc5
keyword.operator.type.php#e47cc5
punctuation.section.array.begin.php#6fea94
punctuation.section.array.end.php#6fea94
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e4ee6e
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#6fea94
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#6fea94
support.constant.core.rust#baffcc
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#baffcc
entity.name.goto-label.php,support.other.php#6fea94
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#a156f9
keyword.operator.regexp.php#e47cc5
keyword.operator.comparison.php#a156f9
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#e47cc5
meta.function.decorator.python#6fea94
support.token.decorator.python,meta.function.decorator.identifier.python#a156f9
function.parameter#6fea94
function.brace#6fea94
function.parameter.ruby, function.parameter.cs#6fea94
constant.language.symbol.ruby#a156f9
rgb-value#a156f9
inline-color-decoration rgb-value#baffcc
less rgb-value#baffcc
selector.sass#f5edfd
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e4ee6e
block.scope.end,block.scope.begin#6fea94
storage.type.cs#e4ee6e
entity.name.variable.local.cs#f5edfd
token.info-token#6fea94
token.warn-token#baffcc
token.error-token#f44747
token.debug-token#e47cc5
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#e47cc5
meta.template.expression#6fea94
keyword.operator.module#e47cc5
support.type.type.flowtype#6fea94
support.type.primitive#e4ee6e
meta.property.object#f5edfd
variable.parameter.function.js#f5edfd
keyword.other.template.begin#ff8657
keyword.other.template.end#ff8657
keyword.other.substitution.begin#ff8657
keyword.other.substitution.end#ff8657
keyword.operator.assignment#a156f9
keyword.operator.assignment.go#e4ee6e
keyword.operator.arithmetic.go, keyword.operator.address.go#e47cc5
entity.name.package.go#e4ee6e
support.type.prelude.elm#a156f9
support.constant.elm#baffcc
punctuation.quasi.element#e47cc5
constant.character.entity#f5edfd
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#e4ee6e
entity.global.clojure#e4ee6e
meta.symbol.clojure#f5edfd
constant.keyword.clojure#a156f9
meta.arguments.coffee, variable.parameter.function.coffee#f5edfd
source.ini#ff8657
meta.scope.prerequisites.makefile#f5edfd
source.makefile#e4ee6e
storage.modifier.import.groovy#e4ee6e
meta.method.groovy#6fea94
meta.definition.variable.name.groovy#f5edfd
meta.definition.class.inherited.classes.groovy#ff8657
support.variable.semantic.hlsl#e4ee6e
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#e47cc5
text.variable, text.bracketed#f5edfd
support.type.swift, support.type.vb.asp#e4ee6e
entity.name.function.xi#e4ee6e
entity.name.class.xi#a156f9
constant.character.character-class.regexp.xi#f5edfd
constant.regexp.xi#e47cc5
keyword.control.xi#a156f9
invalid.xi#6fea94
beginning.punctuation.definition.quote.markdown.xi#ff8657
beginning.punctuation.definition.list.markdown.xi#414141
constant.character.xi#6fea94
accent.xi#6fea94
wikiword.xi#baffcc
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#414141
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e4ee6e
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f5edfd
meta.brace.square#6fea94
comment, punctuation.definition.comment#414141italic
markup.quote.markdown#414141
punctuation.definition.block.sequence.item.yaml#6fea94
constant.language.symbol.elixir#a156f9
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...

Budokan Official - Coding Theme