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.activeBorder#f78166
  • activityBar.background#18191b
  • activityBar.border#393b41
  • activityBar.foreground#f3f3f4
  • activityBar.inactiveForeground#7d8590
  • activityBarBadge.background#486bd5
  • activityBarBadge.foreground#ffffff
  • badge.background#486bd5
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#7d8590
  • breadcrumb.focusForeground#f3f3f4
  • breadcrumb.foreground#7d8590
  • breadcrumbPicker.background#1f2023
  • button.background#486bd5
  • button.foreground#ffffff
  • button.hoverBackground#6583dc
  • button.secondaryBackground#282e33
  • button.secondaryForeground#c9d1d9
  • button.secondaryHoverBackground#393b41
  • checkbox.background#1f2023
  • checkbox.border#393b41
  • debugConsole.errorForeground#ffa198
  • debugConsole.infoForeground#8b949e
  • debugConsole.sourceForeground#e3b341
  • debugConsole.warningForeground#d29922
  • debugConsoleInputIcon.foreground#bc8cff
  • debugIcon.breakpointForeground#f85149
  • debugTokenExpression.boolean#56d364
  • debugTokenExpression.error#ffa198
  • debugTokenExpression.name#79c0ff
  • debugTokenExpression.number#56d364
  • debugTokenExpression.string#a5d6ff
  • debugTokenExpression.value#a5d6ff
  • debugToolBar.background#1f2023
  • descriptionForeground#7d8590
  • diffEditor.insertedLineBackground#23863626
  • diffEditor.insertedTextBackground#3fb9504d
  • diffEditor.removedLineBackground#da363326
  • diffEditor.removedTextBackground#ff7b724d
  • dropdown.background#1f2023
  • dropdown.border#393b41
  • dropdown.foreground#f3f3f4
  • dropdown.listBackground#1f2023
  • editor.background#18191b
  • editor.findMatchBackground#9e6a03
  • editor.findMatchHighlightBackground#f2cc6080
  • editor.focusedStackFrameHighlightBackground#2ea04366
  • editor.foldBackground#6e76811a
  • editor.lineHighlightBackground#6e76811a
  • editor.linkedEditingBackground#2f81f712
  • editor.selectionHighlightBackground#3fb95040
  • editor.stackFrameHighlightBackground#bb800966
  • editor.wordHighlightBackground#6e768180
  • editor.wordHighlightBorder#6e768199
  • editor.wordHighlightStrongBackground#6e76814d
  • editor.wordHighlightStrongBorder#6e768199
  • editorBracketMatch.background#3fb95040
  • editorBracketMatch.border#3fb95099
  • editorCursor.foreground#2f81f7
  • editorGroup.border#393b41
  • editorGroupHeader.tabsBackground#111113
  • editorGroupHeader.tabsBorder#393b41
  • editorGutter.addedBackground#2ea04366
  • editorGutter.deletedBackground#f8514966
  • editorGutter.modifiedBackground#bb800966
  • editorIndentGuide.activeBackground#f3f3f43d
  • editorIndentGuide.background#f3f3f41f
  • editorInlayHint.background#8b949e33
  • editorInlayHint.foreground#7d8590
  • editorInlayHint.paramBackground#8b949e33
  • editorInlayHint.paramForeground#7d8590
  • editorInlayHint.typeBackground#8b949e33
  • editorInlayHint.typeForeground#7d8590
  • editorLineNumber.activeForeground#f3f3f4
  • editorLineNumber.foreground#6e7681
  • editorOverviewRuler.border#111113
  • editorWhitespace.foreground#484f58
  • editorWidget.background#1f2023
  • errorForeground#f85149
  • focusBorder#486bd5
  • foreground#f3f3f4
  • gitDecoration.addedResourceForeground#3fb950
  • gitDecoration.conflictingResourceForeground#db6d28
  • gitDecoration.deletedResourceForeground#f85149
  • gitDecoration.ignoredResourceForeground#6e7681
  • gitDecoration.modifiedResourceForeground#d29922
  • gitDecoration.submoduleResourceForeground#7d8590
  • gitDecoration.untrackedResourceForeground#3fb950
  • icon.foreground#7d8590
  • input.background#18191b
  • input.border#393b41
  • input.foreground#f3f3f4
  • input.placeholderForeground#6e7681
  • keybindingLabel.foreground#f3f3f4
  • list.activeSelectionBackground#6e768166
  • list.activeSelectionForeground#f3f3f4
  • list.focusBackground#388bfd26
  • list.focusForeground#f3f3f4
  • list.highlightForeground#2f81f7
  • list.hoverBackground#6e76811a
  • list.hoverForeground#f3f3f4
  • list.inactiveFocusBackground#388bfd26
  • list.inactiveSelectionBackground#6e768166
  • list.inactiveSelectionForeground#f3f3f4
  • minimapSlider.activeBackground#8b949e47
  • minimapSlider.background#8b949e33
  • minimapSlider.hoverBackground#8b949e3d
  • notificationCenterHeader.background#1f2023
  • notificationCenterHeader.foreground#7d8590
  • notifications.background#1f2023
  • notifications.border#393b41
  • notifications.foreground#f3f3f4
  • notificationsErrorIcon.foreground#f85149
  • notificationsInfoIcon.foreground#2f81f7
  • notificationsWarningIcon.foreground#d29922
  • panel.background#111113
  • panel.border#393b41
  • panelInput.border#393b41
  • panelTitle.activeBorder#f78166
  • panelTitle.activeForeground#f3f3f4
  • panelTitle.inactiveForeground#7d8590
  • peekViewEditor.background#6e76811a
  • peekViewEditor.matchHighlightBackground#bb800966
  • peekViewResult.background#18191b
  • peekViewResult.matchHighlightBackground#bb800966
  • pickerGroup.border#393b41
  • pickerGroup.foreground#7d8590
  • progressBar.background#486bd5
  • quickInput.background#1f2023
  • quickInput.foreground#f3f3f4
  • scrollbar.shadow#484f5833
  • scrollbarSlider.activeBackground#8b949e47
  • scrollbarSlider.background#8b949e33
  • scrollbarSlider.hoverBackground#8b949e3d
  • settings.headerForeground#f3f3f4
  • settings.modifiedItemIndicator#bb800966
  • sideBar.background#111113
  • sideBar.border#393b41
  • sideBar.foreground#f3f3f4
  • sideBarSectionHeader.background#111113
  • sideBarSectionHeader.border#393b41
  • sideBarSectionHeader.foreground#f3f3f4
  • sideBarTitle.foreground#f3f3f4
  • statusBar.background#18191b
  • statusBar.border#393b41
  • statusBar.debuggingBackground#da3633
  • statusBar.debuggingForeground#ffffff
  • statusBar.focusBorder#486bd580
  • statusBar.foreground#7d8590
  • statusBar.noFolderBackground#18191b
  • statusBarItem.activeBackground#f3f3f41f
  • statusBarItem.focusBorder#486bd5
  • statusBarItem.hoverBackground#f3f3f414
  • statusBarItem.prominentBackground#6e768166
  • statusBarItem.remoteBackground#393b41
  • statusBarItem.remoteForeground#f3f3f4
  • symbolIcon.arrayForeground#f0883e
  • symbolIcon.booleanForeground#58a6ff
  • symbolIcon.classForeground#f0883e
  • symbolIcon.colorForeground#79c0ff
  • symbolIcon.constantForeground#aff5b4#7ee787#56d364#3fb950#2ea043#238636#196c2e#0f5323#033a16#04260f
  • symbolIcon.constructorForeground#d2a8ff
  • symbolIcon.enumeratorForeground#f0883e
  • symbolIcon.enumeratorMemberForeground#58a6ff
  • symbolIcon.eventForeground#6e7681
  • symbolIcon.fieldForeground#f0883e
  • symbolIcon.fileForeground#d29922
  • symbolIcon.folderForeground#d29922
  • symbolIcon.functionForeground#bc8cff
  • symbolIcon.interfaceForeground#f0883e
  • symbolIcon.keyForeground#58a6ff
  • symbolIcon.keywordForeground#ff7b72
  • symbolIcon.methodForeground#bc8cff
  • symbolIcon.moduleForeground#ff7b72
  • symbolIcon.namespaceForeground#ff7b72
  • symbolIcon.nullForeground#58a6ff
  • symbolIcon.numberForeground#3fb950
  • symbolIcon.objectForeground#f0883e
  • symbolIcon.operatorForeground#79c0ff
  • symbolIcon.packageForeground#f0883e
  • symbolIcon.propertyForeground#f0883e
  • symbolIcon.referenceForeground#58a6ff
  • symbolIcon.snippetForeground#58a6ff
  • symbolIcon.stringForeground#79c0ff
  • symbolIcon.structForeground#f0883e
  • symbolIcon.textForeground#79c0ff
  • symbolIcon.typeParameterForeground#79c0ff
  • symbolIcon.unitForeground#58a6ff
  • symbolIcon.variableForeground#f0883e
  • tab.activeBackground#18191b
  • tab.activeBorder#18191b
  • tab.activeBorderTop#f78166
  • tab.activeForeground#f3f3f4
  • tab.border#393b41
  • tab.hoverBackground#18191b
  • tab.inactiveBackground#111113
  • tab.inactiveForeground#7d8590
  • tab.unfocusedActiveBorder#18191b
  • tab.unfocusedActiveBorderTop#393b41
  • tab.unfocusedHoverBackground#6e76811a
  • terminal.ansiBlack#484f58
  • terminal.ansiBlue#58a6ff
  • terminal.ansiBrightBlack#6e7681
  • terminal.ansiBrightBlue#79c0ff
  • terminal.ansiBrightCyan#56d4dd
  • terminal.ansiBrightGreen#56d364
  • terminal.ansiBrightMagenta#d2a8ff
  • terminal.ansiBrightRed#ffa198
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#e3b341
  • terminal.ansiCyan#39c5cf
  • terminal.ansiGreen#3fb950
  • terminal.ansiMagenta#bc8cff
  • terminal.ansiRed#ff7b72
  • terminal.ansiWhite#b1bac4
  • terminal.ansiYellow#d29922
  • terminal.foreground#f3f3f4
  • textBlockQuote.background#111113
  • textBlockQuote.border#393b41
  • textCodeBlock.background#6e768166
  • textLink.activeForeground#2f81f7
  • textLink.foreground#2f81f7
  • textPreformat.foreground#7d8590
  • textSeparator.foreground#21262d
  • titleBar.activeBackground#18191b
  • titleBar.activeForeground#7d8590
  • titleBar.border#393b41
  • titleBar.inactiveBackground#111113
  • titleBar.inactiveForeground#7d8590
  • tree.indentGuidesStroke#21262d
  • welcomePage.buttonBackground#21262d
  • welcomePage.buttonHoverBackground#393b41

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Shiki preview

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

Loading...

i3 Dark Theme by i3acksp4ce - VS Code Theme