Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#f3f3f3
  • activityBar.border#ffffff
  • activityBar.foreground#808080
  • activityBar.inactiveForeground#2a2a2a66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#0099ff
  • button.foreground#ffffff
  • button.hoverBackground#35aeff
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#00900940
  • diffEditor.removedTextBackground#b600003a
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#ffffff
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#000000
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#add6ff
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#5a5a5a
  • editorCursor.background#bcbcbc
  • editorCursor.foreground#000000
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.tabsBackground#f3f3f3
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#00ba22
  • editorGutter.background#ffffff
  • editorGutter.commentRangeForeground#b0b0b0
  • editorGutter.deletedBackground#cf000a
  • editorGutter.foldingControlForeground#b0b0b0
  • editorGutter.modifiedBackground#007bcd
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#ffffff
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#0b216f
  • editorLineNumber.foreground#4e91d9
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#0087ff
  • editorMarkerNavigationWarning.background#ffb700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#0088ff
  • editorSuggestWidget.selectedBackground#0083ff46
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#0090f1
  • foreground#868686
  • gitDecoration.addedResourceForeground#71a700
  • gitDecoration.conflictingResourceForeground#1919db
  • gitDecoration.deletedResourceForeground#e40000
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#ab6900
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#008e00
  • icon.foreground#868686
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#0060c0
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#d6ebff
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#0066bf
  • list.hoverBackground#e8e8e8
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#e4e6f1
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#0080ff
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#3fe0be
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#3693ff
  • minimap.background#ffffff
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#e9a700
  • minimap.selectionHighlight#add6ff
  • minimap.warningHighlight#f5d802de
  • minimapGutter.addedBackground#00ba22
  • minimapGutter.deletedBackground#cf000a
  • minimapGutter.modifiedBackground#007bcd
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#ffffff
  • panel.border#7b7b7b
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f5d802de
  • peekViewEditor.matchHighlightBorder#dbc417
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#0088ff
  • progressBar.background#0070ff
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#89bbe8
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#868686
  • sideBar.background#f3f3f3
  • sideBar.dropBackground#d6ebff
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616130
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#0099ff
  • statusBar.debuggingBackground#ff6315
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#8517a1
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#008641
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ffffff
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#333333
  • tab.border#ffffff
  • tab.inactiveBackground#ececec
  • tab.inactiveForeground#333333b3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#80808059
  • terminal.foreground#449300
  • terminal.selectionBackground#36c00040
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#006ab1
  • titleBar.activeBackground#f3f3f3
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dddddd99
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#a9a9a9
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

AllDwarf's Color Themes - Coding Theme