Skip to main content
Coding Theme

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#00aafd46
  • activityBar.activeBorder#f700ff
  • activityBar.background#070a0c
  • activityBar.border#0029573e
  • activityBar.foreground#f700ff
  • activityBar.inactiveForeground#772d81
  • activityBarBadge.background#01e1ff
  • activityBarBadge.foreground#433586
  • badge.background#79c6b9
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#5a96c7b7
  • breadcrumb.background#070a0c
  • breadcrumb.focusForeground#5a96c7b7
  • breadcrumb.foreground#00d9ffc4
  • button.background#79c6b9
  • button.foreground#00000097
  • button.hoverBackground#528c82
  • button.secondaryBackground#79c6b9
  • button.secondaryForeground#000000a5
  • button.secondaryHoverBackground#528c82
  • checkbox.background#070a0c
  • checkbox.border#71a0c29d
  • checkbox.foreground#bcc4d3
  • commandCenter.activeBackground#008cff27
  • commandCenter.background#070a0c
  • commandCenter.border#5e004710
  • commandCenter.debuggingBackground#2c1500
  • commandCenter.foreground#00d9ffc4
  • commandCenter.inactiveBorder#00e1ff
  • debugExceptionWidget.background#191717
  • debugExceptionWidget.border#4a6f90
  • debugToolBar.background#191717
  • debugToolBar.border#4a6f90
  • diffEditor.border#9f490b
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#070a0c
  • dropdown.border#71a0c29d
  • dropdown.foreground#bcc4d3
  • editor.background#070a0c
  • editor.findMatchBackground#00b08a3d
  • editor.findMatchBorder#7424d4
  • editor.findMatchHighlightBackground#00b44570
  • editor.findRangeHighlightBackground#1b344dc7
  • editor.findRangeHighlightBorder#ff91007a
  • editor.foldBackground#264f784d
  • editor.foreground#dbdbdb
  • editor.hoverHighlightBackground#0077be81
  • editor.inactiveSelectionBackground#04244b
  • editor.lineHighlightBackground#131c2a
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ff00000b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#1061c56e
  • editor.selectionHighlightBackground#515c7e44
  • editor.selectionHighlightBorder#00d0ffde
  • editor.wordHighlightBackground#515c7e44
  • editor.wordHighlightStrongBackground#515c7e55
  • editorBracketHighlight.foreground1#ba7bcc
  • editorBracketHighlight.foreground2#88abf9dd
  • editorBracketHighlight.foreground3#53c6bacc
  • editorBracketHighlight.foreground4#e6a36fdd
  • editorBracketMatch.background#466092c5
  • editorBracketMatch.border#131c2a
  • editorBracketPairGuide.activeBackground1#ba7bcc
  • editorBracketPairGuide.activeBackground2#88abf9dd
  • editorBracketPairGuide.activeBackground3#53c6bacc
  • editorBracketPairGuide.activeBackground4#e6a36fdd
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#88abf9
  • editorError.background#0000000e
  • editorError.border#ffffff00
  • editorError.foreground#e16ba0
  • editorGroup.border#44444474
  • editorGroup.emptyBackground#070a0c
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#070a0c
  • editorGroupHeader.tabsBorder#070a0c
  • editorGutter.addedBackground#98c379
  • editorGutter.background#070a0c
  • editorGutter.commentRangeForeground#9b9b9b
  • editorGutter.deletedBackground#b20958
  • editorGutter.foldingControlForeground#9b9b9b
  • editorGutter.modifiedBackground#88abf9d5
  • editorHoverWidget.background#0e151bd2
  • editorHoverWidget.border#6c8093
  • editorIndentGuide.activeBackground1#707070
  • editorIndentGuide.background1#404040
  • editorInfo.background#00000000
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLightBulb.foreground#88abf9
  • editorLightBulbAutoFix.foreground#e8c37d
  • editorLineNumber.activeForeground#ff90ec
  • editorLineNumber.foreground#544f86df
  • editorLink.activeForeground#438ac4
  • editorMarkerNavigation.background#0e131b
  • editorMarkerNavigationError.background#ff4823
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#080f15
  • editorOverviewRuler.border#101014
  • editorOverviewRuler.selectionHighlightForeground#fa00d9
  • editorPane.background#07070a
  • editorRuler.foreground#003e804a
  • editorStickyScroll.background#0a0d0fa1
  • editorStickyScrollHover.background#141a1fcc
  • editorSuggestWidget.background#0e131bed
  • editorSuggestWidget.border#6c8093
  • editorSuggestWidget.foreground#a8b6cc
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#1e2a3e
  • editorUnnecessaryCode.opacity#000000b2
  • editorWarning.background#a9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#070a0cd3
  • editorWidget.foreground#ebfcf8
  • editorWidget.resizeBorder#0bacbd
  • focusBorder#00aafd46
  • gitDecoration.addedResourceForeground#88abf9d5
  • gitDecoration.conflictingResourceForeground#e16ba0
  • gitDecoration.deletedResourceForeground#88abf9d5
  • gitDecoration.ignoredResourceForeground#6c80939d
  • gitDecoration.modifiedResourceForeground#88abf9d5
  • gitDecoration.stageDeletedResourceForeground#914c54
  • gitDecoration.stageModifiedResourceForeground#9e4ae4
  • gitDecoration.submoduleResourceForeground#6c8093
  • gitDecoration.untrackedResourceForeground#98c379
  • icon.foreground#71a0c29d
  • input.background#070a0c
  • input.border#71a0c29d
  • input.foreground#bcc4d3
  • input.placeholderForeground#6d6d90
  • inputOption.activeBackground#1f5294a1
  • inputOption.activeBorder#00cfff02
  • inputOption.activeForeground#cdcdcd
  • keybindingTable.headerBackground#2b2b2bfa
  • list.activeSelectionBackground#1e293e
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#15171f78
  • list.errorForeground#ba7bcc
  • list.focusBackground#13131b
  • list.focusForeground#a9b1d6
  • list.highlightForeground#4db8ffd3
  • list.hoverBackground#13131d
  • list.hoverForeground#20adff
  • list.inactiveSelectionBackground#1c1d29
  • list.inactiveSelectionForeground#00c3ff
  • list.warningForeground#e8c37d
  • listFilterWidget.background#1b1b24
  • listFilterWidget.noMatchesOutline#f51919
  • listFilterWidget.outline#3d64a1ad
  • menu.background#070a0cee
  • menu.border#00c3ff64
  • menu.foreground#c4cecf
  • menu.selectionBackground#0093ff2e
  • menu.selectionBorder#5cff0018
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#9c90a38b
  • menubar.selectionBackground#00aafd46
  • menubar.selectionBorder#ffffff
  • menubar.selectionForeground#28b9ff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#002e2c
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#070a0cb7
  • minimap.errorHighlight#db4b4b
  • minimap.findMatchHighlight#3cff2a8a
  • minimap.foregroundOpacity#000000c0
  • minimap.infoHighlight#0da0ba
  • minimap.selectionHighlight#008141
  • minimap.selectionOccurrenceHighlight#3cff2a8a
  • minimap.warningHighlight#837228
  • minimapGutter.addedBackground#98c379
  • minimapGutter.deletedBackground#b20958
  • minimapGutter.modifiedBackground#386197
  • minimapSlider.background#3d265793
  • notebook.inactiveFocusedCellBorder#ff9b9b8e
  • notificationCenter.border#159999b7
  • notificationCenterHeader.background#0e151b
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#070a0c
  • notifications.border#434208
  • notifications.foreground#d5d5d5
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#07070a
  • panel.border#80808059
  • panelSection.border#e26700
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#0093ff52
  • peekViewEditor.background#0c1c28
  • peekViewEditor.matchHighlightBackground#fb8d0000
  • peekViewEditor.matchHighlightBorder#b1b400
  • peekViewEditorGutter.background#0e293d
  • peekViewResult.background#070a0c
  • peekViewResult.fileForeground#00c3ff
  • peekViewResult.lineForeground#cfa21c
  • peekViewResult.matchHighlightBackground#0071ea4d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#0440683a
  • peekViewTitleDescription.foreground#00d9ffc4
  • peekViewTitleLabel.foreground#5a96c7b7
  • pickerGroup.border#f700ffab
  • pickerGroup.foreground#0098f2
  • progressBar.background#79c6b9
  • sash.hoverBorder#2a3b5a
  • scrollbar.shadow#00abff00
  • scrollbarSlider.activeBackground#7980cd22
  • scrollbarSlider.background#3d265793
  • scrollbarSlider.hoverBackground#848be43e
  • selection.background#256aa7
  • settings.checkboxBorder#c8d1df
  • settings.checkboxForeground#7ecec6
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#71a0c29d
  • settings.modifiedItemIndicator#88abf9
  • sideBar.background#070a0c
  • sideBar.border#0087ff14
  • sideBar.dropBackground#15171f78
  • sideBar.foreground#6c8093
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#0e0e13
  • sideBarSectionHeader.foreground#787c99
  • sideBarTitle.foreground#2685ff
  • statusBar.background#070a0c
  • statusBar.border#ffa1b800
  • statusBar.debuggingBackground#322e2c
  • statusBar.debuggingBorder#0E131Bd2
  • statusBar.debuggingForeground#ffffff
  • statusBar.focusBorder#91ff0079
  • statusBar.foreground#4c6691
  • statusBar.noFolderBackground#132945
  • statusBar.noFolderBorder#d3ff00b9
  • statusBar.noFolderForeground#d3ff00b9
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#7fd1c3
  • statusBarItem.remoteBackground#0093ff
  • statusBarItem.remoteForeground#070a0c
  • tab.activeBackground#070a0c
  • tab.activeBorder#fb00ebcb
  • tab.activeBorderTop#00ccfb81
  • tab.activeForeground#00caca
  • tab.border#072a38
  • tab.hoverBackground#121921
  • tab.hoverBorder#00ffdb72
  • tab.hoverForeground#d3ab5d
  • tab.inactiveBackground#0e12185e
  • tab.inactiveForeground#b48b31
  • tab.lastPinnedBorder#ff0000
  • tab.unfocusedHoverBorder#646b01
  • terminal.foreground#ffffff
  • terminal.selectionBackground#42424298
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#e26700
  • textBlockQuote.background#131c2a
  • textLink.foreground#4296f0
  • titleBar.activeBackground#070a0c
  • titleBar.activeForeground#cccccc
  • titleBar.border#0087ff14
  • titleBar.inactiveBackground#122438e3
  • titleBar.inactiveForeground#00e1ff
  • toolbar.activeBackground#0da0ba
  • toolbar.hoverOutline#0da0ba
  • tree.indentGuidesStroke#382f3b
  • walkThrough.embeddedEditorBackground#00000050
  • welcomePage.background#07070a
  • widget.shadow#1a7eb0cb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.type.property-name.json.comments, string.json.comments, meta.structure.dictionary.json.comments, meta.structure.array.json.comments, meta.structure.dictionary.value.json.comments, meta.structure.dictionary.json.comments, source.json.comments#E6A26F
