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#051c2c
  • activityBar.foreground#3bd8e0
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#2b7f84
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#16212a
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#2ba9b0
  • button.foreground#ffffff
  • button.hoverBackground#35c3cb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#151515
  • checkbox.border#ffffff00
  • checkbox.foreground#E2E2E2
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#151515
  • dropdown.border#ffffff00
  • dropdown.foreground#E2E2E2
  • editor.background#16212a
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#7cff4048
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#16212a
  • editorGroupHeader.tabsBackground#0e1921
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#16212a
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#16212a
  • editorHoverWidget.border#3bd8e0
  • 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#4e94ce
  • editorMarkerNavigation.background#16212a
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#3bd8e0
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#16212a
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#3bd8e0
  • editorSuggestWidget.selectedBackground#084043
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#16212a
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#00d1db
  • foreground#3bd8e0
  • 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#3bd8e0
  • input.background#151515
  • input.border#ffffff00
  • input.foreground#E2E2E2
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#235f62
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#095e62
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#054043
  • list.focusForeground#cccccc
  • list.highlightForeground#00e7f2
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#382365
  • listFilterWidget.noMatchesOutline#6800be
  • listFilterWidget.outline#00000000
  • menu.background#12212c
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#4c21a1
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff00
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#16212a
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#3bd8e0
  • notificationCenterHeader.background#1e3141
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#16212a
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#3bd8e0
  • panel.background#16212a
  • panel.border#3bd8e0
  • panelSection.border#3bd8e0
  • panelTitle.activeBorder#3bd8e0
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#3bd8e0
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#04131d
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#04131d
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#12b8c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#289196
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#3bd8e0
  • sideBar.background#04131d
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#f7f7f7
  • statusBar.background#000000
  • statusBar.debuggingBackground#6a33cc
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#731772
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#314fb0
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#16212a
  • tab.activeBorder#3bd8e0
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#0e1921
  • 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#3bd8e0
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#8b4fff
  • titleBar.activeBackground#04131d
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#2a3841
  • 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#c068e2
