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.background#161b21
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#0a0e14
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#084958
  • button.foreground#ffffff
  • button.hoverBackground#05323d
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#0a0e14
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#161b21
  • debugExceptionWidget.border#3b4451
  • debugToolBar.background#161b21
  • debugToolBar.border#3b4451
  • diffEditor.border#3b4451
  • diffEditor.insertedTextBackground#58b95524
  • diffEditor.removedTextBackground#ff000022
  • dropdown.background#0a0e14
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#0f1319
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#14191f
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#272d36
  • editor.lineHighlightBackground#1d242e
  • editor.lineHighlightBorder#1f2630
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#0d263f
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#749088
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f55050
  • editorGroup.border#3b4451
  • editorGroup.emptyBackground#0f1319
  • editorGroupHeader.border#2e3745
  • editorGroupHeader.tabsBackground#161b21
  • editorGutter.addedBackground#38a529
  • editorGutter.background#0f1319
  • editorGutter.commentRangeForeground#646f7d
  • editorGutter.deletedBackground#cb272f
  • editorGutter.foldingControlForeground#646f7d
  • editorGutter.modifiedBackground#168bab
  • editorHoverWidget.background#161b21
  • editorHoverWidget.border#3b4451
  • editorHoverWidget.foreground#ddd6e8
  • editorIndentGuide.activeBackground#535d6d
  • editorIndentGuide.background#272e38
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#e2e9f5
  • editorLineNumber.foreground#414b5a
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#161b21
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#3b4451
  • editorSuggestWidget.background#161b21
  • editorSuggestWidget.border#3b4451
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#d39319
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#161b21
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#6a7a92
  • focusBorder#2c566b
  • foreground#ddd6e8
  • 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#ddd6e8
  • input.background#0a0e14
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#095d71
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#18202c
  • list.focusBackground#062f4a
  • list.focusForeground#ddd6e8
  • list.highlightForeground#0097fb
  • list.hoverBackground#0a0e14
  • list.hoverForeground#ddd6e8
  • list.inactiveSelectionBackground#212b38
  • list.inactiveSelectionForeground#a7adb8
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#1e242e
  • menu.border#73788085
  • menu.foreground#ddd6e8
  • menu.selectionBackground#0e131b
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#d6e1e83e
  • menubar.selectionBackground#1e242e
  • menubar.selectionForeground#ddd6e8
  • merge.commonContentBackground#272e38
  • merge.commonHeaderBackground#3b4451
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#0f1319
  • minimap.errorHighlight#f55050
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#0d263f
  • minimap.warningHighlight#d39319
  • minimapGutter.addedBackground#38a529
  • minimapGutter.deletedBackground#cb272f
  • minimapGutter.modifiedBackground#168bab
  • notificationCenter.border#3b4451
  • notificationCenterHeader.background#161b21
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#161b21
  • notifications.border#3b4451
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#3b4451
  • panel.background#0a0e14
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#161b21
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#161b21
  • peekViewResult.background#161b21
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#161b21
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3b4451
  • pickerGroup.foreground#3794ff
  • progressBar.background#ff3333
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#0d3849
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ddd6e8
  • sideBar.background#11151b
  • sideBar.dropBackground#18202c
  • sideBar.foreground#ddd6e8
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#aed5de
  • sideBarTitle.foreground#ddd6e8
  • statusBar.background#0a0e14
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#0a0e14
  • tab.activeBorder#00000000
  • tab.activeBorderTop#ff3333
  • tab.activeForeground#ffffff
  • tab.border#11151b
  • tab.hoverBackground#11151b
  • tab.inactiveBackground#161b21
  • 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#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#0a0e14
  • titleBar.activeForeground#ddd6e8
  • titleBar.border#00000000
  • titleBar.inactiveBackground#22293099
  • titleBar.inactiveForeground#cccccc78
  • tree.indentGuidesStroke#3b4451
  • 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#f74343