support.type.object.module#88abf9
variable.language.this, support.variable.property.js, variable.language.arguments.js, variable.language.self.js, variable.language.proto.js, variable.language.constructor.js, variable.language.prototype.js#f386bf
support.variable.dom.js, support.variable#e8c37d
support.function.dom.js#53c6ba
variable.language.super#ba7bcc
meta.brace.square, meta.brace.round#6c8093
keyword.operator.new#f386bf
keyword.control#ba7bcc
support.variable.property.dom.js, variable.other.property#c8d1df
punctuation.section.embedded#6c8093
meta.tag#c8d1df
support.class.component#e8c37d
source.graphql support.type.graphql, source.graphql support.type.enum.graphql#88abf9
meta.variables.graphql support.type.graphql#c8d1df
support.type.builtin.graphql#e8c37d
variable.graphql#E6A26F
keyword.operator.nulltype.graphql#f386bf
source.graphql string.block.description.graphql.DOCSTRING, source.graphql string.block.description.graphql.DOCSTRING punctuation.definition.string.graphql, string.description.graphql, punctuation.definition.string.graphql#b38098
punctuation.definition.string.graphql, meta.embedded.block.graphql#6c8093
meta.arguments.graphql variable.graphql, support.type.builtin.graphql#e8c37d
source.js meta.variables.graphql support.type.graphql#88abf9
source.css meta.property-list.media-query#88abf9
source.css variable.other.readwrite#c8d1df
source.css meta.property-name.media-query, source.css constant.other.color, punctuation.definition.constant.css#c8d1df
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, support.type.vendored.property-name#88abf9
source.css keyword.control.at-rule, source.sass keyword.control.at-rule, source.scss keyword.control.at-rule, source.less keyword.control.at-rule, source.stylus keyword.control.at-rule, source.postcss keyword.control.at-rule#ba7bcc
entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity#88abf9
constant.numeric, keyword.other.unit#E6A26F
source.css entity.name.tag.reference, source.sass entity.name.tag.reference, source.scss entity.name.tag.reference, source.less entity.name.tag.reference, source.stylus entity.name.tag.reference, source.postcss entity.name.tag.reference#6c8093
source.css support.constant.property-value, source.sass support.constant.property-value, source.scss support.constant.property-value, source.less support.constant.property-value, source.stylus support.constant.property-value, source.postcss support.constant.property-value#c8d1df
source.css variable, source.sass variable, source.scss variable, source.less variable, source.stylus variable, source.postcss variable#f386bf
source.css meta.property-value, source.sass meta.property-value, source.scss meta.property-value, source.less meta.property-value, source.stylus meta.property-value, source.postcss meta.property-value#6c8093
entity.other.attribute-name.class#e8c37d
source.sass keyword.control#53c6ba
source.css support.constant, source.sass support.constant, source.scss support.constant, source.less support.constant, source.stylus support.constant, source.postcss support.constant#c8d1df
constant.keyword.clojure#E6A26F
keyword.control.clojure#ba7bcc
meta.symbol.clojure, meta.var.clojure#c8d1df
storage.control.clojure#ba7bcc
meta.expression.clojure#f386bf
entity.global.clojure#53c6ba
meta.symbol.namespace.clojure#53c6ba
entity.name.function.clojure#88abf9
meta.objectliteral#98c379
meta.object-literal.key#E6AC6F
keyword.operator#ba7bcc
comment, punctuation.definition.comment#356280
variable, variable.other.object., string constant.other.placeholder, support.type.graphql#88abf9
constant.other.color, variable.parameter#88abf9
invalid, invalid.illegal#c8d1df
keyword, storage.type, storage.modifier#ba7bcc
keyword.operator.type.annotation.ts, constant.other.color, punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.string, keyword.other.template, keyword.other.substitution#85b5c9
punctuation.accessor#6c8093
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#53c6ba
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#53c6ba
meta.block variable.other#88abf9
support.other.variable, string.other.link#88abf9
variable.other.constant, constant.language, support.constant, constant.character, constant.escape, keyword.other#e8c37d
constant.language#f05400
constant.language.undefined#6c8093
string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, source.css meta.attribute-selector#98c379
entity.name, support.class, support.orther.namespace.use.php, entity.other.inherited-class, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#e8c37d
support.type#f386bf
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#c8d1df
variable.language#c8d1df
entity.name.method.js#53c6ba
meta.class-method.js entity.name.function.js, variable.function.constructor#53c6ba
entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#E6AC6F
markup.inserted#98c379
markup.deleted#c8d1df
markup.changed#e8c37d
string.regexp#98c379
punctuation.definition.group.regexp#f386bf
constant.other.character-class.regexp#E6A26F
string.regexp punctuation.definition.character-class.regexp#88abf9
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#c8d1df
constant.character.escape#53c6ba
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#53c6ba
source.js constant.other.object.key.js string.unquoted.label.js#c8d1df
source.json meta.structure.dictionary.json support.type.property-name.json#E6A26F
text.html.markdown, punctuation.definition.list_item.markdown#c8d1df
text.html.markdown markup.inline.raw.string.markdown#E6A26F
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#c8d1df
text.html.markdown meta.dummy.line-break
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#98c379
markup.normal#c8d1df
markup.bold, markup.bold string#c8d1dfbold
markup.bold markup.normal, markup.normal markup.bold, markup.quote markup.bold, markup.bold markup.normal string, markup.normal markup.bold string, markup.quote markup.bold string#c8d1dfbold
markup.underline#E6AC6Funderline
markup.strikestrikethrough
markup.quote punctuation.definition.blockquote.markdown#c8d1df
markup.quote
string.other.link.title.markdown#53c6ba
string.other.link.description.title.markdown#ba7bcc
constant.other.reference.link.markdown#E6AC6F
markup.raw.block#ba7bcc
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#c8d1df
variable.language.fenced.markdown#c8d1df
meta.separator#c8d1dfbold
markup.table#c8d1df
token.info-token#53c6ba
token.warn-token#e8c37d
token.error-token#88abf9
token.debug-token#ba7bcc
constant.numeric#4295da
invalid, invalid.illegal#b63d52
invalid.deprecated#bb9af7
storage.type#bb9af7
meta.object-literal.key, string.alias.graphql, string.unquoted.graphql, string.unquoted.alias.graphql, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.field.declaration.ts variable.object.property#73daca
entity.other.inherited-class#e8c37d
support.class, support.type, variable.other.readwrite.alias, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types, support.variable.dom, support.constant.math, support.type.object.module, support.constant.json, entity.name.namespace, meta.import.qualifier#0db9d7
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, support.type.property-name.css, support.type.vendored.property-name, support.type.map.key#7aa2f7
entity.other.attribute-name.class, meta.at-rule.mixin.scss entity.name.function.scss#c0caf5
entity.other.attribute-name.id#bb9af7
entity.name.tag.css#0db9d7
markup.inserted#449dab
string.regexp#b4f9f8
punctuation.definition.group#f7768e
constant.other.character-class.regexp#bb9af7
constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp#e0af68
keyword.operator.quantifier.regexp#89ddff
constant.character.escape.backslash#c0caf5
constant.character.escape#89ddff
source.json meta.structure.dictionary.json support.type.property-name.json#7aa2f7
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#0db9d7
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#7dcfff
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#bb9af7
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#e0af68
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#0db9d7
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#73daca
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f7768e
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9ece6a
storage.modifier.lifetime.rust#dbdbdb
support.function.std.rust#e8c37d
entity.name.lifetime.rust#e8c37d
variable.language.rust#e89353
support.constant.edge#ba7bcc
meta.function.c,meta.function.cpp#e89353
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#dbdbdb
punctuation.separator.key-value#dbdbdb
keyword.operator.expression.import#e8c37d
support.constant.math#e8c37d
support.constant.property.math#c0768e
variable.other.constant#e8c37d
keyword.operator.misc.rust#dbdbdb
keyword.operator.sigil.rust#ba7bcc
keyword.operator.delete#ba7bcc
support.type.object.dom#ba7bcc
support.variable.dom,support.variable.property.dom#e89353
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#ba7bcc
entity.other.inherited-class#e8c37d

Shiki preview

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

Loading...

Tokyo After Dark - Coding Theme