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#101010
  • activityBar.foreground#788c78
  • activityBar.inactiveForeground#85a78459
  • activityBarBadge.background#58815799
  • activityBarBadge.foreground#e4f0fb
  • badge.background#588157
  • badge.foreground#e2e2e2
  • breadcrumb.activeSelectionForeground#588157
  • breadcrumb.background#00000000
  • breadcrumb.focusForeground#588157
  • breadcrumb.foreground#62665f
  • button.background#588157
  • button.foreground#ffffff
  • button.hoverBackground#182618
  • button.secondaryBackground#2f3e33
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#182618
  • checkbox.background#ffffff05
  • checkbox.border#ffffff10
  • checkbox.foreground#e4f0fb
  • debugExceptionWidget.background#202820
  • debugExceptionWidget.border#3d583c
  • debugToolBar.background#202820
  • debugToolBar.border#3d583c
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#50777324
  • diffEditor.removedTextBackground#c75f5f20
  • dropdown.background#101010
  • dropdown.border#ffffff10
  • dropdown.foreground#e4f0fb
  • editor.background#101010
  • editor.findMatchBackground#202820
  • editor.findMatchBorder#384d37
  • editor.findMatchHighlightBackground#966e5455
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#717cb40b
  • editor.foreground#6a7782
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#1c1d1c
  • editor.lineHighlightBackground#292a29
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#363d36
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#313f31
  • editor.wordHighlightBackground#add7ff20
  • editor.wordHighlightStrongBackground#add7ff40
  • editorBracketMatch.background#00000000
  • editorBracketMatch.border#e4f0fb40
  • editorCodeLens.foreground#a6accd
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#d0676c
  • editorGroup.border#00000030
  • editorGroup.emptyBackground#101010
  • editorGroupHeader.tabsBackground#101010
  • editorGutter.addedBackground#4fe2c240
  • editorGutter.background#101010
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#d0676c40
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#add7ff20
  • editorHoverWidget.background#101010
  • editorHoverWidget.border#ffffff10
  • editorHoverWidget.foreground#a6accd
  • editorIndentGuide.activeBackground#ffffff1f
  • editorIndentGuide.background#232422
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#add7ff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#add7ff
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#d0676c
  • editorMarkerNavigationInfo.background#588157
  • editorMarkerNavigationWarning.background#fffac2
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#e4f0fb10
  • editorSuggestWidget.background#101010
  • editorSuggestWidget.border#ffffff10
  • editorSuggestWidget.foreground#62665f
  • editorSuggestWidget.highlightForeground#588157
  • editorSuggestWidget.selectedBackground#00000050
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e6dd78
  • editorWhitespace.foreground#86868629
  • editorWidget.background#101010
  • editorWidget.foreground#62665f
  • editorWidget.resizeBorder#202820
  • focusBorder#00000000
  • foreground#CECECE
  • gitDecoration.addedResourceForeground#5fb3a1
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#d06776
  • gitDecoration.ignoredResourceForeground#545758
  • gitDecoration.modifiedResourceForeground#c9b08c
  • gitDecoration.stageDeletedResourceForeground#d15986
  • gitDecoration.stageModifiedResourceForeground#cb996e
  • gitDecoration.submoduleResourceForeground#89ddff
  • gitDecoration.untrackedResourceForeground#5de4c7
  • icon.foreground#CECECE
  • input.background#ffffff05
  • input.border#ffffff10
  • input.foreground#e4f0fb
  • input.placeholderForeground#a6accd60
  • inputOption.activeBackground#63626b24
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#58815726
  • list.activeSelectionForeground#e4f0fb
  • list.dropBackground#75887526
  • list.focusBackground#30334080
  • list.focusForeground#62665f
  • list.highlightForeground#588157
  • list.hoverBackground#5881570d
  • list.hoverForeground#e4f0fb
  • list.inactiveSelectionBackground#30334080
  • list.inactiveSelectionForeground#e4f0fb
  • listFilterWidget.background#202820
  • listFilterWidget.noMatchesOutline#c99b6b
  • listFilterWidget.outline#00000000
  • menu.background#101010
  • menu.border#00000085
  • menu.foreground#8f9988
  • menu.selectionBackground#58815726
  • menu.selectionBorder#00000000
  • menu.selectionForeground#f0fbe4
  • menu.separatorBackground#73907226
  • menubar.selectionBackground#20282040
  • menubar.selectionForeground#62665f
  • merge.commonContentBackground#303030
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#174841
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#101010
  • minimap.errorHighlight#d0676c
  • minimap.findMatchHighlight#202820
  • minimap.selectionHighlight#363d36
  • minimap.warningHighlight#e6dd78
  • minimapGutter.addedBackground#4fe2c240
  • minimapGutter.deletedBackground#d0676c40
  • minimapGutter.modifiedBackground#add7ff20
  • notificationCenter.border#202820
  • notificationCenterHeader.background#202820
  • notificationCenterHeader.foreground#62665f
  • notifications.background#101010
  • notifications.border#202820
  • notifications.foreground#62665f
  • notificationsErrorIcon.foreground#d0679d
  • notificationsInfoIcon.foreground#588157
  • notificationsWarningIcon.foreground#fffac2
  • notificationToast.border#202820
  • panel.background#101010
  • panel.border#00000030
  • panelSection.border#40433f4e
  • panelTitle.activeBorder#90b38f
  • panelTitle.activeForeground#90b38f
  • panelTitle.inactiveForeground#62665f
  • peekView.border#95a2ea99
  • peekViewEditor.background#101010
  • peekViewEditor.matchHighlightBackground#303340
  • peekViewEditor.matchHighlightBorder#3b3f4f6c
  • peekViewEditorGutter.background#a6accd05
  • peekViewResult.background#a6accd05
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#a6accd
  • peekViewResult.matchHighlightBackground#303340
  • peekViewResult.selectionBackground#717cb425
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#a6accd05
  • peekViewTitleDescription.foreground#a6accd60
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#62665f
  • pickerGroup.foreground#bddbbd
  • progressBar.background#588157
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#87bc8518
  • scrollbarSlider.background#58815718
  • scrollbarSlider.hoverBackground#87bc8518
  • selection.background#5881578b
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#CECECE
  • sideBar.background#101010
  • sideBar.dropBackground#75887526
  • sideBar.foreground#8c8c8c
  • sideBarSectionHeader.background#101010
  • sideBarSectionHeader.border#101010
  • sideBarSectionHeader.foreground#9b9c9d
  • sideBarTitle.foreground#8c8c8c
  • statusBar.background#101010
  • statusBar.debuggingBackground#202820
  • statusBar.debuggingForeground#62665f
  • statusBar.foreground#62665f
  • statusBar.noFolderBackground#101010
  • statusBar.noFolderForeground#62665f
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#4545451f
  • statusBarItem.remoteBackground#181b18
  • statusBarItem.remoteForeground#62665f
  • tab.activeBackground#30334080
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#62665f
  • tab.border#00000000
  • tab.hoverBackground#30334028
  • tab.inactiveBackground#101010
  • tab.inactiveForeground#62665f
  • 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#40433f4e
  • terminal.foreground#cccccc
  • terminal.selectionBackground#3c413c4d
  • terminalCursor.background#588157
  • terminalCursor.foreground#ffffff
  • textLink.foreground#588157
  • titleBar.activeBackground#101010
  • titleBar.activeForeground#62665f
  • titleBar.border#00000000
  • titleBar.inactiveBackground#101010
  • titleBar.inactiveForeground#62665f
  • tree.indentGuidesStroke#ffffff1a
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000030

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

MossFrame - Coding Theme