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#433d2e
  • activityBar.background#3d3729
  • activityBar.border#3d372942
  • activityBar.foreground#dfe6e6e3
  • activityBar.inactiveForeground#8e887f
  • activityBarBadge.background#2a2720
  • activityBarBadge.foreground#cdcdcd
  • badge.background#150f00b3
  • badge.foreground#cbcbcbd3
  • breadcrumb.activeSelectionForeground#fcfcfc
  • breadcrumb.background#3d3729
  • breadcrumb.focusForeground#fcfcfc
  • breadcrumb.foreground#fcfcfc5a
  • button.background#908457
  • button.foreground#fcfcfc
  • button.hoverBackground#6c6341
  • button.secondaryBackground#565039
  • button.secondaryForeground#fcfcfc
  • button.secondaryHoverBackground#403b2b
  • checkbox.background#3d3729
  • checkbox.border#3d3729
  • checkbox.foreground#fcfcfc
  • debugExceptionWidget.background#342e22
  • debugExceptionWidget.border#2e281f81
  • debugToolBar.background#342e22
  • debugToolBar.border#2e281f81
  • diffEditor.border#ffffff00
  • diffEditor.insertedTextBackground#a1800014
  • diffEditor.insertedTextBorder#ffffff00
  • diffEditor.removedTextBackground#00000036
  • diffEditor.removedTextBorder#ffffff00
  • dropdown.background#3d3729
  • dropdown.border#3d3729
  • dropdown.foreground#fcfcfc
  • editor.background#3d3729
  • editor.findMatchBackground#320707a7
  • editor.findMatchBorder#e0cc2f
  • editor.findMatchHighlightBackground#32010168
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#49433066
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#1710034d
  • editor.foreground#a9c2c1e3
  • editor.hoverHighlightBackground#eb01f240
  • editor.inactiveSelectionBackground#4f472ecf
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#1d1907d9
  • editor.selectionHighlightBackground#add6ff00
  • editor.selectionHighlightBorder#3ba789
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#17528897
  • editorBracketMatch.background#000000a9
  • editorBracketMatch.border#e62375b7
  • editorCodeLens.foreground#907c57
  • editorCursor.background#000000
  • editorCursor.foreground#fcfcfc
  • editorError.background#b73a341c
  • editorError.border#ffffff00
  • editorError.foreground#f94144
  • editorGroup.border#3b33208f
  • editorGroup.emptyBackground#3d3729
  • editorGroupHeader.border#ffffff00
  • editorGroupHeader.tabsBackground#433d2e
  • editorGroupHeader.tabsBorder#3d3629e1
  • editorGutter.addedBackground#90be6d
  • editorGutter.background#3d3729
  • editorGutter.commentRangeForeground#908257
  • editorGutter.deletedBackground#d94648
  • editorGutter.foldingControlForeground#908257
  • editorGutter.modifiedBackground#5d95c2
  • editorHoverWidget.background#322c20
  • editorHoverWidget.border#564f39c5
  • editorHoverWidget.foreground#fcfcfcb3
  • editorIndentGuide.activeBackground#579f91
  • editorIndentGuide.background#4b4732
  • editorInfo.background#44aebf16
  • editorInfo.border#4490BF00
  • editorInfo.foreground#2dd5e6
  • editorLineNumber.activeForeground#e8e8e8
  • editorLineNumber.foreground#5a5647
  • editorLink.activeForeground#17c2ea
  • editorMarkerNavigation.background#322c1b
  • editorMarkerNavigationError.background#ec484b
  • editorMarkerNavigationInfo.background#6cb8c4
  • editorMarkerNavigationWarning.background#fdb834
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#4f493a
  • editorSuggestWidget.background#2e291d
  • editorSuggestWidget.border#302d2500
  • editorSuggestWidget.foreground#d9d9d9c1
  • editorSuggestWidget.highlightForeground#e24b4b
  • editorSuggestWidget.selectedBackground#473814c5
  • editorWarning.background#a9904016
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f8ea1e
  • editorWhitespace.foreground#f0e8da32
  • editorWidget.background#3d3729
  • editorWidget.foreground#fcfcfc
  • editorWidget.resizeBorder#907f57
  • focusBorder#a59854f5
  • foreground#c3c9be
  • gitDecoration.addedResourceForeground#b7d16e
  • gitDecoration.conflictingResourceForeground#e47c53
  • gitDecoration.deletedResourceForeground#db484b
  • gitDecoration.ignoredResourceForeground#716040
  • gitDecoration.modifiedResourceForeground#f2b933
  • gitDecoration.stageDeletedResourceForeground#b04d4e
  • gitDecoration.stageModifiedResourceForeground#f8961e
  • gitDecoration.submoduleResourceForeground#738290
  • gitDecoration.untrackedResourceForeground#719f91
  • icon.foreground#c3c9be
  • input.background#3d3729
  • input.border#3d3729
  • input.foreground#fcfcfc
  • input.placeholderForeground#8e8a7f
  • inputOption.activeBackground#2e281c
  • inputOption.activeBorder#241e1091
  • inputOption.activeForeground#f7f7f7d1
  • list.activeSelectionBackground#e8a70b5e
  • list.activeSelectionForeground#dfe6e6e3
  • list.dropBackground#564d39
  • list.focusBackground#5a4401a9
  • list.focusForeground#fcfcfc
  • list.highlightForeground#f24545
  • list.hoverBackground#5c5126f1
  • list.hoverForeground#fcfcfc
  • list.inactiveSelectionBackground#564c39
  • list.inactiveSelectionForeground#fcfcfc
  • listFilterWidget.background#362f24
  • listFilterWidget.noMatchesOutline#f94144
  • listFilterWidget.outline#00000000
  • menu.background#3d3829
  • menu.border#302a20c5
  • menu.foreground#fcfcfccd
  • menu.selectionBackground#73591ac5
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#564d39
  • menubar.selectionBackground#8a6816cd
  • menubar.selectionBorder#3d3729
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#30271a
  • merge.currentHeaderBackground#5e422e
  • merge.incomingContentBackground#273f25
  • merge.incomingHeaderBackground#307745
  • minimap.background#3d3729
  • minimap.errorHighlight#f94144
  • minimap.findMatchHighlight#320707a7
  • minimap.selectionHighlight#1d1907d9
  • minimap.warningHighlight#f8ea1e
  • minimapGutter.addedBackground#90be6d
  • minimapGutter.deletedBackground#d94648
  • minimapGutter.modifiedBackground#5d95c2
  • notificationCenter.border#2a2518
  • notificationCenterHeader.background#2a2518
  • notificationCenterHeader.foreground#fcfcfc
  • notifications.background#322c1b
  • notifications.border#2a2518
  • notifications.foreground#fbfbfbaf
  • notificationsErrorIcon.foreground#f94144
  • notificationsInfoIcon.foreground#67b6c9
  • notificationsWarningIcon.foreground#f8961e
  • notificationToast.border#564f39
  • panel.background#322d22
  • panel.border#ffffff00
  • panelSection.border#433d30e7
  • panelTitle.activeBorder#fcfcfc
  • panelTitle.activeForeground#fcfcfc
  • panelTitle.inactiveForeground#8e8a7f
  • peekView.border#2e291cc3
  • peekViewEditor.background#322c20
  • peekViewEditor.matchHighlightBackground#fba27200
  • peekViewEditor.matchHighlightBorder#f0a03e
  • peekViewEditorGutter.background#322c20
  • peekViewResult.background#322c20
  • peekViewResult.fileForeground#fcfcfcb7
  • peekViewResult.lineForeground#fcfcfcb9
  • peekViewResult.matchHighlightBackground#f8961e4d
  • peekViewResult.selectionBackground#90845733
  • peekViewResult.selectionForeground#fcfcfcbd
  • peekViewTitle.background#322c20
  • peekViewTitleDescription.foreground#fcfcfcb3
  • peekViewTitleLabel.foreground#fcfcfcb7
  • pickerGroup.border#ffffff00
  • pickerGroup.foreground#f09c2f
  • progressBar.background#b2af19
  • scrollbar.shadow#1d1a1056
  • scrollbarSlider.activeBackground#624b1fdb
  • scrollbarSlider.background#624b1f3a
  • scrollbarSlider.hoverBackground#624b1f8d
  • selection.background#908457
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c3c9be
  • sideBar.background#433d2e
  • sideBar.border#3d3829
  • sideBar.dropBackground#564d39
  • sideBar.foreground#ffffff91
  • sideBarSectionHeader.background#453e30
  • sideBarSectionHeader.border#3d3829
  • sideBarSectionHeader.foreground#dfe6e6e3
  • sideBarTitle.foreground#dfe6e6e3
  • statusBar.background#3d3729
  • statusBar.border#ffffff00
  • statusBar.debuggingBackground#f94144
  • statusBar.debuggingBorder#ffffff00
  • statusBar.debuggingForeground#fcfcfc
  • statusBar.foreground#dbd1b970
  • statusBar.noFolderBackground#322d22
  • statusBar.noFolderBorder#ffffff00
  • statusBar.noFolderForeground#ffffff36
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#7d6814cd
  • statusBarItem.remoteBackground#f94144
  • statusBarItem.remoteForeground#fcfcfc
  • tab.activeBackground#3d3729
  • tab.activeBorder#f9f9f900
  • tab.activeBorderTop#f94144
  • tab.activeForeground#fcfcfc
  • tab.border#363024d1
  • tab.hoverBackground#907a22a9
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#fcfcfc
  • tab.inactiveBackground#433d2e
  • tab.inactiveForeground#8a8a8ad5
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#1a5094
  • terminal.ansiBrightBlack#1b1b1b
  • terminal.ansiBrightBlue#137fdb
  • terminal.ansiBrightCyan#2bcbad
  • terminal.ansiBrightGreen#6ec72a
  • terminal.ansiBrightMagenta#ce25de
  • terminal.ansiBrightRed#ea3336
  • terminal.ansiBrightWhite#e2e2e2
  • terminal.ansiBrightYellow#eac914
  • terminal.ansiCyan#43aa97
  • terminal.ansiGreen#57902b
  • terminal.ansiMagenta#a516b2
  • terminal.ansiRed#bc2a2c
  • terminal.ansiWhite#cfcfcf
  • terminal.ansiYellow#bc9f00
  • terminal.border#433d30e7
  • terminal.foreground#fcfcfcc1
  • terminal.selectionBackground#f9c74f33
  • terminalCursor.background#000000
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ea4151
  • titleBar.activeBackground#3d3729
  • titleBar.activeForeground#fcfcfcad
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#322d22
  • titleBar.inactiveForeground#8e8a7f70
  • tree.indentGuidesStroke#564f39
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#2e2a1f

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

Plum Good Theme - Coding Theme