GapStyle DeepBlue VSCode
Publisher: Noel JuanThemes in package: 1
The GapStyle theme but with blue colors as Background 😉
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#001733
- activityBar.foreground#d7dae0
- activityBarBadge.background#4d78cc
- activityBarBadge.foreground#f8fafd
- badge.background#bbdaffcc
- badge.foreground#001733
- button.background#2b3c5d
- debugExceptionWidget.background#051336
- debugExceptionWidget.border#ab395b
- debugToolBar.background#001c40
- diffEditor.insertedTextBackground#31958a55
- diffEditor.removedTextBackground#892f4688
- dropdown.background#001733
- dropdown.border#21252b
- editor.background#000c18
- editor.findMatchBackground#42557b
- editor.findMatchBorder#457dff
- editor.findMatchHighlightBackground#eeeeee44
- editor.foreground#ffffff
- editor.lineHighlightBackground#012a58
- editor.selectionBackground#003f8e
- editor.selectionHighlightBackground#ffffff10
- editor.selectionHighlightBorder#dddddd
- editor.wordHighlightBackground#d2e0ff2f
- editor.wordHighlightBorder#7f848e
- editor.wordHighlightStrongBackground#abb2bf26
- editor.wordHighlightStrongBorder#7f848e
- editorActiveLineNumber.foreground#737984
- editorBracketMatch.background#515a6b
- editorBracketMatch.border#515a6b
- editorCursor.background#ffffffc9
- editorCursor.foreground#ffffff
- editorError.foreground#c24038
- editorGroup.border#404f7d
- editorGroup.dropBackground#25375daa
- editorGroupHeader.tabsBackground#001733
- editorHoverWidget.background#001c40
- editorHoverWidget.border#ffffff44
- editorIndentGuide.activeBackground#204972
- editorIndentGuide.background#002952
- editorLineNumber.activeForeground#949494
- editorLineNumber.foreground#406385
- editorLink.activeForeground#0063a5
- editorMarkerNavigation.background#060621
- editorMarkerNavigationError.background#ab395b
- editorMarkerNavigationWarning.background#5b7e7a
- editorRuler.foreground#abb2bf26
- editorSuggestWidget.background#21252b
- editorSuggestWidget.border#181a1f
- editorSuggestWidget.selectedBackground#2c313a
- editorUnnecessaryCode.border#ffffff00
- editorUnnecessaryCode.opacity#00000088
- editorWarning.foreground#d19a66
- editorWhitespace.foreground#404f7d
- editorWidget.background#001c40
- errorForeground#a92049
- extensionButton.prominentBackground#5f8b3b
- extensionButton.prominentHoverBackground#5f8b3bbb
- focusBorder#5d7fa8
- input.background#001733
- inputOption.activeBorder#1d4a87
- inputValidation.errorBackground#a22d44
- inputValidation.errorBorder#ab395b
- inputValidation.infoBackground#051336
- inputValidation.infoBorder#384078
- inputValidation.warningBackground#5b7e7a
- inputValidation.warningBorder#5b7e7a
- list.activeSelectionBackground#ffffff60
- list.activeSelectionForeground#d7dae0
- list.dropBackground#041d52
- list.focusBackground#383e4a
- list.highlightForeground#bbdaff
- list.hoverBackground#ffffff30
- list.inactiveSelectionBackground#ffffff40
- list.inactiveSelectionForeground#d7dae0
- list.warningForeground#d19a66
- menu.foreground#c8c8c8
- menubar.selectionBackground#204972
- minimap.selectionHighlight#003f8e
- panel.border#2b2b4a
- peekView.border#2b2b4a
- peekViewEditor.background#10192c
- peekViewEditor.matchHighlightBackground#eeeeee33
- peekViewResult.background#001c40
- peekViewResult.matchHighlightBackground#eeeeee44
- peekViewTitle.background#10192c
- pickerGroup.border#596f99
- pickerGroup.foreground#bbdaff
- ports.iconRunningProcessForeground#bbdaff
- progressBar.background#bbdaffcc
- quickInputList.focusBackground#ffffff60
- scrollbar.shadow#515e91aa
- scrollbarSlider.activeBackground#3b3f5188
- scrollbarSlider.background#1f2230aa
- scrollbarSlider.hoverBackground#3b3f5188
- sideBar.background#001c40
- sideBarSectionHeader.background#10192c
- statusBar.background#001126
- statusBar.debuggingBackground#001126
- statusBar.debuggingBorder#66017a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#001126
- statusBarItem.hoverBackground#2c313a
- statusBarItem.prominentBackground#0063a5
- statusBarItem.prominentHoverBackground#0063a5dd
- statusBarItem.remoteBackground#0e639c
- statusBarItem.remoteForeground#f8fafd
- tab.activeBackground#01365a
- tab.activeForeground#dcdcdc
- tab.border#2b2b4a
- tab.hoverBackground#134566
- tab.inactiveBackground#001c40
- tab.lastPinnedBorder#007acc80
- tab.unfocusedHoverBackground#323842
- terminal.ansiBlack#111111
- terminal.ansiBlue#bbdaff
- terminal.ansiBrightBlack#333333
- terminal.ansiBrightBlue#80baff
- terminal.ansiBrightCyan#78ffff
- terminal.ansiBrightGreen#b8f171
- terminal.ansiBrightMagenta#d778ff
- terminal.ansiBrightRed#ff7882
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe580
- terminal.ansiCyan#99ffff
- terminal.ansiGreen#d1f1a9
- terminal.ansiMagenta#ebbbff
- terminal.ansiRed#ff9da4
- terminal.ansiWhite#cccccc
- terminal.ansiYellow#ffeead
- terminal.foreground#c8c8c8
- textLink.foreground#61afef
- titleBar.activeBackground#001c40
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#010308
- titleBar.inactiveForeground#6b717d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source | #A9B7C6 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #A9B7C6 | — |
| source | #A9B7C6 | — |
| string, constant.other.symbol.double-quoted, constant.other.symbol.double-quoted punctuation.definition.constant, constant.other.symbol.single-quoted, constant.other.symbol.single-quoted punctuation.definition.constant | #E6DB75 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #E6DB75 | — |
| punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end | #E6DB75 | — |
| invalid.illegal.unrecognized-string-escape | #6A8760 | — |
| entity.name.type.class, entity.name.class, meta.class entity.name.type | #66D9EF | |
| keyword.expressions-and-types.swift, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special | #F92672 | — |
| entity.other.inherited-class | #00CFD3 | — |
| entity.name.type.enum | #66D9EF | — |
| variable.other.enummember | #4186F8 | — |
| comment, comment.block.documentation punctuation.definition.comment, unused.comment, wildcard.comment | #77B767 | — |
| comment.line, comment.line.double-slash punctuation.definition.comment, comment.block, comment.block punctuation.definition.comment, comment.line.number-sign punctuation.definition.comment | #808080 | — |
| comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class, comment.block.documentation storage.type.class punctuation.definition.block.tag | #526D4A | underline |
| meta.class comment.block.documentation, meta.class comment.block.documentation punctuation.definition.comment, comment.block.documentation entity.name.type, comment.block.documentation | #77B767 | italic |
| comment.block.documentation entity.name.type punctuation.definition.bracket | #77B767 | — |
| comment.block.documentation variable | #8A653B | italic |
| string.quoted.docstring.multi | #77B767 | — |
| constant | #4186F8 | — |
| constant.character.escape, constant.character.string.escape, constant.regexp | #CC7832 | — |
| entity.name.tag | #E8BF6A | bold |
| entity.other.attribute-name.parent-selector | #F92672 | — |
| entity.other.attribute-name | #89BB26 | italic |
| entity.name.function, meta.method.declaration, meta.function-call, meta.function-call.generic, meta.function-call.object, meta.function-call.static, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix, support.function | #A6E22E | — |
| entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, variable.parameter, meta.parameters entity.name.function | #FD971F | — |
| meta.decorator, storage.type.annotation, punctuation.definition.annotation, meta.decorator punctuation.decorator | #BBB529 | |
| meta.decorator variable.other.readwrite, meta.decorator variable.other.property | #BBB529 | — |
| keyword, punctuation.definition.keyword, keyword.control.new, keyword.operator.new | #F92672 | bold |
| meta.selector | #F92672 | — |
| support, source | #A9B7C6 | — |
| support.function.magic, support.variable, variable.other.predefined, meta.function-call support.class.builtin, meta.function-call support.class | #4186F8 | italic |
| support.type.property-name | — | |
| constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.definition.parameters, meta.block punctuation.definition.block, punctuation.colon.graphql, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, punctuation.terminator.statement, string.unquoted.heredoc punctuation.definition.string, punctuation.separator.annotation, meta.object-binding-pattern-variable, punctuation.separator.comma, meta.array.literal meta.brace.square, meta.type.parameters punctuation.definition.typeparameters.begin, meta.type.parameters punctuation.definition.typeparameters.end, meta.class punctuation.definition.block, punctuation, storage.type.function.arrow, keyword.operator.spread, keyword.operator.comparison, keyword.operator.pattern, keyword.operator.arithmetic, keyword.operator.string, keyword.operator.class, keyword.operator.key | #A9B7C6 | |
| keyword.operator.assignment, keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.round, meta.function-call punctuation, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag.cs, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, string.template meta.brace, string.template punctuation.accessor | #A9B7C6 | — |
| meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile | #CC7832 | — |
| entity.name.function.target.makefile | #CF8823 | — |
| constant.other.date, constant.other.timestamp | #4186F8 | — |
| storage, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def | #F92672 | bold |
| keyword.primitive-datatypes.swift, keyword.type.cs, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, source.groovy storage.type, source.powershell entity.other.attribute-name, storage.class.std.rust, storage.type.attribute.swift, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.groovy, storage.type.objc, storage.type.haskell, storage.type.ocaml | #4186F8 | italic |
| support.type, entity.name.type.type-parameter, entity.name.type.parameter, entity.name.type.alias, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type | #20999D | — |
| storage.modifier | #F92672 | — |
| storage.modifier.import | #A9B7C6 | |
| string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #E6DB75 | — |
| punctuation.definition.group.capture.regexp | — | — |
| punctuation.definition.character-class.regexp | #4186F8 | — |
| punctuation.definition.group.regexp, punctuation.definition.character-class.regexp | #E8BF6A | — |
| punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp | #A9B7C6 | — |
| meta.assertion.look-ahead.regexp | #A6E22E | — |
| constant.other.character-class.regexp | #A9B7C6 | — |
| keyword.operator.quantifier.regexp | #AE81FE | — |
| constant.character.escape.backslash.regexp, constant.other.placeholder | #CC7832 | — |
| constant.other.character-class.range.regexp | #A9B7C6 | — |
| variable.other.object | #A9B7C6 | — |
| meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property, meta.variable.assignment.destructured.object.coffee variable | #A9B7C6 | — |
| constant.language.import-export-all, meta.import variable.other.readwrite.alias, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable | #A9B7C6 | |
| variable.object.property, variable.other.property, support.variable.property, variable.other.object.property, meta.definition.property, meta.field.declaration, meta.object.member | #CF8823 | — |
| entity.name.type.module, meta.namespace.declaration meta.import | #A9B7C6 | — |
| entity.name.type.interface | #0ED38B | — |
| constant.numeric | #AE81FE | — |
| support.type.primitive, storage.type.primitive, constant.language.boolean | #F92672 | bold |
| text.html.markdown string.unquoted | #A9B7C6 | — |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.italic.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.list.end.markdown, punctuation.definition.heading.markdown, punctuation.definition.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.quote.end.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, constant.other.reference.link.markdown, punctuation.definition.string.markdown, entity.name.section.markdown | #F96B9D | |
| markup.inline.raw, markup.raw.restructuredtext, punctuation.definition.raw.markdown, markup.fenced_code.block.markdown punctuation.definition.markdown, fenced_code.block.language.markdown, markup.fenced_code.block.markdown | #808080 | — |
| markup.underline.link, markup.underline.link.image | #4186F8 | — |
| meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title | #E6DB85 | — |
| entity.name.directive.restructuredtext, markup.quote | #E6DB85 | italic |
| meta.separator.markdown | #808080 | — |
| fenced_code.block.language, markup.raw.inner.restructuredtext | #A9B7C6 | — |
| punctuation.definition.constant.restructuredtext | #A9B7C6 | — |
| markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end | #A9B7C6 | — |
| meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end | #A9B7C6 | — |
| markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end | #E6DB75 | — |
| string.unquoted.cdata, string.unquoted.cdata punctuation.definition.string.begin, string.unquoted.cdata punctuation.definition.string.end | #A9B7C6 | — |
| meta.tag entity.name.tag.html, meta.tag entity.name.tag.html, entity.name.tag.block.any.html, entity.name.tag.script.html, entity.name.tag.style.html | #E8BF6A | bold |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #A9B7C6 | — |
| entity.other.attribute-name.html, entity.other.attribute-name.id.html | #CECECE | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.html | #6FD27C | — |
| constant.character.entity.numeric.hexadecimal.html, punctuation.definition.entity.html, constant.character.entity.named.html | #6D9CBE | — |
| meta.tag.xml entity.name.tag.localname.xml, meta.tag.xml entity.name.tag.namespace.xml, meta.tag.xml entity.other.attribute-name.namespace.xml, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity.name.tag.xml, meta.tag.sgml.doctype.xml keyword.other.doctype.xml, meta.tag.sgml.doctype.xml variable.language.documentroot.xml | #E8BF6A | — |
| punctuation.definition.tag.xml | #A9B7C6 | — |
| meta.tag.xml entity.other.attribute-name.localname.xml, meta.tag.preprocessor.xml entity.other.attribute-name.localname.xml, meta.tag.preprocessor.xml entity.other.attribute-name.xml | #CECECE | — |
| meta.tag.xml string.quoted.double.xml, meta.tag.preprocessor.xml string.quoted.double.xml, meta.tag.xml string.quoted.single.xml, meta.tag.preprocessor.xml string.quoted.single.xml, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml | #6FD27C | — |
| string.unquoted.cdata.xml, string.unquoted.cdata.xml punctuation.definition.string.begin.xml, string.unquoted.cdata.xml punctuation.definition.string.end.xml | #A9B7C6 | — |
| constant.character.entity.xml, punctuation.definition.constant.xml | #4186F8 | — |
| support.type.property-name.json, support.type.property-name.json punctuation.support.type.property-name.begin.json, support.type.property-name.json punctuation.support.type.property-name.end.json | #CF8823 | — |
| constant.language.json | #F92672 | bold |
| meta.property-name support.type.property-name.css, support.type.vendored.property-name.css, entity.other.attribute-name.css | #CECECE | italic |
| constant.other.color.rgb-value.hex.css, constant.other.color.rgb-value.hex.css punctuation.definition.constant.css | #FD971F | |
| support.constant.color.w3c-standard-color-name.css, variable.parameter.url.css, constant.language.color.rgb-value.css, source.css keyword.other.unit, support.constant.property-value.css, support.constant.color.w3c-standard-color-name.css, constant.numeric.css keyword.other.unit, meta.attribute-selector.css string.quoted.double.css, meta.attribute-selector.css string.quoted.double.css punctuation.definition.string.begin.css, meta.attribute-selector.css string.quoted.double.css punctuation.definition.string.end.css | #6FD27C | |
| meta.function.color.css support.function.misc.css, support.constant.font-name.css, source.css support.function | #6FD27C | italic |
| entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-element.css, entity.name.tag.css, entity.name.tag.custom.css, punctuation.definition.constant.css, support.constant.language-range.css, entity.other.attribute-name.class.css, entity.other.attribute-name.pseudo-class.css, support.type.property-name.css | #E8BF6A | bold |
| constant.other.unicode-range.css, punctuation.separator.dash.unicode-range.css | #6D9CBE | — |
| meta.at-rule.import.css string.quoted.double.css | #E6DB75 | |
| variable.scss, source.sass variable, meta.property-list.css.scss.prop meta.property-value.css.scss support.constant.property-value.css.scss, meta.property-list.css.scss.prop constant.character.module constant.character.module.name, meta.property-list.css.sass.prop meta.property-value.css.sass support.constant.property-value.css.sass, meta.property-list.css.sass.prop constant.character.module constant.character.module.name | #6D9CBE | — |
| meta.property-list.css.scss.prop meta.property-value.css.scss support.constant.property-value.css.scss, meta.property-list.css.scss.prop constant.character.module constant.character.module.name, meta.property-list.css.scss.prop constant.character.module constant.numeric.module.dot, meta.property-list.css.sass.prop meta.property-value.css.sass support.constant.property-value.css.sass, meta.property-list.css.sass.prop constant.character.module constant.character.module.name, meta.property-list.css.sass.prop constant.character.module constant.numeric.module.dot | #6D9CBE | underline |
| constant.other.scss, support.type.property-name.css.sass | #F92672 | bold |
| source.sass meta.property-list.css.sass.prop entity.name.function, source.css.scss support.function.misc.scss, source.css.scss meta.at-rule.include.scss entity.name.function.scss | #E8BF6A | italic |
| support.function.interpolation.sass | #CC7832 | — |
| source.sass constant.language.color.rgb-value.css | #CF8823 | — |
| support.type.property-name.css.sass.prop.name, entity.other.attribute-name.pseudo-class.css.sass, entity.other.attribute-name.attribute.scss | #CECECE | |
| support.constant.mathematical-symbols.scss, keyword.operator.sass, keyword.operator.scss | #A9B7C6 | |
| comment.punctuation.comma.sass, comment.punctuation.comma.scss, source.sass keyword.control.unit, source.scss keyword.control.unit, support.constant.property-value.css.sass | #E6DB75 | |
| entity.name.tag.custom.scss | #E8BF6A | bold |
| meta.attribute-selector.scss, string.quoted.double.attribute-value.scss punctuation.definition.string.begin.scss, string.quoted.double.attribute-value.scss punctuation.definition.string.end.scss, string.quoted.single.attribute-value.scss punctuation.definition.string.begin.scss, string.quoted.single.attribute-value.scss punctuation.definition.string.end.scss, string.quoted.double.css.sass, string.quoted.single.css.sass, support.constant.property-value.css.sass, keyword.control.unit.css.sass | #6FD27C | |
| support.function.name.sass entity.name.function, support.function.name.sass.library, meta.property-list.css.sass.prop entity.name.function, source.css.scss meta.at-rule.mixin.scss entity.name.function.scss | #E8BF6A | italic |
| meta.property-list.css.sass.prop entity.name.function | #E8BF6A | italic |
| constant.language.java, variable.language.this.java | #F92672 | bold |
| punctuation.section.block.begin.bracket.curly.java, punctuation.section.block.end.bracket.curly.java, storage.type.generic.java | #A9B7C6 | — |
| meta.method-call.java meta.method | #A6E22E | — |
| source.java storage.type | #4186F8 | italic |
| comment.block.javadoc.java, comment.block.javadoc.java punctuation.definition.comment | #77B767 | — |
| keyword.other.documentation.javadoc.java | #526D4A | underline |
| entity.name.type.enum.java | #66D9EF | |
| constant.other.enum.java | #4186F8 | italic |
| storage.type.java | #66D9EF | |
| meta.class.body.java meta.definition.variable variable.other.definition | #CF8823 | — |
| meta.method.body.java meta.definition.variable variable.other.definition | #CBAD96 | |
| storage.type.generic.java, meta.definition.variable.java | #20999D | |
| constant.language.kotlin, variable.language.kotlin | #F92672 | bold |
| comment.block.kotlin, comment.block.kotlin punctuation.definition.comment.kotlin | #77B767 | — |
| constant.language.scala | #F92672 | bold |
| variable.language.this.ts, variable.language.this.js, variable.language.this.tsx, variable.language.this.jsx, constant.language.null.ts, constant.language.null.js, constant.language.null.tsx, constant.language.null.jsx, constant.language.undefined.ts, constant.language.undefined.js, constant.language.undefined.tsx, constant.language.undefined.jsx, source.ts keyword.operator.expression, source.js keyword.operator.expression, source.tsx keyword.operator.expression, source.jsx keyword.operator.expression, support.type.builtin.ts, support.type.builtin.js, support.type.builtin.tsx, support.type.builtin.jsx | #F92672 | bold |
| variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx, variable.other.constant.jsx | #CBAD96 | — |
| source.ts keyword.operator, source.tsx keyword.operator, source.js keyword.operator, source.jsx keyword.operator, support.type.object.module.js, support.type.object.module.ts, source.ts meta.brace, source.tsx meta.brace, source.js meta.brace, source.jsx meta.brace, variable.other.readwrite.js, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.readwrite.jsx | #A9B7C6 | |
| meta.object-binding-pattern-variable.js meta.definition.variable.js variable.other.constant.js, meta.object-binding-pattern-variable.ts meta.definition.variable.ts variable.other.constant.ts | #CBAD96 | — |
| meta.object-binding-pattern-variable.js variable.object.property.js, meta.object-binding-pattern-variable.ts variable.object.property.ts | #CF8823 | — |
| support.constant.json.ts, support.constant.json.js, support.constant.json.tsx, support.constant.json.jsx, variable.other.constant.property.ts, variable.other.constant.property.js, variable.other.constant.property.tsx, variable.other.constant.property.jsx, support.constant.math.ts, support.constant.math.js, support.constant.math.tsx, support.constant.math.jsx | #4186F8 | — |
| meta.decorator.ts, source.ts meta.decorator.ts variable.other.readwrite.ts, source.js meta.decorator entity.name.function | #BBB529 | — |
| meta.tag.tsx support.class.component, meta.tag.jsx support.class.component, meta.tag.js support.class.component, meta.tag.ts support.class.component, meta.tag.without-attributes.tsx support.class.component, meta.tag.without-attributes.jsx support.class.component, meta.tag.without-attributes.js support.class.component, meta.tag.without-attributes.ts support.class.component, meta.tag.tsx entity.name.tag, meta.tag.jsx entity.name.tag, meta.tag.js entity.name.tag, meta.tag.ts entity.name.tag, meta.tag.without-attributes.tsx entity.name.tag, meta.tag.without-attributes.jsx entity.name.tag, meta.tag.without-attributes.js entity.name.tag, meta.tag.without-attributes.ts entity.name.tag, meta.tag.tsx punctuation.definition.tag.begin, meta.tag.jsx punctuation.definition.tag.begin, meta.tag.ts punctuation.definition.tag.begin, meta.tag.js punctuation.definition.tag.begin, meta.tag.tsx punctuation.definition.tag.end, meta.tag.jsx punctuation.definition.tag.end, meta.tag.ts punctuation.definition.tag.end, meta.tag.js punctuation.definition.tag.end, meta.tag.without-attributes.tsx punctuation.definition.tag.begin, meta.tag.without-attributes.jsx punctuation.definition.tag.begin, meta.tag.without-attributes.ts punctuation.definition.tag.begin, meta.tag.without-attributes.js punctuation.definition.tag.begin, meta.tag.without-attributes.tsx punctuation.definition.tag.end, meta.tag.without-attributes.jsx punctuation.definition.tag.end, meta.tag.without-attributes.ts punctuation.definition.tag.end, meta.tag.without-attributes.js punctuation.definition.tag.end | #E8BF6A | bold |
| meta.tag.tsx punctuation.definition.tag.begin, meta.tag.jsx punctuation.definition.tag.begin, meta.tag.ts punctuation.definition.tag.begin, meta.tag.js punctuation.definition.tag.begin, meta.tag.tsx punctuation.definition.tag.end, meta.tag.jsx punctuation.definition.tag.end, meta.tag.ts punctuation.definition.tag.end, meta.tag.js punctuation.definition.tag.end, meta.tag.without-attributes.tsx punctuation.definition.tag.begin, meta.tag.without-attributes.jsx punctuation.definition.tag.begin, meta.tag.without-attributes.ts punctuation.definition.tag.begin, meta.tag.without-attributes.js punctuation.definition.tag.begin, meta.tag.without-attributes.tsx punctuation.definition.tag.end, meta.tag.without-attributes.jsx punctuation.definition.tag.end, meta.tag.without-attributes.ts punctuation.definition.tag.end, meta.tag.without-attributes.js punctuation.definition.tag.end | #A9B7C6 | |
| meta.tag.tsx entity.other.attribute-name, meta.tag.jsx entity.other.attribute-name, meta.tag.js entity.other.attribute-name, meta.tag.ts entity.other.attribute-name | #CECECE | — |
| meta.tag.tsx meta.tag.attributes punctuation.section.embedded.begin, meta.tag.tsx meta.tag.attributes punctuation.section.embedded.end, meta.tag.jsx meta.tag.attributes punctuation.section.embedded.begin, meta.tag.jsx meta.tag.attributes punctuation.section.embedded.end, meta.tag.ts meta.tag.attributes punctuation.section.embedded.begin, meta.tag.ts meta.tag.attributes punctuation.section.embedded.end, meta.tag.js meta.tag.attributes punctuation.section.embedded.begin, meta.tag.js meta.tag.attributes punctuation.section.embedded.end | #A9B7C6 | — |
| meta.tag.tsx string.quoted.double, meta.tag.jsx string.quoted.double, meta.tag.js string.quoted.double, meta.tag.ts string.quoted.double, meta.tag.tsx string.quoted.single, meta.tag.jsx string.quoted.single, meta.tag.ts string.quoted.single, meta.tag.js string.quoted.single, meta.tag.tsx punctuation.definition.string.begin, meta.tag.jsx punctuation.definition.string.begin, meta.tag.ts punctuation.definition.string.begin, meta.tag.js punctuation.definition.string.begin, meta.tag.tsx punctuation.definition.string.end, meta.tag.jsx punctuation.definition.string.end, meta.tag.ts punctuation.definition.string.end, meta.tag.js punctuation.definition.string.end | #6FD27C | — |
| meta.tag.tsx meta.tag.attributes meta.embedded.expression string.quoted.single, meta.tag.tsx meta.tag.attributes meta.embedded.expression string.quoted.single punctuation.definition.string.begin, meta.tag.tsx meta.tag.attributes meta.embedded.expression string.quoted.single punctuation.definition.string.end, meta.tag.jsx meta.tag.attributes meta.embedded.expression string.quoted.single, meta.tag.jsx meta.tag.attributes meta.embedded.expression string.quoted.single punctuation.definition.string.begin, meta.tag.jsx meta.tag.attributes meta.embedded.expression string.quoted.single punctuation.definition.string.end, meta.tag.ts meta.tag.attributes meta.embedded.expression string.quoted.single, meta.tag.ts meta.tag.attributes meta.embedded.expression string.quoted.single punctuation.definition.string.begin, meta.tag.ts meta.tag.attributes meta.embedded.expression string.quoted.single punctuation.definition.string.end, meta.tag.js meta.tag.attributes meta.embedded.expression string.quoted.single, meta.tag.js meta.tag.attributes meta.embedded.expression string.quoted.single punctuation.definition.string.begin, meta.tag.js meta.tag.attributes meta.embedded.expression string.quoted.single punctuation.definition.string.end, meta.tag.tsx meta.tag.attributes meta.embedded.expression string.quoted.double, meta.tag.tsx meta.tag.attributes meta.embedded.expression string.quoted.double punctuation.definition.string.begin, meta.tag.tsx meta.tag.attributes meta.embedded.expression string.quoted.double punctuation.definition.string.end, meta.tag.jsx meta.tag.attributes meta.embedded.expression string.quoted.double, meta.tag.jsx meta.tag.attributes meta.embedded.expression string.quoted.double punctuation.definition.string.begin, meta.tag.jsx meta.tag.attributes meta.embedded.expression string.quoted.double punctuation.definition.string.end, meta.tag.ts meta.tag.attributes meta.embedded.expression string.quoted.double, meta.tag.ts meta.tag.attributes meta.embedded.expression string.quoted.double punctuation.definition.string.begin, meta.tag.ts meta.tag.attributes meta.embedded.expression string.quoted.double punctuation.definition.string.end, meta.tag.js meta.tag.attributes meta.embedded.expression string.quoted.double, meta.tag.js meta.tag.attributes meta.embedded.expression string.quoted.double punctuation.definition.string.begin, meta.tag.js meta.tag.attributes meta.embedded.expression string.quoted.double punctuation.definition.string.end | #E6DB75 | — |
| keyword.control.directive.include.cpp, keyword.control.directive.define.cpp, keyword.control.directive.conditional.ifdef.cpp, keyword.control.directive.endif.cpp, entity.name.label.cpp, punctuation.definition.directive.cpp | #BBB529 | |
| variable.other.global.cpp | #4186F8 | italic |
| entity.name.function.preprocessor.cpp | #328F54 | |
| meta.body.namespace.cpp, variable.language.this.cpp | #F92672 | — |
| entity.name.namespace.cpp | #66D9EF | bold |
| entity.name.type.class.templated.cpp, entity.name.type.struct.cpp, entity.name.type.enum.cpp | #66D9EF | |
| meta.body.struct.cpp, meta.preprocessor.macro.cpp | #CF8823 | |
| variable.other.enummember.cpp | #4186F8 | italic |
| meta.tail.struct.cpp, meta.body.namespace.cpp, entity.name.type.template.cpp | #20999D | |
| string.quoted.double.raw.cpp punctuation.definition.string.begin.cpp, string.quoted.double.raw.cpp punctuation.definition.string.end.cpp | #CC7832 | |
| keyword.operator.cpp | #A9B7C6 | — |
| meta.function.definition.cpp meta.body.function.definition.cpp | #CBAD96 | — |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #BBB529 | |
| meta.function-call.python support.type.python | #A6E22E | — |
| constant.character.format.placeholder.other.python, storage.type.format.python, storage.type.string.python | #CC7832 | |
| string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape, string.quoted.docstring.multi.python | #E6DB75 | |
| meta.item-access.python | #A9B7C6 | |
| constant.language.python, variable.language.special.self.python, variable.parameter.function.language.special.self.python, keyword.operator.logical.python | #F92672 | bold |
| meta.function-call.arguments.python | #A9B7C6 | — |
| support.type.exception.python | #66D9EF | — |
| support.function.magic.python | #A6E22E | bold italic |
| entity.name.type.struct.swift, entity.name.type.enum.swift | #66D9EF | |
| entity.name.type.protocol.swift, meta.inheritance-clause.swift | #0ED38B | |
| entity.name.type.typealias.swift, variable.language.generic-parameter.swift, meta.generic-parameter-clause.swift | #20999D | |
| punctuation.definition.attribute.swift, storage.modifier.attribute.swift, constant.language.nil.swift, variable.language.swift | #F92672 | bold |
| punctuation.definition.preprocessor.swift, keyword.control.preprocessor.conditional.swift | #BBB529 | |
| meta.parameter-clause.swift variable.parameter.function.swift, meta.parameter-clause.swift entity.name.function.swift | #FD971F | |
| support.function.any-method.swift, meta.parameter-clause.swift entity.name.function.swift, meta.function-call.swift | #A9B7C6 | |
| variable.other.swift | #CF8823 | |
| constant.language.go | #F92672 | bold |
| source.go storage.type | #F92672 | bold |
| string.block.description.graphql.DOCSTRING, string.block.description.graphql.DOCSTRING punctuation.definition.string.graphql | #77B767 | — |
| graphql.description.SINGLELINE string.description.graphql, graphql.description.SINGLELINE punctuation.definition.string.graphql | #808080 | — |
| entity.name.function.graphql | #A9B7C6 | — |
| entity.name.fragment.graphql | #A6E22E | — |
| entity.name.function.directive.graphql | #BBB529 | — |
| string.unquoted.alias.graphql | #CF8823 | — |
| variable.parameter.graphql | #FD971F | — |
| meta.type.interface.graphql support.type.graphql | #0ED38B | — |
| variable.arguments.graphql, variable.graphql | #CF8823 | — |
| support.type.builtin.graphql, support.type.enum.graphql | #66D9EF | — |
| constant.language.boolean.graphql | #F92672 | bold |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, punctuation.section.embedded.end.php source.php, variable.language.this.php, constant.language.php, storage.type.php, keyword.operator.heredoc.php | #F92672 | bold |
| meta.class.body.php variable.other.php, meta.class.body.php variable.other.php punctuation.definition.variable.php | #CF8823 | — |
| support.function.magic.php | #A6E22E | bold italic |
| meta.function.parameters.php variable.other.php | #FD971F | — |
| meta.function.parameter.typehinted.php, meta.function.parameter.typehinted.php storage.type.php | #20999D | — |
| variable.other.php, variable.other.class.php, variable punctuation.definition.variable.php | #CBAD96 | — |
| variable.other.global.php, variable.other.global.php punctuation.definition.variable.php | #4186F8 | italic |
| support.class.php | #66D9EF | — |
| constant.language.proto, keyword.operator.proto | #F92672 | bold |
| source.yaml constant | #F92672 | bold |
| punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.separator.key-value.mapping.yaml, support.other.chomping-indicator.yaml | #A9B7C6 | |
| entity.name.tag.yaml | #CF8823 | |
| punctuation.definition.anchor.yaml, entity.name.type.anchor.yaml | #E8BF6A | — |
| variable.other.alias.yaml, punctuation.definition.alias.yaml | #E8BF6A | italic |
| source.yaml string.unquoted | #A9B7C6 | — |
| meta.group.double.toml, meta.group.toml | #A9B7C6 | |
| entity.name.function.target.makefile, entity.name.section.toml, variable.other.key.toml, entity.name.tag.toml, keyword.key.toml | #CF8823 | |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #A9B7C6 | — |
| constant.other.boolean.toml | #F92672 | bold |
| meta.tag.table.toml entity.other.attribute-name.table.toml | #F96B9D | — |
| source.ini | #A9B7C6 | |
| keyword.other.definition.ini | #CF8823 | |
| source.hocon | #A9B7C6 | |
| constant.language.hocon | #F92672 | bold |
| storage.type.source.hocon | #CC7832 | — |
| keyword.operator | #A9B7C6 | |
| string.quoted.double.shell variable.other.bracket.shell punctuation.definition.variable.shell, string.quoted.double.shell string.interpolated.dollar.shell punctuation.definition.string.begin.shell, string.quoted.double.shell string.interpolated.dollar.shell punctuation.definition.string.end.shell, meta.scope.subshell.shell string.interpolated.dollar.shell punctuation.definition.string.begin.shell, meta.scope.subshell.shell string.interpolated.dollar.shell punctuation.definition.string.end.shell | #CC7832 | — |
| string.quoted.double.shell variable.other | #A9B7C6 | bold |
| constant.other.key.perl | #CBAD96 | — |
| constant.other.bareword.perl | #FD971F | — |
| constant.other.database-name.sql | #00CFD3 | — |
| constant.other.table-name.sql | #66D9EF | — |
| constant.language.groovy | #F92672 | bold |
| constant.other.key.groovy | #CF8823 | — |
| string.quoted.double.groovy source.groovy.embedded.source | #CC7832 | — |
| comment.line.documentation.rust | #77B767 | — |
| variable.language.rust, storage.modifier.mut.rust, entity.name.type.option.rust, variable.language.self.rust, entity.name.type.numeric.rust, constant.language.bool.rust | #F92672 | bold |
| support.function.core.rust | #A6E22E | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust | #BBB529 | — |
| punctuation.definition.string.rust | #E6DB75 | — |
| meta.type_params.rust, meta.function.definition.rust entity.name.type.rust | #20999D | — |
| support.type.core.rust | #0ED38B | — |
| storage.type.core.rust | #66D9EF | italic |
| entity.name.type.rust, entity.name.type.struct.rust, storage.class.std.rust | #66D9EF | — |
| support.constant.core.rust | #4186F8 | bold |
| entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust, storage.modifier.lifetime.rust | #20999D | bold italic |
| variable.other.rust | #FD971F | — |
| entity.name.function.macro.rust | #A6E22E | italic |
| entity.other.ng-binding-name | #FD971F | — |
| meta.ng-binding punctuation.definition.string.begin.html, meta.ng-binding punctuation.definition.string.end.html | #A9B7C6 | — |
| meta.directive.vue, meta.directive.vue entity.other.attribute-name.html | #FD971F | — |
| meta.directive.vue, meta.directive.vue source.directive.vue punctuation.definition.string.begin.html, meta.directive.vue source.directive.vue punctuation.definition.string.end.html | #A9B7C6 | — |
| constant.language.dart | #F92672 | bold |
| support.class.dart | #66D9EF | |
| meta.declaration.dart | #A9B7C6 | |
| constant.language.symbol.hashkey.ruby | #CF8823 | |
| variable.other.readwrite.instance.ruby | #FD971F | |
| variable.other.readwrite.global.ruby, variable.other.readwrite.global.ruby punctuation.definition.variable.ruby, variable.other.readwrite.global.pre-defined.ruby, variable.other.readwrite.global.pre-defined.ruby punctuation.definition.variable.ruby | #4186F8 | italic |
| variable.other.constant.ruby | #4186F8 | |
| keyword.other.special-method.ruby | #A6E22E | |
| string.unquoted.heredoc.ruby punctuation.definition.string.begin.ruby, string.unquoted.heredoc.ruby punctuation.definition.string.end.ruby | #F92672 | bold |
| variable.other.readwrite.class.ruby, variable.other.readwrite.class.ruby punctuation.definition.variable.ruby | #66D9EF | — |
| string.quoted.other.interpolated.ruby punctuation.section.array.begin.ruby, string.quoted.other.interpolated.ruby punctuation.section.array.end.ruby | #CC7832 | — |
| variable.other.erlang, source.erlang constant.other.symbol | #CF8823 | — |
| constant.language.elixir | #F92672 | bold |
| constant.other.symbol.elixir | #CF8823 | — |
| variable.language.elixir | #4186F8 | — |
| variable.other.readwrite.module.elixir, variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #BBB529 | — |
| source.elixir variable | #FD971F | — |
| source.elixir.embedded.source, punctuation.section.embedded.elixir | #CC7832 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...