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#00000000
  • activityBar.background#101010
  • activityBar.border#101010
  • activityBar.foreground#8eea60
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#8eea60
  • activityBarBadge.foreground#000000
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#101010
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#28381e
  • button.foreground#8eea60
  • button.hoverBackground#334d22
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#101010
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#101010
  • debugExceptionWidget.border#474747
  • debugToolBar.background#101010
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#101010
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#101010
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ffb72d74
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#354f70
  • 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#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#101010
  • editorGroupHeader.tabsBackground#101010
  • editorGroupHeader.tabsBorder#06060600
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#101010
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#101010
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#545454
  • editorIndentGuide.background#4d4d4d5a
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#4d4d4d
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#101010
  • editorMarkerNavigationError.background#88483b
  • editorMarkerNavigationInfo.background#354f70
  • editorMarkerNavigationWarning.background#a59138
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#101010
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#8eea60
  • editorSuggestWidget.selectedBackground#354f70
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#101010
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#8eea60
  • foreground#8eea60
  • gitDecoration.addedResourceForeground#73c2879d
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ff7a6385
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08db5
  • gitDecoration.stageDeletedResourceForeground#ff7a6385
  • gitDecoration.stageModifiedResourceForeground#e2c08db5
  • gitDecoration.submoduleResourceForeground#8db9e2b1
  • gitDecoration.untrackedResourceForeground#64ffaf9d
  • icon.foreground#8eea60
  • input.background#101010
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#354f70
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#354f70
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#2c2c2c
  • list.focusBackground#101010
  • list.focusForeground#cccccc
  • list.highlightForeground#8eea60
  • list.hoverBackground#171717
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#171717
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#354f70
  • 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#101010
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#354f70
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#101010
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#101010
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#1e1e1e
  • peekViewEditor.background#1e1e1e
  • peekViewEditor.matchHighlightBackground#354f70
  • peekViewEditor.matchHighlightBorder#4d6e96
  • peekViewEditorGutter.background#1e1e1e
  • peekViewResult.background#1e1e1e
  • 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#8eea60
  • progressBar.background#8eea60
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#8eea60
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#354f70
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#8eea60
  • sideBar.background#101010
  • sideBar.border#101010
  • sideBar.dropBackground#2c2c2c
  • sideBar.foreground#8eea60
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#101010
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#101010
  • statusBar.border#10101070
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#8eea60
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#8eea60
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#171717
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#8eea60
  • tab.border#101010
  • tab.inactiveBackground#101010
  • 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#8eea60
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#354f70
  • terminalCursor.foreground#ffffff
  • textLink.foreground#8eea60
  • titleBar.activeBackground#101010
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#4d4d4d
  • 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#2db28c
