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#282D3E
  • activityBar.background#323745
  • activityBar.border#40434f
  • activityBar.foreground#74F3B8
  • activityBar.inactiveForeground#d7d7d766
  • activityBarBadge.background#2f3f80
  • activityBarBadge.foreground#ffffff
  • badge.background#74F3B8
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#282D3E
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#bcbcbccc
  • button.background#3454d1
  • button.foreground#ffffff
  • button.hoverBackground#19203d
  • button.secondaryBackground#74F3B8
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#262c45
  • checkbox.background#262c45
  • checkbox.border#00000000
  • checkbox.foreground#c4c4c4
  • debugExceptionWidget.background#282D3E
  • debugExceptionWidget.border#e8e8e82e
  • debugToolBar.background#282D3E
  • debugToolBar.border#e8e8e82e
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#262c45
  • dropdown.border#00000000
  • dropdown.foreground#c4c4c4
  • editor.background#282D3E
  • 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#282D3E
  • editorGroupHeader.border#5c5c5c
  • editorGroupHeader.tabsBackground#282D3E
  • editorGroupHeader.tabsBorder#282D3E
  • editorGutter.addedBackground#0c7c32
  • editorGutter.background#282D3E
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ab3238
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#282D3E
  • 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#282D3E
  • 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#74F3B8
  • focusBorder#ffffff1c
  • foreground#e9e9e9
  • gitDecoration.addedResourceForeground#74F3B8
  • 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#282D3E
  • list.focusForeground#cccccc
  • list.highlightForeground#ffffff
  • list.hoverBackground#74F3B85c
  • list.hoverForeground#e8e8e8
  • list.inactiveSelectionBackground#74F3B850
  • 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#323745
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#282D3E
  • 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#323745
  • notifications.border#ffffff0e
  • notifications.foreground#c0c0c0
  • notificationsErrorIcon.foreground#d73838
  • notificationsInfoIcon.foreground#74F3B8
  • notificationsWarningIcon.foreground#ffde4b
  • notificationToast.border#ffffff14
  • panel.background#282D3E
  • 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#74F3B8
  • progressBar.background#74F3B8
  • scrollbar.shadow#000000b9
  • scrollbarSlider.activeBackground#3454d1
  • scrollbarSlider.background#3454d14a
  • scrollbarSlider.hoverBackground#3454d1bf
  • selection.background#74F3B8ab
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e9e9e9
  • sideBar.background#282D3E
  • sideBar.border#135e3b
  • sideBar.dropBackground#21263d
  • sideBar.foreground#b0b0b0
  • sideBarSectionHeader.background#323745
  • sideBarSectionHeader.border#ffffff33
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#74F3B8
  • 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#74F3B846
  • tab.activeBorder#ffdede
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#ffffff00
  • tab.hoverBackground#282121
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#282D3E
  • 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#74F3B874
  • terminalCursor.foreground#f9f9f9
  • textLink.foreground#74F3B8
  • titleBar.activeBackground#282D3E
  • titleBar.activeForeground#ececec
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#323745
  • 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#FFB778