variable.other.generic-type.haskell#53ff86
storage.type.haskell#f09346
support.variable.magic.python#c068e2
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#e0d570
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#3bd8e0
entity.name.lifetime.rust#e0d570
variable.language.rust#c068e2
support.constant.edge#53ff86
constant.other.character-class.regexp#c068e2
keyword.operator.quantifier.regexp#f09346
punctuation.definition.string.begin,punctuation.definition.string.end#6db9d7
variable.parameter.function#d4d4d4
comment markup.link#7086b4
markup.changed.diff#e0d570
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#3bd8e0
markup.inserted.diff#6db9d7
markup.deleted.diff#c068e2
meta.function.c,meta.function.cpp#c068e2
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#3bd8e0
support.constant.math#e0d570
support.constant.property.math#f09346
variable.other.constant#e0d570
storage.type.annotation.java, storage.type.object.array.java#e0d570
source.java#c068e2
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#3bd8e0
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e0d570
keyword.operator.instanceof.java#53ff86
meta.definition.variable.name.java#c068e2
keyword.operator.logical#d7599a
keyword.operator.bitwise#d7599a
keyword.operator.channel#d7599a
support.constant.property-value.scss,support.constant.property-value.css#f09346
keyword.operator.css,keyword.operator.scss,keyword.operator.less#d7599a
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f09346
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#f09346
support.type.vendored.property-name.css#d7599a
support.module.node,support.type.object.module,support.module.node#e0d570
entity.name.type.module#e0d570
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#c068e2
support.constant.json#f09346
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#53ff86
support.type.object.console#c068e2
support.variable.property.process#f09346
entity.name.function,support.function.console#3bd8e0
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#53ff86
keyword.operator.delete#53ff86
support.type.object.dom#d7599a
support.variable.dom,support.variable.property.dom#c068e2
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#d7599a
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#53ff86
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#53ff86
support.type.posix-reserved.c,support.type.posix-reserved.cpp#d7599a
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#53ff86
variable.parameter.function.language.python#f09346
support.type.python#d7599a
keyword.operator.logical.python#53ff86
variable.parameter.function.python#f09346
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#3bd8e0
constant.character.format.placeholder.other.python#f09346
keyword.operator#d4d4d4
keyword.operator.assignment.compound#53ff86
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#d7599a
keyword#53ff86
entity.name.namespace#e0d570
variable#c068e2
variable.c#d4d4d4
variable.language#e0d570
token.variable.parameter.java#d4d4d4
import.storage.java#e0d570
token.package.keyword#53ff86
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#3bd8e0
entity.name.type.namespace#e0d570
support.class, entity.name.type.class#e0d570
entity.name.class.identifier.namespace.type#e0d570
entity.name.class, variable.other.class.js, variable.other.class.ts#e0d570
variable.other.class.php#c068e2
entity.name.type#e0d570
keyword.control#53ff86
control.elements, keyword.operator.less#f09346
keyword.other.special-method#3bd8e0
storage#53ff86
token.storage#53ff86
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#53ff86
token.storage.type.java#e0d570
support.function#d7599a
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#f09346
meta.tag#d4d4d4
string#6db9d7
entity.other.inherited-class#e0d570
constant.other.symbol#d7599a
constant.numeric#f09346
constant#f09346
punctuation.definition.constant#f09346
entity.name.tag#c068e2
entity.other.attribute-name#f09346
entity.other.attribute-name.id#3bd8e0normal
entity.other.attribute-name.class.css#f09346normal
meta.selector#53ff86
markup.heading#c068e2
markup.heading punctuation.definition.heading, entity.name.section#3bd8e0
keyword.other.unit#c068e2
markup.bold,todo.bold#f09346
punctuation.definition.bold#e0d570
markup.italic, punctuation.definition.italic,todo.emphasis#53ff86
emphasis md#53ff86
entity.name.section.markdown#c068e2
punctuation.definition.heading.markdown#c068e2
punctuation.definition.list.begin.markdown#c068e2
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#f09346
markup.inline.raw.markdown#6db9d7
markup.inline.raw.string.markdown#6db9d7
punctuation.definition.list.markdown#c068e2
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#c068e2
beginning.punctuation.definition.list.markdown#c068e2
punctuation.definition.metadata.markdown#c068e2
markup.underline.link.markdown,markup.underline.link.image.markdown#53ff86
string.other.link.title.markdown,string.other.link.description.markdown#3bd8e0
string.regexp#d7599a
constant.character.escape#d7599a
punctuation.section.embedded, variable.interpolation#c068e2
punctuation.section.embedded.begin,punctuation.section.embedded.end#53ff86
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#c068e2
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#c068e2
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#6db9d7
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#d7599a
support.type.property-name.json#c068e2
support.type.property-name.json punctuation#c068e2
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#53ff86
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#53ff86
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e0d570
keyword.operator.error-control.php#53ff86
keyword.operator.type.php#53ff86
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#e0d570
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#3bd8e0
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#f09346
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f09346
entity.name.goto-label.php,support.other.php#3bd8e0
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#d7599a
keyword.operator.regexp.php#53ff86
keyword.operator.comparison.php#d7599a
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#53ff86
meta.function.decorator.python#3bd8e0
support.token.decorator.python,meta.function.decorator.identifier.python#d7599a
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#d7599a
rgb-value#d7599a
inline-color-decoration rgb-value#f09346
less rgb-value#f09346
selector.sass#c068e2
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e0d570
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#e0d570
entity.name.variable.local.cs#c068e2
token.info-token#3bd8e0
token.warn-token#f09346
token.error-token#f44747
token.debug-token#53ff86
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#53ff86
meta.template.expression#d4d4d4
keyword.operator.module#53ff86
support.type.type.flowtype#3bd8e0
support.type.primitive#e0d570
meta.property.object#c068e2
variable.parameter.function.js#c068e2
keyword.other.template.begin#6db9d7
keyword.other.template.end#6db9d7
keyword.other.substitution.begin#6db9d7
keyword.other.substitution.end#6db9d7
keyword.operator.assignment#d7599a
keyword.operator.assignment.go#e0d570
keyword.operator.arithmetic.go, keyword.operator.address.go#53ff86
entity.name.package.go#e0d570
support.type.prelude.elm#d7599a
support.constant.elm#f09346
punctuation.quasi.element#53ff86
constant.character.entity#c068e2
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#d7599a
entity.global.clojure#e0d570
meta.symbol.clojure#c068e2
constant.keyword.clojure#d7599a
meta.arguments.coffee, variable.parameter.function.coffee#c068e2
source.ini#6db9d7
meta.scope.prerequisites.makefile#c068e2
source.makefile#e0d570
storage.modifier.import.groovy#e0d570
meta.method.groovy#3bd8e0
meta.definition.variable.name.groovy#c068e2
meta.definition.class.inherited.classes.groovy#6db9d7
support.variable.semantic.hlsl#e0d570
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#53ff86
text.variable, text.bracketed#c068e2
support.type.swift, support.type.vb.asp#e0d570
entity.name.function.xi#e0d570
entity.name.class.xi#d7599a
constant.character.character-class.regexp.xi#c068e2
constant.regexp.xi#53ff86
keyword.control.xi#d7599a
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#6db9d7
beginning.punctuation.definition.list.markdown.xi#7086b4
constant.character.xi#3bd8e0
accent.xi#3bd8e0
wikiword.xi#f09346
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7086b4
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e0d570
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#c068e2
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#7086b4italic
markup.quote.markdown#7086b4
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#d7599a
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