variable.other.generic-type.haskell#7bb5ff
storage.type.haskell#ffffff
support.variable.magic.python#2db28c
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#8eea60
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#9b86ff
entity.name.lifetime.rust#8eea60
variable.language.rust#2db28c
support.constant.edge#7bb5ff
constant.other.character-class.regexp#2db28c
keyword.operator.quantifier.regexp#ffffff
punctuation.definition.string.begin,punctuation.definition.string.end#fdfdfd
variable.parameter.function#d4d4d4
comment markup.link#4d4d4d
markup.changed.diff#8eea60
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#9b86ff
markup.inserted.diff#fdfdfd
markup.deleted.diff#2db28c
meta.function.c,meta.function.cpp#2db28c
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#9b86ff
support.constant.math#8eea60
support.constant.property.math#ffffff
variable.other.constant#8eea60
storage.type.annotation.java, storage.type.object.array.java#8eea60
source.java#2db28c
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#d4d4d4
meta.method.java#9b86ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#8eea60
keyword.operator.instanceof.java#7bb5ff
meta.definition.variable.name.java#2db28c
keyword.operator.logical#ffffff
keyword.operator.bitwise#ffffff
keyword.operator.channel#ffffff
support.constant.property-value.scss,support.constant.property-value.css#ffffff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ffffff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffffff
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#ffffff
support.type.vendored.property-name.css#ffffff
support.module.node,support.type.object.module,support.module.node#8eea60
entity.name.type.module#8eea60
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#2db28c
support.constant.json#ffffff
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#7bb5ff
support.type.object.console#2db28c
support.variable.property.process#ffffff
entity.name.function,support.function.console#9b86ff
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#7bb5ff
keyword.operator.delete#7bb5ff
support.type.object.dom#ffffff
support.variable.dom,support.variable.property.dom#2db28c
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ffffff
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#7bb5ff
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#7bb5ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffffff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#7bb5ff
variable.parameter.function.language.python#ffffff
support.type.python#ffffff
keyword.operator.logical.python#7bb5ff
variable.parameter.function.python#ffffff
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#9b86ff
constant.character.format.placeholder.other.python#ffffff
keyword.operator#d4d4d4
keyword.operator.assignment.compound#7bb5ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffffff
keyword#7bb5ff
entity.name.namespace#8eea60
variable#2db28c
variable.c#d4d4d4
variable.language#8eea60
token.variable.parameter.java#d4d4d4
import.storage.java#8eea60
token.package.keyword#7bb5ff
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#9b86ff
entity.name.type.namespace#8eea60
support.class, entity.name.type.class#8eea60
entity.name.class.identifier.namespace.type#8eea60
entity.name.class, variable.other.class.js, variable.other.class.ts#8eea60
variable.other.class.php#2db28c
entity.name.type#8eea60
keyword.control#7bb5ff
control.elements, keyword.operator.less#ffffff
keyword.other.special-method#9b86ff
storage#7bb5ff
token.storage#7bb5ff
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#7bb5ff
token.storage.type.java#8eea60
support.function#ffffff
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#ffffff
meta.tag#d4d4d4
string#fdfdfd
entity.other.inherited-class#8eea60
constant.other.symbol#ffffff
constant.numeric#ffffff
constant#ffffff
punctuation.definition.constant#ffffff
entity.name.tag#2db28c
entity.other.attribute-name#ffffff
entity.other.attribute-name.id#9b86ffnormal
entity.other.attribute-name.class.css#ffffffnormal
meta.selector#7bb5ff
markup.heading#2db28c
markup.heading punctuation.definition.heading, entity.name.section#9b86ff
keyword.other.unit#2db28c
markup.bold,todo.bold#ffffff
punctuation.definition.bold#8eea60
markup.italic, punctuation.definition.italic,todo.emphasis#7bb5ff
emphasis md#7bb5ff
entity.name.section.markdown#2db28c
punctuation.definition.heading.markdown#2db28c
punctuation.definition.list.begin.markdown#2db28c
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#ffffff
markup.inline.raw.markdown#fdfdfd
markup.inline.raw.string.markdown#fdfdfd
punctuation.definition.list.markdown#2db28c
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#2db28c
beginning.punctuation.definition.list.markdown#2db28c
punctuation.definition.metadata.markdown#2db28c
markup.underline.link.markdown,markup.underline.link.image.markdown#7bb5ff
string.other.link.title.markdown,string.other.link.description.markdown#9b86ff
string.regexp#ffffff
constant.character.escape#ffffff
punctuation.section.embedded, variable.interpolation#2db28c
punctuation.section.embedded.begin,punctuation.section.embedded.end#7bb5ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#2db28c
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#2db28c
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#fdfdfd
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffffff
support.type.property-name.json#2db28c
support.type.property-name.json punctuation#2db28c
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#7bb5ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#7bb5ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#8eea60
keyword.operator.error-control.php#7bb5ff
keyword.operator.type.php#7bb5ff
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#8eea60
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#9b86ff
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#d4d4d4
support.constant.core.rust#ffffff
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffffff
entity.name.goto-label.php,support.other.php#9b86ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ffffff
keyword.operator.regexp.php#7bb5ff
keyword.operator.comparison.php#ffffff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#7bb5ff
meta.function.decorator.python#9b86ff
support.token.decorator.python,meta.function.decorator.identifier.python#ffffff
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#ffffff
rgb-value#ffffff
inline-color-decoration rgb-value#ffffff
less rgb-value#ffffff
selector.sass#2db28c
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#8eea60
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#8eea60
entity.name.variable.local.cs#2db28c
token.info-token#9b86ff
token.warn-token#ffffff
token.error-token#f44747
token.debug-token#7bb5ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#7bb5ff
meta.template.expression#d4d4d4
keyword.operator.module#7bb5ff
support.type.type.flowtype#9b86ff
support.type.primitive#8eea60
meta.property.object#2db28c
variable.parameter.function.js#2db28c
keyword.other.template.begin#fdfdfd
keyword.other.template.end#fdfdfd
keyword.other.substitution.begin#fdfdfd
keyword.other.substitution.end#fdfdfd
keyword.operator.assignment#ffffff
keyword.operator.assignment.go#8eea60
keyword.operator.arithmetic.go, keyword.operator.address.go#7bb5ff
entity.name.package.go#8eea60
support.type.prelude.elm#ffffff
support.constant.elm#ffffff
punctuation.quasi.element#7bb5ff
constant.character.entity#2db28c
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ffffff
entity.global.clojure#8eea60
meta.symbol.clojure#2db28c
constant.keyword.clojure#ffffff
meta.arguments.coffee, variable.parameter.function.coffee#2db28c
source.ini#fdfdfd
meta.scope.prerequisites.makefile#2db28c
source.makefile#8eea60
storage.modifier.import.groovy#8eea60
meta.method.groovy#9b86ff
meta.definition.variable.name.groovy#2db28c
meta.definition.class.inherited.classes.groovy#fdfdfd
support.variable.semantic.hlsl#8eea60
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#7bb5ff
text.variable, text.bracketed#2db28c
support.type.swift, support.type.vb.asp#8eea60
entity.name.function.xi#8eea60
entity.name.class.xi#ffffff
constant.character.character-class.regexp.xi#2db28c
constant.regexp.xi#7bb5ff
keyword.control.xi#ffffff
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#fdfdfd
beginning.punctuation.definition.list.markdown.xi#4d4d4d
constant.character.xi#9b86ff
accent.xi#9b86ff
wikiword.xi#ffffff
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#4d4d4d
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#8eea60
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#2db28c
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#4d4d4ditalic
markup.quote.markdown#4d4d4d
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#ffffff
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...

a_green_cat's theme - Coding Theme