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#ffffff00
  • activityBar.background#323130
  • activityBar.border#ffffff00
  • activityBar.foreground#be9480
  • activityBar.inactiveForeground#adadad
  • activityBarBadge.background#be9480
  • activityBarBadge.foreground#ffffff
  • badge.background#5a3a3a
  • badge.foreground#f3f3f3
  • breadcrumb.activeSelectionForeground#754f4f
  • breadcrumb.background#1f1e1e
  • breadcrumb.focusForeground#754f4f
  • breadcrumb.foreground#5a3a3a
  • button.background#4f99d9
  • button.foreground#f3f3f3
  • button.hoverBackground#6babe2
  • button.secondaryBackground#5a3a3a
  • button.secondaryForeground#f3f3f3
  • button.secondaryHoverBackground#754f4f
  • checkbox.background#323130
  • checkbox.border#ffffff00
  • checkbox.foreground#f3f3f3
  • debugExceptionWidget.background#323130
  • debugExceptionWidget.border#8c4b2c
  • debugToolBar.background#323130
  • debugToolBar.border#8c4b2c
  • diffEditor.border#8c4b2c
  • diffEditor.insertedTextBackground#295a1c60
  • diffEditor.insertedTextBorder#ffffff00
  • diffEditor.removedTextBackground#cf181833
  • diffEditor.removedTextBorder#ffffff00
  • dropdown.background#323130
  • dropdown.border#ffffff00
  • dropdown.foreground#f3f3f3
  • editor.background#1f1e1e
  • editor.findMatchBackground#a18cd94e
  • editor.findMatchBorder#a18cd9
  • editor.findMatchHighlightBackground#a18cd94e
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#a18cd94e
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#754f4f
  • editor.foreground#ffe5d9
  • editor.hoverHighlightBackground#76767638
  • editor.inactiveSelectionBackground#76767638
  • editor.lineHighlightBackground#323130
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#a18cd981
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#7676765c
  • editor.selectionHighlightBackground#fdd87b4e
  • editor.selectionHighlightBorder#fdd87b
  • editor.wordHighlightBackground#76767638
  • editor.wordHighlightBorder#ffffff00
  • editor.wordHighlightStrongBackground#7676765c
  • editor.wordHighlightStrongBorder#ffffff00
  • editorBracketMatch.background#323130
  • editorBracketMatch.border#e9a700
  • editorCodeLens.foreground#a18cd9
  • editorCursor.background#1f1e1e
  • editorCursor.foreground#ffe5d9
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#8c4b2c
  • editorGroup.emptyBackground#1f1e1e
  • editorGroupHeader.tabsBackground#262525
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#85cb6cc3
  • editorGutter.background#1f1e1e
  • editorGutter.commentRangeForeground#a18cd9
  • editorGutter.deletedBackground#e65c5c
  • editorGutter.foldingControlForeground#a18cd9
  • editorGutter.modifiedBackground#4f99d9c5
  • editorHoverWidget.background#262525
  • editorHoverWidget.border#8c4b2c
  • editorHoverWidget.foreground#a18cd9
  • editorIndentGuide.activeBackground#ffffff00
  • editorIndentGuide.background#ffffff00
  • editorInfo.background#ffffff00
  • editorInfo.border#ffffff00
  • editorInfo.foreground#4f99d9c5
  • editorLineNumber.activeForeground#adadad
  • editorLineNumber.foreground#76767697
  • editorLink.activeForeground#0064ff
  • editorMarkerNavigation.background#323130
  • editorMarkerNavigationError.background#ad0707
  • editorMarkerNavigationInfo.background#4f99d9
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#323130
  • editorOverviewRuler.border#ffffff00
  • editorRuler.foreground#5a3a3a
  • editorSuggestWidget.background#262525
  • editorSuggestWidget.border#8c4b2c
  • editorSuggestWidget.foreground#ffe5d9
  • editorSuggestWidget.highlightForeground#be9480
  • editorSuggestWidget.selectedBackground#323130
  • editorWarning.background#ffffff00
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#ffffff00
  • editorWidget.background#262525
  • editorWidget.foreground#adadad
  • editorWidget.resizeBorder#76767697
  • focusBorder#8c4b2c
  • foreground#8c4b2c
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#a18cd9
  • gitDecoration.deletedResourceForeground#e88585
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#e88585
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#81b88b
  • icon.foreground#8c4b2c
  • input.background#323130
  • input.border#ffffff00
  • input.foreground#f3f3f3
  • input.placeholderForeground#adadad
  • inputOption.activeBackground#ffffff00
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#be9480
  • list.activeSelectionBackground#5a3a3a
  • list.activeSelectionForeground#f3f3f3
  • list.dropBackground#2a2929
  • list.focusBackground#2a2929
  • list.focusForeground#f3f3f3
  • list.highlightForeground#be9480
  • list.hoverBackground#754f4f
  • list.hoverForeground#f3f3f3
  • list.inactiveSelectionBackground#754f4f
  • list.inactiveSelectionForeground#f3f3f3
  • listFilterWidget.background#2a2929
  • listFilterWidget.noMatchesOutline#e65c5c
  • listFilterWidget.outline#5a3a3a
  • menu.background#262525
  • menu.border#be948000
  • menu.foreground#be9480
  • menu.selectionBackground#5a3a3a
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#f3f3f3
  • menu.separatorBackground#4f99d9
  • menubar.selectionBackground#754f4f
  • menubar.selectionBorder#be9480
  • menubar.selectionForeground#f3f3f3
  • merge.commonContentBackground#754f4f
  • merge.commonHeaderBackground#5a3a3a
  • merge.currentContentBackground#a18cd9
  • merge.currentHeaderBackground#8e6fe4
  • merge.incomingContentBackground#6babe2
  • merge.incomingHeaderBackground#4f99d9
  • minimap.background#1f1e1e
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#a18cd94e
  • minimap.selectionHighlight#7676765c
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#85cb6cc3
  • minimapGutter.deletedBackground#e65c5c
  • minimapGutter.modifiedBackground#4f99d9c5
  • notificationCenter.border#8c4b2c
  • notificationCenterHeader.background#323130
  • notificationCenterHeader.foreground#be9480
  • notifications.background#262525
  • notifications.border#323130
  • notifications.foreground#f3f3f3
  • notificationsErrorIcon.foreground#e65c5c
  • notificationsInfoIcon.foreground#4f99d9
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#8c4b2c
  • panel.background#1f1e1e
  • panel.border#8c4b2c
  • panelSection.border#8c4b2c
  • panelTitle.activeBorder#8c4b2c
  • panelTitle.activeForeground#f3f3f3
  • panelTitle.inactiveForeground#be9480
  • peekView.border#4f99d9
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#5a3a3a
  • peekViewEditor.matchHighlightBorder#e9a700
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#001f33
  • peekViewResult.fileForeground#ffe5d9
  • peekViewResult.lineForeground#a18cd9
  • peekViewResult.matchHighlightBackground#a18cd94e
  • peekViewResult.selectionBackground#76767697
  • peekViewResult.selectionForeground#f3f3f3
  • peekViewTitle.background#1f1e1e
  • peekViewTitleDescription.foreground#be9480
  • peekViewTitleLabel.foreground#ffe5d9
  • pickerGroup.border#ffffff00
  • pickerGroup.foreground#4f99d9
  • progressBar.background#4f99d9c5
  • scrollbar.shadow#ffffff00
  • scrollbarSlider.activeBackground#4f99d9c5
  • scrollbarSlider.background#323130
  • scrollbarSlider.hoverBackground#4f99d983
  • selection.background#eecbae70
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#8c4b2c
  • sideBar.background#262525
  • sideBar.border#ffffff00
  • sideBar.dropBackground#2a2929
  • sideBar.foreground#be9480
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#be9480
  • sideBarTitle.foreground#adadad
  • statusBar.background#5a3a3a
  • statusBar.border#be9480
  • statusBar.debuggingBackground#8e6fe4
  • statusBar.debuggingBorder#be9480
  • statusBar.debuggingForeground#f3f3f3
  • statusBar.foreground#adadad
  • statusBar.noFolderBackground#e65c5c
  • statusBar.noFolderBorder#be9480
  • statusBar.noFolderForeground#f3f3f3
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#754f4f
  • statusBarItem.remoteBackground#4f99d9
  • statusBarItem.remoteForeground#323130
  • tab.activeBackground#1f1e1e
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#f3f3f3
  • tab.border#ffffff00
  • tab.hoverBackground#323130
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#be9480
  • tab.inactiveBackground#262525
  • tab.inactiveForeground#8c4b2c
  • terminal.ansiBlack#5a3a3a
  • terminal.ansiBlue#4f99d9
  • terminal.ansiBrightBlack#754f4f
  • terminal.ansiBrightBlue#4f99d9
  • terminal.ansiBrightCyan#44a4adf7
  • terminal.ansiBrightGreen#85cb6c
  • terminal.ansiBrightMagenta#8e6fe4
  • terminal.ansiBrightRed#e65c5c
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#e9a700
  • terminal.ansiCyan#44a4adf7
  • terminal.ansiGreen#85cb6c
  • terminal.ansiMagenta#8e6fe4
  • terminal.ansiRed#e65c5c
  • terminal.ansiWhite#f3f3f3
  • terminal.ansiYellow#e9a700
  • terminal.border#8c4b2c
  • terminal.foreground#adadad
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#8c4b2c
  • terminalCursor.foreground#f3f3f3
  • textLink.foreground#8e6fe4
  • titleBar.activeBackground#5a3a3a
  • titleBar.activeForeground#adadad
  • titleBar.border#be9480
  • titleBar.inactiveBackground#5a3a3a
  • titleBar.inactiveForeground#adadad
  • tree.indentGuidesStroke#ffffff00
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0d0d0d85

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

Bohemian - Coding Theme