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#333333
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#ed5525
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ed5525
  • button.foreground#ffffff
  • button.hoverBackground#d53a09
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#212121
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#c7c2c0
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#472a15
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#00724db8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#212121
  • editorGroupHeader.tabsBackground#252526
  • editorGutter.addedBackground#22eca7
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ec002c
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#00c7ff
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#f73d0f
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#ed5525
  • editorSuggestWidget.selectedBackground#02432d
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#ed5525
  • 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#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#3ba984
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ab330d
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#296d51
  • list.focusForeground#cccccc
  • list.highlightForeground#ed5525
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#ed5525
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#04ab72
  • merge.incomingContentBackground#ad350f
  • merge.incomingHeaderBackground#73240b
  • minimap.background#212121
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#472a15
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#22eca7
  • minimapGutter.deletedBackground#ec002c
  • minimapGutter.modifiedBackground#00c7ff
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#22eca7
  • peekViewEditor.background#381d15
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#331300
  • 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#3f3f46
  • pickerGroup.foreground#ed5525
  • progressBar.background#ed5525
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#ed5525
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#282828
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#cccccc
  • statusBar.background#333333
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#333333
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1b1b1b
  • tab.activeBorder#ff993f
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d
  • 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#16825d
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ed5525
  • titleBar.activeBackground#333333
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • 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#fb764b
variable.other.generic-type.haskell#ff39d7
storage.type.haskell#ffb29e
support.variable.magic.python#fb764b
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#c7c2c0
variable.parameter.function.language.special.self.python#ffce57
storage.modifier.lifetime.rust#c7c2c0
support.function.std.rust#ccfd4b
entity.name.lifetime.rust#ffce57
variable.language.rust#fb764b
support.constant.edge#ff39d7
constant.other.character-class.regexp#fb764b
keyword.operator.quantifier.regexp#ffb29e
punctuation.definition.string.begin,punctuation.definition.string.end#22eca7
variable.parameter.function#c7c2c0
comment markup.link#ccbbcd
markup.changed.diff#ffce57
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ccfd4b
markup.inserted.diff#22eca7
markup.deleted.diff#fb764b
meta.function.c,meta.function.cpp#fb764b
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#c7c2c0
punctuation.separator.key-value#c7c2c0
keyword.operator.expression.import#ccfd4b
support.constant.math#ffce57
support.constant.property.math#ffb29e
variable.other.constant#ffce57
storage.type.annotation.java, storage.type.object.array.java#ffce57
source.java#fb764b
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#c7c2c0
meta.method.java#ccfd4b
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ffce57
keyword.operator.instanceof.java#ff39d7
meta.definition.variable.name.java#fb764b
keyword.operator.logical#81e1ff
keyword.operator.bitwise#81e1ff
keyword.operator.channel#81e1ff
support.constant.property-value.scss,support.constant.property-value.css#ffb29e
keyword.operator.css,keyword.operator.scss,keyword.operator.less#81e1ff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffb29e
punctuation.separator.list.comma.css#c7c2c0
support.constant.color.w3c-standard-color-name.css#ffb29e
support.type.vendored.property-name.css#81e1ff
support.module.node,support.type.object.module,support.module.node#ffce57
entity.name.type.module#ffce57
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#fb764b
support.constant.json#ffb29e
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff39d7
support.type.object.console#fb764b
support.variable.property.process#ffb29e
entity.name.function,support.function.console#ccfd4b
keyword.operator.misc.rust#c7c2c0
keyword.operator.sigil.rust#ff39d7
keyword.operator.delete#ff39d7
support.type.object.dom#81e1ff
support.variable.dom,support.variable.property.dom#fb764b
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#81e1ff
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#ff39d7
punctuation.separator.delimiter#c7c2c0
punctuation.separator.c,punctuation.separator.cpp#ff39d7
support.type.posix-reserved.c,support.type.posix-reserved.cpp#81e1ff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff39d7
variable.parameter.function.language.python#ffb29e
support.type.python#81e1ff
keyword.operator.logical.python#ff39d7
variable.parameter.function.python#ffb29e
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#c7c2c0
meta.function-call.generic.python#ccfd4b
constant.character.format.placeholder.other.python#ffb29e
keyword.operator#c7c2c0
keyword.operator.assignment.compound#ff39d7
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#81e1ff
keyword#ff39d7
entity.name.namespace#ffce57
variable#fb764b
variable.c#c7c2c0
variable.language#ffce57
token.variable.parameter.java#c7c2c0
import.storage.java#ffce57
token.package.keyword#ff39d7
token.package#c7c2c0
entity.name.function, meta.require, support.function.any-method, variable.function#ccfd4b
entity.name.type.namespace#ffce57
support.class, entity.name.type.class#ffce57
entity.name.class.identifier.namespace.type#ffce57
entity.name.class, variable.other.class.js, variable.other.class.ts#ffce57
variable.other.class.php#fb764b
entity.name.type#ffce57
keyword.control#ff39d7
control.elements, keyword.operator.less#ffb29e
keyword.other.special-method#ccfd4b
storage#ff39d7
token.storage#ff39d7
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#ff39d7
token.storage.type.java#ffce57
support.function#81e1ff
support.type.property-name#c7c2c0
support.constant.property-value#c7c2c0
support.constant.font-name#ffb29e
meta.tag#c7c2c0
string#22eca7
entity.other.inherited-class#ffce57
constant.other.symbol#81e1ff
constant.numeric#ffb29e
constant#ffb29e
punctuation.definition.constant#ffb29e
entity.name.tag#fb764b
entity.other.attribute-name#ffb29e
entity.other.attribute-name.id#ccfd4bnormal
entity.other.attribute-name.class.css#ffb29enormal
meta.selector#ff39d7
markup.heading#fb764b
markup.heading punctuation.definition.heading, entity.name.section#ccfd4b
keyword.other.unit#fb764b
markup.bold,todo.bold#ffb29e
punctuation.definition.bold#ffce57
markup.italic, punctuation.definition.italic,todo.emphasis#ff39d7
emphasis md#ff39d7
entity.name.section.markdown#fb764b
punctuation.definition.heading.markdown#fb764b
punctuation.definition.list.begin.markdown#fb764b
markup.heading.setext#c7c2c0
punctuation.definition.bold.markdown#ffb29e
markup.inline.raw.markdown#22eca7
markup.inline.raw.string.markdown#22eca7
punctuation.definition.list.markdown#fb764b
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#fb764b
beginning.punctuation.definition.list.markdown#fb764b
punctuation.definition.metadata.markdown#fb764b
markup.underline.link.markdown,markup.underline.link.image.markdown#ff39d7
string.other.link.title.markdown,string.other.link.description.markdown#ccfd4b
string.regexp#81e1ff
constant.character.escape#81e1ff
punctuation.section.embedded, variable.interpolation#fb764b
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff39d7
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#c7c2c0
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#fb764b
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#fb764b
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#22eca7
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#81e1ff
support.type.property-name.json#fb764b
support.type.property-name.json punctuation#fb764b
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff39d7
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff39d7
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ffce57
keyword.operator.error-control.php#ff39d7
keyword.operator.type.php#ff39d7
punctuation.section.array.begin.php#c7c2c0
punctuation.section.array.end.php#c7c2c0
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ffce57
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ccfd4b
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#c7c2c0
support.constant.core.rust#ffb29e
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffb29e
entity.name.goto-label.php,support.other.php#ccfd4b
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#81e1ff
keyword.operator.regexp.php#ff39d7
keyword.operator.comparison.php#81e1ff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff39d7
meta.function.decorator.python#ccfd4b
support.token.decorator.python,meta.function.decorator.identifier.python#81e1ff
function.parameter#c7c2c0
function.brace#c7c2c0
function.parameter.ruby, function.parameter.cs#c7c2c0
constant.language.symbol.ruby#81e1ff
rgb-value#81e1ff
inline-color-decoration rgb-value#ffb29e
less rgb-value#ffb29e
selector.sass#fb764b
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ffce57
block.scope.end,block.scope.begin#c7c2c0
storage.type.cs#ffce57
entity.name.variable.local.cs#fb764b
token.info-token#ccfd4b
token.warn-token#ffb29e
token.error-token#f44747
token.debug-token#ff39d7
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff39d7
meta.template.expression#c7c2c0
keyword.operator.module#ff39d7
support.type.type.flowtype#ccfd4b
support.type.primitive#ffce57
meta.property.object#fb764b
variable.parameter.function.js#fb764b
keyword.other.template.begin#22eca7
keyword.other.template.end#22eca7
keyword.other.substitution.begin#22eca7
keyword.other.substitution.end#22eca7
keyword.operator.assignment#81e1ff
keyword.operator.assignment.go#ffce57
keyword.operator.arithmetic.go, keyword.operator.address.go#ff39d7
entity.name.package.go#ffce57
support.type.prelude.elm#81e1ff
support.constant.elm#ffb29e
punctuation.quasi.element#ff39d7
constant.character.entity#fb764b
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#81e1ff
entity.global.clojure#ffce57
meta.symbol.clojure#fb764b
constant.keyword.clojure#81e1ff
meta.arguments.coffee, variable.parameter.function.coffee#fb764b
source.ini#22eca7
meta.scope.prerequisites.makefile#fb764b
source.makefile#ffce57
storage.modifier.import.groovy#ffce57
meta.method.groovy#ccfd4b
meta.definition.variable.name.groovy#fb764b
meta.definition.class.inherited.classes.groovy#22eca7
support.variable.semantic.hlsl#ffce57
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#ff39d7
text.variable, text.bracketed#fb764b
support.type.swift, support.type.vb.asp#ffce57
entity.name.function.xi#ffce57
entity.name.class.xi#81e1ff
constant.character.character-class.regexp.xi#fb764b
constant.regexp.xi#ff39d7
keyword.control.xi#81e1ff
invalid.xi#c7c2c0
beginning.punctuation.definition.quote.markdown.xi#22eca7
beginning.punctuation.definition.list.markdown.xi#ccbbcd
constant.character.xi#ccfd4b
accent.xi#ccfd4b
wikiword.xi#ffb29e
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#ccbbcd
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ffce57
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#fb764b
meta.brace.square#c7c2c0
comment, punctuation.definition.comment#ccbbcditalic
markup.quote.markdown#ccbbcd
punctuation.definition.block.sequence.item.yaml#c7c2c0
constant.language.symbol.elixir#81e1ff
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...

Mandarin Themes - Coding Theme