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#F778281A
  • activityBar.background#1d2227
  • activityBar.foreground#65D7EA
  • activityBar.inactiveForeground#65D7EA64
  • activityBarBadge.background#FF4C3B
  • activityBarBadge.foreground#E0F7FA
  • badge.background#FF4C3B
  • badge.foreground#E0F7FA
  • breadcrumb.activeSelectionForeground#E0F7FA
  • breadcrumb.background#1d2227
  • breadcrumb.focusForeground#E0F7FA
  • breadcrumb.foreground#9CCCDCCC
  • button.background#65D7EAb3
  • button.foreground#111821
  • button.hoverBackground#65D7EA
  • button.secondaryBackground#65D7EAb3
  • button.secondaryForeground#111821
  • button.secondaryHoverBackground#65D7EA
  • checkbox.background#111821
  • checkbox.border#FF4C3B
  • checkbox.foreground#E0F7FA
  • debugExceptionWidget.background#111821
  • debugExceptionWidget.border#FF4C3B
  • debugToolBar.background#111821
  • debugToolBar.border#FF4C3B
  • diffEditor.border#111821
  • diffEditor.insertedTextBackground#E0F7FA33
  • diffEditor.insertedTextBorder#FF4C3B00
  • diffEditor.removedTextBackground#FF4C3B33
  • dropdown.background#111821
  • dropdown.border#65D7EA
  • dropdown.foreground#E0F7FA
  • editor.background#1d2227
  • editor.findMatchBackground#9CCCDC62
  • editor.findMatchBorder#9CCCDC00
  • editor.findMatchHighlightBackground#E0F7FA5a
  • editor.findMatchHighlightBorder#E0F7FA00
  • editor.findRangeHighlightBackground#9CCCDC16
  • editor.findRangeHighlightBorder#E0F7FA00
  • editor.foldBackground#9CCCDC14
  • editor.foreground#E0F7FA
  • editor.hoverHighlightBackground#9CCCDC5e
  • editor.inactiveSelectionBackground#111821
  • editor.lineHighlightBackground#E0F7FA0A
  • editor.lineHighlightBorder#11182100
  • editor.rangeHighlightBackground#E0F7FA0b
  • editor.rangeHighlightBorder#E0F7FA00
  • editor.selectionBackground#E0F7FA3a
  • editor.selectionHighlightBackground#E0F7FA48
  • editor.selectionHighlightBorder#00559300
  • editor.wordHighlightBackground#005593E5
  • editor.wordHighlightBorder#E0F7FA00
  • editor.wordHighlightStrongBackground#9CCCDC4a
  • editor.wordHighlightStrongBorder#FF4C3B00
  • editorBracketMatch.background#E0F7FA00
  • editorBracketMatch.border#E0F7FA00
  • editorCodeLens.foreground#9CCCDCD5
  • editorCursor.background#111821
  • editorCursor.foreground#E0F7FA
  • editorError.background#FF4C3B00
  • editorError.border#FF4C3B42
  • editorError.foreground#FF4C3B
  • editorGroup.border#1d2227
  • editorGroup.emptyBackground#111821
  • editorGroupHeader.border#1d22274A
  • editorGroupHeader.tabsBackground#111821
  • editorGroupHeader.tabsBorder#1d2227
  • editorGutter.addedBackground#2ECC71
  • editorGutter.background#1d2227
  • editorGutter.commentRangeForeground#E0F7FA
  • editorGutter.deletedBackground#FF4C3B
  • editorGutter.foldingControlForeground#E0F7FA
  • editorGutter.modifiedBackground#9CCCDC
  • editorHoverWidget.background#111821
  • editorHoverWidget.border#65D7EA
  • editorHoverWidget.foreground#E0F7FA
  • editorIndentGuide.activeBackground#E0F7FA60
  • editorIndentGuide.background#65D7EA34
  • editorInfo.background#20BADB00
  • editorInfo.border#20BADB00
  • editorInfo.foreground#9CCCDC
  • editorLineNumber.activeForeground#E0F7FA
  • editorLineNumber.foreground#65D7EA76
  • editorLink.activeForeground#9CCCDC
  • editorMarkerNavigation.background#1d2227
  • editorMarkerNavigationError.background#F77828
  • editorMarkerNavigationInfo.background#9CCCDC
  • editorMarkerNavigationWarning.background#E0F7FA
  • editorOverviewRuler.background#111821
  • editorOverviewRuler.border#2ECC7100
  • editorRuler.foreground#E0F7FA60
  • editorSuggestWidget.background#111821
  • editorSuggestWidget.border#65D7EA
  • editorSuggestWidget.foreground#E0F7FA
  • editorSuggestWidget.highlightForeground#9CCCDC
  • editorSuggestWidget.selectedBackground#E0F7FA30
  • editorWarning.background#F7782800
  • editorWarning.border#E0F7FA00
  • editorWarning.foreground#E0F7FA
  • editorWhitespace.foreground#E0F7FA20
  • editorWidget.background#111821
  • editorWidget.foreground#E0F7FA
  • editorWidget.resizeBorder#65D7EA
  • focusBorder#FF4C3B
  • foreground#F77828
  • gitDecoration.addedResourceForeground#2ECC71d7
  • gitDecoration.conflictingResourceForeground#20BADB
  • gitDecoration.deletedResourceForeground#F77828
  • gitDecoration.ignoredResourceForeground#E0F7FA87
  • gitDecoration.modifiedResourceForeground#9CCCDC
  • gitDecoration.stageDeletedResourceForeground#65D7EA
  • gitDecoration.stageModifiedResourceForeground#E0F7FA
  • gitDecoration.submoduleResourceForeground#9CCCDC
  • gitDecoration.untrackedResourceForeground#2ECC71
  • icon.foreground#F77828
  • input.background#111821
  • input.border#FF4C3B
  • input.foreground#E0F7FA
  • input.placeholderForeground#65D7EA93
  • inputOption.activeBackground#65D7EA00
  • inputOption.activeBorder#00559300
  • inputOption.activeForeground#65D7EA93
  • list.activeSelectionBackground#E0F7FA28
  • list.activeSelectionForeground#65D7EAe9
  • list.dropBackground#E0F7FA28
  • list.focusBackground#E0F7FA28
  • list.focusForeground#E0F7FA
  • list.highlightForeground#9CCCDC
  • list.hoverBackground#E0F7FA10
  • list.hoverForeground#65D7EAe9
  • list.inactiveSelectionBackground#E0F7FA1a
  • list.inactiveSelectionForeground#65D7EAe9
  • listFilterWidget.background#111821
  • listFilterWidget.noMatchesOutline#FF4C3B
  • listFilterWidget.outline#111821
  • menu.background#111821
  • menu.border#65D7EA
  • menu.foreground#65D7EA
  • menu.selectionBackground#E0F7FA24
  • menu.selectionBorder#FF4C3B00
  • menu.selectionForeground#E0F7FA
  • menu.separatorBackground#FF4C3B
  • menubar.selectionBackground#111821
  • menubar.selectionBorder#65D7EA
  • menubar.selectionForeground#E0F7FA
  • merge.commonContentBackground#1d2227
  • merge.commonHeaderBackground#111821
  • merge.currentContentBackground#111821
  • merge.currentHeaderBackground#2ECC719B
  • merge.incomingContentBackground#005593
  • merge.incomingHeaderBackground#20BADBB5
  • minimap.background#111821
  • minimap.errorHighlight#FF4C3B
  • minimap.findMatchHighlight#9CCCDC62
  • minimap.selectionHighlight#E0F7FA3a
  • minimap.warningHighlight#E0F7FA
  • minimapGutter.addedBackground#2ECC71
  • minimapGutter.deletedBackground#FF4C3B
  • minimapGutter.modifiedBackground#9CCCDC
  • notificationCenter.border#65D7EA
  • notificationCenterHeader.background#111821
  • notificationCenterHeader.foreground#E0F7FA
  • notifications.background#111821
  • notifications.border#65D7EA
  • notifications.foreground#E0F7FA
  • notificationsErrorIcon.foreground#FF4C3B
  • notificationsInfoIcon.foreground#24C5E1
  • notificationsWarningIcon.foreground#F77828
  • notificationToast.border#65D7EA
  • panel.background#1d2227
  • panel.border#E0F7FA60
  • panelSection.border#E0F7FA60
  • panelTitle.activeBorder#9CCCDC
  • panelTitle.activeForeground#65D7EA
  • panelTitle.inactiveForeground#65D7EA93
  • peekView.border#65D7EA
  • peekViewEditor.background#111821
  • peekViewEditor.matchHighlightBackground#E0F7FA32
  • peekViewEditor.matchHighlightBorder#F77828
  • peekViewEditorGutter.background#1d2227
  • peekViewResult.background#111821
  • peekViewResult.fileForeground#E0F7FA
  • peekViewResult.lineForeground#E0F7FA
  • peekViewResult.matchHighlightBackground#FF4C3BA5
  • peekViewResult.selectionBackground#E0F7FA20
  • peekViewResult.selectionForeground#E0F7FA
  • peekViewTitle.background#111821
  • peekViewTitleDescription.foreground#65D7EA76
  • peekViewTitleLabel.foreground#E0F7FA
  • pickerGroup.border#9CCCDC00
  • pickerGroup.foreground#9CCCDC
  • progressBar.background#9CCCDC
  • scrollbar.shadow#E0F7FA5e
  • scrollbarSlider.activeBackground#FF4C3B
  • scrollbarSlider.background#F7782852
  • scrollbarSlider.hoverBackground#FF4C3BB5
  • selection.background#FF4C3B
  • settings.focusedRowBackground#E0F7FA07
  • settings.headerForeground#F77828
  • sideBar.background#111821
  • sideBar.border#1d222700
  • sideBar.dropBackground#E0F7FA28
  • sideBar.foreground#E0F7FA
  • sideBarSectionHeader.background#1d2227
  • sideBarSectionHeader.border#1d222700
  • sideBarSectionHeader.foreground#E0F7FA
  • sideBarTitle.foreground#E0F7FA
  • statusBar.background#1d2227
  • statusBar.border#FF4C3B
  • statusBar.debuggingBackground#20BADB
  • statusBar.debuggingBorder#FF4C3B
  • statusBar.debuggingForeground#1d2227
  • statusBar.foreground#65D7EA
  • statusBar.noFolderBackground#F77828
  • statusBar.noFolderBorder#111821
  • statusBar.noFolderForeground#111821
  • statusBarItem.activeBackground#E0F7FA25
  • statusBarItem.hoverBackground#E0F7FA5a
  • statusBarItem.remoteBackground#F77828
  • statusBarItem.remoteForeground#111821
  • tab.activeBackground#1d2227
  • tab.activeBorder#1d222700
  • tab.activeBorderTop#1d222700
  • tab.activeForeground#65D7EA
  • tab.border#1d2227
  • tab.hoverBackground#111821
  • tab.hoverBorder#9CCCDC
  • tab.hoverForeground#65D7EA
  • tab.inactiveBackground#1d222700
  • tab.inactiveForeground#65D7EA76
  • terminal.ansiBlack#1d2227
  • terminal.ansiBlue#005593
  • terminal.ansiBrightBlack#005593
  • terminal.ansiBrightBlue#9CCCDC
  • terminal.ansiBrightCyan#9CCCDC
  • terminal.ansiBrightGreen#2ECC71
  • terminal.ansiBrightMagenta#9CCCDC
  • terminal.ansiBrightRed#FF4C3B
  • terminal.ansiBrightWhite#E0F7FA
  • terminal.ansiBrightYellow#E0F7FA
  • terminal.ansiCyan#20BADB
  • terminal.ansiGreen#2ECC71
  • terminal.ansiMagenta#FF4C3B
  • terminal.ansiRed#FF4C3B
  • terminal.ansiWhite#E0F7FA
  • terminal.ansiYellow#F77828
  • terminal.border#E0F7FA60
  • terminal.foreground#E0F7FA
  • terminal.selectionBackground#E0F7FA20
  • terminalCursor.background#E0F7FA
  • terminalCursor.foreground#FF4C3B
  • textLink.foreground#9CCCDC
  • titleBar.activeBackground#111821₢₢
  • titleBar.activeForeground#E0F7FA
  • titleBar.border#111821
  • titleBar.inactiveBackground#111821
  • titleBar.inactiveForeground#E0F7FAE1
  • tree.indentGuidesStroke#E0F7FA24
  • walkThrough.embeddedEditorBackground#1d222750
  • widget.shadow#1d2227

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

Luminarca - Coding Theme