variable.other.generic-type.haskell#74F3B8
storage.type.haskell#ACBCFF
support.variable.magic.python#FFB778
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f0f0f0
variable.parameter.function.language.special.self.python#F58CFF
storage.modifier.lifetime.rust#f0f0f0
storage.modifier.async.ts#F58CFF
storage.modifier.async.js#F58CFF
storage.modifier.async.js#F58CFF
keyword.control.flow.js#F58CFF
keyword.control.flow.ts#F58CFF
support.function.std.rust#74F3B8
entity.name.lifetime.rust#F58CFF
variable.language.rust#FFB778
support.constant.edge#74F3B8
constant.other.character-class.regexp#FFB778
keyword.operator.quantifier.regexp#ACBCFF
punctuation.definition.string.begin,punctuation.definition.string.end#FFEEA9
variable.parameter.function#f0f0f0
comment markup.link#8076b2
markup.changed.diff#F58CFF
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#74F3B8
markup.inserted.diff#FFEEA9
markup.deleted.diff#FFB778
meta.function.c,meta.function.cpp#FFB778
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#74F3B8
support.constant.math#F58CFF
support.constant.property.math#ACBCFF
variable.other.constant#F58CFF
storage.type.annotation.java, storage.type.object.array.java#F58CFF
source.java#FFB778
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#74F3B8
storage.modifier.import.java,storage.type.java,storage.type.generic.java#F58CFF
keyword.operator.instanceof.java#74F3B8
meta.definition.variable.name.java#FFB778
keyword.operator.logical#f0f0f0
keyword.operator.bitwise#f0f0f0
keyword.operator.channel#f0f0f0
support.constant.property-value.scss,support.constant.property-value.css#ACBCFF
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#ACBCFF
punctuation.separator.list.comma.css#f0f0f0
support.constant.color.w3c-standard-color-name.css#ACBCFF
support.type.vendored.property-name.css#f0f0f0
support.module.node,support.type.object.module,support.module.node#F58CFF
entity.name.type.module#F58CFF
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#FFB778
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#ACBCFF
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#74F3B8
support.type.object.console#FFB778
support.variable.property.process#ACBCFF
entity.name.function,support.function.console#74F3B8
keyword.operator.misc.rust#f0f0f0
keyword.operator.sigil.rust#74F3B8
keyword.operator.delete#74F3B8
support.type.object.dom#f0f0f0
support.variable.dom,support.variable.property.dom#F58CFF
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#74F3B8
punctuation.separator.delimiter#f0f0f0
punctuation.separator.c,punctuation.separator.cpp#74F3B8
support.type.posix-reserved.c,support.type.posix-reserved.cpp#f0f0f0
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#74F3B8
variable.parameter.function.language.python#ACBCFF
support.type.python#f0f0f0
keyword.operator.logical.python#74F3B8
variable.parameter.function.python#ACBCFF
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#74F3B8
constant.character.format.placeholder.other.python#ACBCFF
keyword.operator#f0f0f0
keyword.operator.assignment.compound#74F3B8
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#f0f0f0
keyword#74F3B8
entity.name.namespace#F58CFF
variable#FFB778
variable.c#f0f0f0
variable.language#f0f0f0
token.variable.parameter.java#F58CFF
import.storage.java#F58CFF
token.package.keyword#74F3B8
token.package#f0f0f0
entity.name.function, meta.require, support.function.any-method, variable.function#74F3B8
entity.name.type.namespace#F58CFF
support.class, entity.name.type.class#F58CFF
entity.name.class.identifier.namespace.type#F58CFF
entity.name.class, variable.other.class.js, variable.other.class.ts#F58CFF
variable.other.class.php#FFB778
entity.name.type#F58CFF
keyword.control#74F3B8
control.elements, keyword.operator.less#ACBCFF
keyword.other.special-method#74F3B8
storage#74F3B8
token.storage#74F3B8
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#74F3B8
token.storage.type.java#F58CFF
support.function#f0f0f0
support.type.property-name#f0f0f0
support.constant.property-value#f0f0f0
support.constant.font-name#ACBCFF
meta.tag#f0f0f0
string#FFEEA9
entity.other.inherited-class#F58CFF
constant.other.symbol#f0f0f0
constant.numeric#ACBCFF
constant#ACBCFF
punctuation.definition.constant#ACBCFF
entity.name.tag#F58CFF
entity.other.attribute-name#ACBCFF
entity.other.attribute-name.id#74F3B8normal
entity.other.attribute-name.class.css#ACBCFFnormal
meta.selector#74F3B8
markup.heading#FFB778
markup.heading punctuation.definition.heading, entity.name.section#74F3B8
keyword.other.unit#FFB778
markup.bold,todo.bold#ACBCFF
punctuation.definition.bold#F58CFF
markup.italic, punctuation.definition.italic,todo.emphasis#74F3B8
emphasis md#74F3B8
entity.name.section.markdown#F58CFF
punctuation.definition.heading.markdown#FFB778
punctuation.definition.list.begin.markdown#FFB778
markup.heading.setext#f0f0f0
punctuation.definition.bold.markdown#ACBCFF
markup.inline.raw.markdown#FFEEA9
markup.inline.raw.string.markdown#FFEEA9
punctuation.definition.list.markdown#FFB778
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#FFB778
beginning.punctuation.definition.list.markdown#FFB778
punctuation.definition.metadata.markdown#FFB778
markup.underline.link.markdown,markup.underline.link.image.markdown#74F3B8
string.other.link.title.markdown,string.other.link.description.markdown#74F3B8
string.regexp#f0f0f0
constant.character.escape#f0f0f0
punctuation.section.embedded, variable.interpolation#FFB778
punctuation.section.embedded.begin,punctuation.section.embedded.end#74F3B8
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#F58CFF
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#FFEEA9
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#f0f0f0
support.type.property-name.json#F58CFF
support.type.property-name.json punctuation#F58CFF
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#74F3B8
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#74F3B8
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#F58CFF
keyword.operator.error-control.php#74F3B8
keyword.operator.type.php#74F3B8
punctuation.section.array.begin.php#f0f0f0
punctuation.section.array.end.php#f0f0f0
invalid.illegal.non-null-typehinted.php#FF7373
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#74F3B8
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#ACBCFF
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ACBCFF
entity.name.goto-label.php,support.other.php#74F3B8
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#f0f0f0
keyword.operator.regexp.php#74F3B8
keyword.operator.comparison.php#f0f0f0
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#74F3B8
meta.function.decorator.python#74F3B8
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#ACBCFF
less rgb-value#ACBCFF
selector.sass#FFB778
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#F58CFF
entity.name.variable.local.cs#FFB778
token.info-token#74F3B8
token.warn-token#ACBCFF
token.error-token#FF7373
token.debug-token#74F3B8
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#74F3B8
meta.template.expression#f0f0f0
keyword.operator.module#74F3B8
support.type.type.flowtype#74F3B8
support.type.primitive#F58CFF
meta.property.object#FFB778
variable.parameter.function.js#FFB778
keyword.other.template.begin#FFEEA9
keyword.other.template.end#FFEEA9
keyword.other.substitution.begin#FFEEA9
keyword.other.substitution.end#FFEEA9
keyword.operator.assignment#f0f0f0
keyword.operator.assignment.go#F58CFF
keyword.operator.arithmetic.go, keyword.operator.address.go#74F3B8
entity.name.package.go#F58CFF
support.type.prelude.elm#f0f0f0
support.constant.elm#ACBCFF
punctuation.quasi.element#74F3B8
constant.character.entity#FFB778
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#f0f0f0
entity.global.clojure#F58CFF
meta.symbol.clojure#FFB778
constant.keyword.clojure#f0f0f0
meta.arguments.coffee, variable.parameter.function.coffee#FFB778
source.ini#FFEEA9
meta.scope.prerequisites.makefile#FFB778
source.makefile#F58CFF
storage.modifier.import.groovy#F58CFF
meta.method.groovy#74F3B8
meta.definition.variable.name.groovy#FFB778
meta.definition.class.inherited.classes.groovy#FFEEA9
support.variable.semantic.hlsl#F58CFF
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#74F3B8
text.variable, text.bracketed#FFB778
support.type.swift, support.type.vb.asp#26f8ff
entity.name.function.xi#F58CFF
entity.name.class.xi#f0f0f0
constant.character.character-class.regexp.xi#FFB778
constant.regexp.xi#74F3B8
keyword.control.xi#f0f0f0
invalid.xi#f0f0f0
beginning.punctuation.definition.quote.markdown.xi#FFEEA9
beginning.punctuation.definition.list.markdown.xi#8076b2
constant.character.xi#74F3B8
accent.xi#74F3B8
wikiword.xi#ACBCFF
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#F58CFF
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#FFB778
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