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

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