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#131724
  • activityBar.background#171c2a
  • activityBar.border#40434f
  • activityBar.foreground#26bb76
  • activityBar.inactiveForeground#d7d7d766
  • activityBarBadge.background#2f3f80
  • activityBarBadge.foreground#ffffff
  • badge.background#26bb76
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#171c2a
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#bcbcbccc
  • button.background#3454d1
  • button.foreground#ffffff
  • button.hoverBackground#19203d
  • button.secondaryBackground#26bb76
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#262c45
  • checkbox.background#262c45
  • checkbox.border#00000000
  • checkbox.foreground#c4c4c4
  • debugExceptionWidget.background#131724
  • debugExceptionWidget.border#e8e8e82e
  • debugToolBar.background#131724
  • debugToolBar.border#e8e8e82e
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#262c45
  • dropdown.border#00000000
  • dropdown.foreground#c4c4c4
  • editor.background#181b28
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#212538
  • editor.foreground#f0f0f0
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#22273d
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#272b3d
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#7d7d7d
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#5f7dff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff512e
  • editorGroup.border#444444
  • editorGroup.emptyBackground#181b28
  • editorGroupHeader.border#5c5c5c
  • editorGroupHeader.tabsBackground#171c2a
  • editorGroupHeader.tabsBorder#171c2a
  • editorGutter.addedBackground#0c7c32
  • editorGutter.background#181b28
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ab3238
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#181b28
  • editorHoverWidget.border#2a314d
  • editorHoverWidget.foreground#d9d9d9
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#717171
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#ffde4b
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#181b28
  • editorSuggestWidget.border#232943
  • editorSuggestWidget.foreground#eaeaea
  • editorSuggestWidget.highlightForeground#007cff
  • editorSuggestWidget.selectedBackground#242a43
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffde4b
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#21263b
  • editorWidget.foreground#b8b8b8
  • editorWidget.resizeBorder#26bb76
  • focusBorder#ffffff1c
  • foreground#e9e9e9
  • gitDecoration.addedResourceForeground#26bb76
  • gitDecoration.conflictingResourceForeground#8c8cff
  • gitDecoration.deletedResourceForeground#ff5c5c
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#94a7f0
  • gitDecoration.stageDeletedResourceForeground#e2725e
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#e9e9e9
  • input.background#262c45
  • input.border#00000000
  • input.foreground#c4c4c4
  • input.placeholderForeground#a9a9a9
  • inputOption.activeBackground#262c45
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#c4c4c4
  • list.activeSelectionBackground#3454d1b7
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#21263d
  • list.focusBackground#181b28
  • list.focusForeground#cccccc
  • list.highlightForeground#ffffff
  • list.hoverBackground#26bb765c
  • list.hoverForeground#e8e8e8
  • list.inactiveSelectionBackground#26bb7650
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#2e375c
  • listFilterWidget.noMatchesOutline#e63e2f
  • listFilterWidget.outline#ffffff00
  • menu.background#232a3d
  • menu.border#ffffff34
  • menu.foreground#c7c7c7
  • menu.selectionBackground#1c2232
  • menu.selectionBorder#1c2232
  • menu.selectionForeground#f5f5f5
  • menu.separatorBackground#a5a5a5
  • menubar.selectionBackground#171c2a
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#181b28
  • minimap.errorHighlight#ff512e
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#272b3d
  • minimap.warningHighlight#ffde4b
  • minimapGutter.addedBackground#0c7c32
  • minimapGutter.deletedBackground#ab3238
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#777777
  • notificationCenterHeader.background#2c3045
  • notificationCenterHeader.foreground#ececec
  • notifications.background#171c2a
  • notifications.border#ffffff0e
  • notifications.foreground#c0c0c0
  • notificationsErrorIcon.foreground#d73838
  • notificationsInfoIcon.foreground#26bb76
  • notificationsWarningIcon.foreground#ffde4b
  • notificationToast.border#ffffff14
  • panel.background#171b26
  • panel.border#ffffff59
  • panelSection.border#ffffff59
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#cfcfcf
  • panelTitle.inactiveForeground#c4c4c499
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ececec
  • pickerGroup.foreground#26bb76
  • progressBar.background#26bb76
  • scrollbar.shadow#000000b9
  • scrollbarSlider.activeBackground#3454d1
  • scrollbarSlider.background#3454d14a
  • scrollbarSlider.hoverBackground#3454d1bf
  • selection.background#26bb76ab
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e9e9e9
  • sideBar.background#131724
  • sideBar.border#135e3b
  • sideBar.dropBackground#21263d
  • sideBar.foreground#b0b0b0
  • sideBarSectionHeader.background#171c2a
  • sideBarSectionHeader.border#ffffff33
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#26bb76
  • statusBar.background#252834
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#d57229cb
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#dbffee
  • statusBar.noFolderBackground#853a99
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#26bb7646
  • tab.activeBorder#ffdede
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#ffffff00
  • tab.hoverBackground#282121
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#171c2a
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#ffffff59
  • terminal.foreground#c0c0c0
  • terminal.selectionBackground#99999940
  • terminalCursor.background#26bb7674
  • terminalCursor.foreground#f9f9f9
  • textLink.foreground#26bb76
  • titleBar.activeBackground#131724
  • titleBar.activeForeground#ececec
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#171c2a
  • titleBar.inactiveForeground#ababab99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000097

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

Bubble Theme - Coding Theme