variable.other.generic-type.haskell#59c2ff
storage.type.haskell#ff8f40
support.variable.magic.python#f74343
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#e8e171
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#b36afb
entity.name.lifetime.rust#e8e171
variable.language.rust#f74343
support.constant.edge#59c2ff
constant.other.character-class.regexp#f74343
keyword.operator.quantifier.regexp#ff8f40
punctuation.definition.string.begin,punctuation.definition.string.end#6bd94c
variable.parameter.function#d4d4d4
comment markup.link#404a54
markup.changed.diff#e8e171
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#b36afb
markup.inserted.diff#6bd94c
markup.deleted.diff#f74343
meta.function.c,meta.function.cpp#f74343
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#b36afb
support.constant.math#e8e171
support.constant.property.math#ff8f40
variable.other.constant#e8e171
storage.type.annotation.java, storage.type.object.array.java#e8e171
source.java#f74343
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#b36afb
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e8e171
keyword.operator.instanceof.java#59c2ff
meta.definition.variable.name.java#f74343
keyword.operator.logical#95e6cb
keyword.operator.bitwise#95e6cb
keyword.operator.channel#95e6cb
support.constant.property-value.scss,support.constant.property-value.css#ff8f40
keyword.operator.css,keyword.operator.scss,keyword.operator.less#95e6cb
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff8f40
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#ff8f40
support.type.vendored.property-name.css#95e6cb
support.module.node,support.type.object.module,support.module.node#e8e171
entity.name.type.module#e8e171
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f74343
support.constant.json#ff8f40
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#59c2ff
support.type.object.console#f74343
support.variable.property.process#ff8f40
entity.name.function,support.function.console#b36afb
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#59c2ff
keyword.operator.delete#59c2ff
support.type.object.dom#95e6cb
support.variable.dom,support.variable.property.dom#f74343
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#95e6cb
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#59c2ff
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#59c2ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#95e6cb
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#59c2ff
variable.parameter.function.language.python#ff8f40
support.type.python#95e6cb
keyword.operator.logical.python#59c2ff
variable.parameter.function.python#ff8f40
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#b36afb
constant.character.format.placeholder.other.python#ff8f40
keyword.operator#d4d4d4
keyword.operator.assignment.compound#59c2ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#95e6cb
keyword#59c2ff
entity.name.namespace#e8e171
variable#f74343
variable.c#d4d4d4
variable.language#e8e171
token.variable.parameter.java#d4d4d4
import.storage.java#e8e171
token.package.keyword#59c2ff
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#b36afb
entity.name.type.namespace#e8e171
support.class, entity.name.type.class#e8e171
entity.name.class.identifier.namespace.type#e8e171
entity.name.class, variable.other.class.js, variable.other.class.ts#e8e171
variable.other.class.php#f74343
entity.name.type#e8e171
keyword.control#59c2ff
control.elements, keyword.operator.less#ff8f40
keyword.other.special-method#b36afb
storage#59c2ff
token.storage#59c2ff
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#59c2ff
token.storage.type.java#e8e171
support.function#95e6cb
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#ff8f40
meta.tag#d4d4d4
string#6bd94c
entity.other.inherited-class#e8e171
constant.other.symbol#95e6cb
constant.numeric#ff8f40
constant#ff8f40
punctuation.definition.constant#ff8f40
entity.name.tag#f74343
entity.other.attribute-name#ff8f40
entity.other.attribute-name.id#b36afbnormal
entity.other.attribute-name.class.css#ff8f40normal
meta.selector#59c2ff
markup.heading#f74343
markup.heading punctuation.definition.heading, entity.name.section#b36afb
keyword.other.unit#f74343
markup.bold,todo.bold#ff8f40
punctuation.definition.bold#e8e171
markup.italic, punctuation.definition.italic,todo.emphasis#59c2ff
emphasis md#59c2ff
entity.name.section.markdown#f74343
punctuation.definition.heading.markdown#f74343
punctuation.definition.list.begin.markdown#f74343
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#ff8f40
markup.inline.raw.markdown#6bd94c
markup.inline.raw.string.markdown#6bd94c
punctuation.definition.list.markdown#f74343
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f74343
beginning.punctuation.definition.list.markdown#f74343
punctuation.definition.metadata.markdown#f74343
markup.underline.link.markdown,markup.underline.link.image.markdown#59c2ff
string.other.link.title.markdown,string.other.link.description.markdown#b36afb
string.regexp#95e6cb
constant.character.escape#95e6cb
punctuation.section.embedded, variable.interpolation#f74343
punctuation.section.embedded.begin,punctuation.section.embedded.end#59c2ff
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#f74343
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f74343
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#6bd94c
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#95e6cb
support.type.property-name.json#f74343
support.type.property-name.json punctuation#f74343
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#59c2ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#59c2ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e8e171
keyword.operator.error-control.php#59c2ff
keyword.operator.type.php#59c2ff
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#e8e171
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#b36afb
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#ff8f40
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff8f40
entity.name.goto-label.php,support.other.php#b36afb
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#95e6cb
keyword.operator.regexp.php#59c2ff
keyword.operator.comparison.php#95e6cb
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#59c2ff
meta.function.decorator.python#b36afb
support.token.decorator.python,meta.function.decorator.identifier.python#95e6cb
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#95e6cb
rgb-value#95e6cb
inline-color-decoration rgb-value#ff8f40
less rgb-value#ff8f40
selector.sass#f74343
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e8e171
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#e8e171
entity.name.variable.local.cs#f74343
token.info-token#b36afb
token.warn-token#ff8f40
token.error-token#f44747
token.debug-token#59c2ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#59c2ff
meta.template.expression#d4d4d4
keyword.operator.module#59c2ff
support.type.type.flowtype#b36afb
support.type.primitive#e8e171
meta.property.object#f74343
variable.parameter.function.js#f74343
keyword.other.template.begin#6bd94c
keyword.other.template.end#6bd94c
keyword.other.substitution.begin#6bd94c
keyword.other.substitution.end#6bd94c
keyword.operator.assignment#95e6cb
keyword.operator.assignment.go#e8e171
keyword.operator.arithmetic.go, keyword.operator.address.go#59c2ff
entity.name.package.go#e8e171
support.type.prelude.elm#95e6cb
support.constant.elm#ff8f40
punctuation.quasi.element#59c2ff
constant.character.entity#f74343
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#95e6cb
entity.global.clojure#e8e171
meta.symbol.clojure#f74343
constant.keyword.clojure#95e6cb
meta.arguments.coffee, variable.parameter.function.coffee#f74343
source.ini#6bd94c
meta.scope.prerequisites.makefile#f74343
source.makefile#e8e171
storage.modifier.import.groovy#e8e171
meta.method.groovy#b36afb
meta.definition.variable.name.groovy#f74343
meta.definition.class.inherited.classes.groovy#6bd94c
support.variable.semantic.hlsl#e8e171
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#59c2ff
text.variable, text.bracketed#f74343
support.type.swift, support.type.vb.asp#e8e171
entity.name.function.xi#e8e171
entity.name.class.xi#95e6cb
constant.character.character-class.regexp.xi#f74343
constant.regexp.xi#59c2ff
keyword.control.xi#95e6cb
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#6bd94c
beginning.punctuation.definition.list.markdown.xi#404a54
constant.character.xi#b36afb
accent.xi#b36afb
wikiword.xi#ff8f40
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#404a54
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e8e171
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f74343
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#404a54italic
markup.quote.markdown#404a54
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#95e6cb
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...

CodeMe Theme by Avetis - VS Code Theme