Skip to main content
CodingTheme

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#342929
  • activityBar.background#262626
  • activityBar.border#994f4f
  • activityBar.foreground#ff346a
  • activityBar.inactiveForeground#ff0044
  • activityBarBadge.background#686868
  • activityBarBadge.foreground#f0f0f0
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ff0044
  • button.foreground#ffffff
  • button.hoverBackground#c44466
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1b1b1b
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#ff0044
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1b1b1b
  • editorGroupHeader.tabsBackground#252526
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#716f6f
  • editorLineNumber.foreground#ffffff
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#ff0044
  • foreground#ff0044
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ff0044
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#3b3b3b
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#424243
  • list.focusForeground#b8b8b8
  • list.highlightForeground#0097fb
  • list.hoverBackground#515151
  • list.hoverForeground#515151
  • list.inactiveSelectionBackground#3b3b3f
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#8c0d0000
  • listFilterWidget.outline#71717100
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1b1b1b
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#2a2a2a
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • 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#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#ff0044
  • scrollbar.shadow#cf8195
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#ff004460
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ff0044
  • sideBar.background#242424
  • sideBar.border#ff0044
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#a5a5a5
  • sideBarSectionHeader.background#4137377a
  • sideBarSectionHeader.border#ffffff33
  • sideBarSectionHeader.foreground#f0f0f0
  • sideBarTitle.foreground#ff0044
  • statusBar.background#211e1f
  • statusBar.border#ff0044
  • statusBar.debuggingBackground#212020
  • statusBar.debuggingBorder#000000
  • statusBar.debuggingForeground#ff0044
  • statusBar.foreground#ff0044
  • statusBar.noFolderBackground#1b1b1b
  • statusBar.noFolderForeground#ff0044
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d
  • 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#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ff0044
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ff0044
  • titleBar.activeBackground#1b1b1b
  • titleBar.activeForeground#ff0044
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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

onebitcode-theme by guicastro13 - VS Code Theme