Aura Dark
Publisher: Vinay_KumarThemes in package: 1
A deep purple dark theme for VS Code. Warm background, rich colors, Built for long coding sessions. 35+ languages covered.
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#17181F
- activityBar.border#12131A
- activityBar.foreground#C792EA
- activityBar.inactiveForeground#3E4460
- activityBarBadge.background#C792EA
- activityBarBadge.foreground#1E1F29
- badge.background#C792EA
- badge.foreground#1E1F29
- breadcrumb.activeSelectionForeground#82AAFF
- breadcrumb.focusForeground#E0E0E0
- breadcrumb.foreground#3E4460
- breadcrumbPicker.background#1A1B24
- button.background#7B3FBE
- button.foreground#FFFFFF
- button.hoverBackground#9B5FD4
- button.secondaryBackground#2A2C37
- button.secondaryForeground#E0E0E0
- dropdown.background#17181F
- dropdown.border#2A2C3A
- dropdown.foreground#E0E0E0
- editor.background#1E1F29
- editor.findMatchBackground#C792EA50
- editor.findMatchBorder#C792EA
- editor.findMatchHighlightBackground#C792EA40
- editor.findMatchHighlightBorder#C792EA99
- editor.foreground#E0E0E0
- editor.inactiveSelectionBackground#C792EA18
- editor.lineHighlightBackground#2A2C37
- editor.lineHighlightBorder#2E3040
- editor.selectionBackground#C792EA33
- editor.selectionHighlightBackground#C792EA25
- editor.selectionHighlightBorder#C792EA99
- editor.wordHighlightBackground#C792EA20
- editor.wordHighlightBorder#C792EA99
- editor.wordHighlightStrongBackground#C792EA30
- editor.wordHighlightStrongBorder#C792EA
- editorBracketHighlight.foreground1#C792EA
- editorBracketHighlight.foreground2#82AAFF
- editorBracketHighlight.foreground3#7FDBCA
- editorBracketHighlight.foreground4#FFD580
- editorBracketHighlight.foreground5#F78C6C
- editorBracketHighlight.foreground6#E5C07B
- editorBracketMatch.background#C792EA22
- editorBracketMatch.border#C792EA
- editorCursor.background#1E1F29
- editorCursor.foreground#C792EA
- editorError.foreground#FF5370
- editorGroup.border#2A2C3A
- editorGroupHeader.tabsBackground#17181F
- editorGroupHeader.tabsBorder#12131A
- editorGutter.background#1E1F29
- editorHint.foreground#7FDBCA
- editorIndentGuide.activeBackground1#C792EA60
- editorIndentGuide.background1#2A2C37
- editorInfo.foreground#82AAFF
- editorLineNumber.activeForeground#C792EA
- editorLineNumber.foreground#3E4460
- editorWarning.foreground#FFD580
- editorWhitespace.foreground#2A2C3A
- extensionButton.prominentBackground#7FDBCA
- extensionButton.prominentForeground#17181F
- extensionButton.prominentHoverBackground#5FCFCF
- focusBorder#C792EA99
- gitDecoration.addedResourceForeground#C3E88D
- gitDecoration.conflictingResourceForeground#FF5370
- gitDecoration.deletedResourceForeground#FF5370
- gitDecoration.ignoredResourceForeground#3E4460
- gitDecoration.modifiedResourceForeground#FFD580
- gitDecoration.untrackedResourceForeground#7FDBCA
- input.background#17181F
- input.border#2A2C3A
- input.foreground#E0E0E0
- input.placeholderForeground#3E4460
- inputOption.activeBackground#C792EA20
- inputOption.activeBorder#C792EA
- list.activeSelectionBackground#C792EA20
- list.activeSelectionForeground#E0E0E0
- list.focusBackground#2A2C37
- list.focusHighlightForeground#C792EA
- list.highlightForeground#C792EA
- list.hoverBackground#23242F
- list.hoverForeground#E0E0E0
- list.inactiveSelectionBackground#22232D
- menu.background#1A1B24
- menu.border#12131A
- menu.foreground#E0E0E0
- menu.selectionBackground#2A2C37
- menu.selectionForeground#E0E0E0
- menu.separatorBackground#12131A
- minimap.background#17181F
- minimap.errorHighlight#FF5370
- minimap.selectionHighlight#3E4451
- minimap.warningHighlight#FFD580
- notificationLink.foreground#C792EA
- notifications.background#1A1B24
- notifications.border#12131A
- notifications.foreground#E0E0E0
- panel.background#17181F
- panel.border#12131A
- panelTitle.activeBorder#C792EA
- panelTitle.activeForeground#C792EA
- panelTitle.inactiveForeground#3E4460
- peekView.border#C792EA
- peekViewEditor.background#1A1B24
- peekViewEditor.matchHighlightBackground#C792EA35
- peekViewResult.background#17181F
- peekViewResult.matchHighlightBackground#C792EA40
- peekViewTitle.background#C792EA15
- peekViewTitleDescription.foreground#A0A8C0
- peekViewTitleLabel.foreground#E0E0E0
- progressBar.background#C792EA
- sash.hoverBorder#4A4C5A
- scrollbar.shadow#12131A
- scrollbarSlider.activeBackground#C792EA70
- scrollbarSlider.background#3E445155
- scrollbarSlider.hoverBackground#C792EA40
- selection.background#3E4451
- sideBar.background#1A1B24
- sideBar.border#12131A
- sideBar.foreground#C5C8D4
- sideBarSectionHeader.background#17181F
- sideBarSectionHeader.border#12131A
- sideBarSectionHeader.foreground#FFD580
- sideBarTitle.foreground#7A8099
- statusBar.background#17181F
- statusBar.border#12131A
- statusBar.debuggingBackground#D43E5C
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#A6ACCD
- statusBar.noFolderBackground#17181F
- statusBarItem.hoverBackground#2A2C37
- statusBarItem.remoteBackground#C792EA
- statusBarItem.remoteForeground#17181F
- tab.activeBackground#1E1F29
- tab.activeBorder#C792EA
- tab.activeBorderTop#C792EA
- tab.activeForeground#FFCB6B
- tab.activeModifiedBorder#FFD580
- tab.border#12131A
- tab.hoverBackground#22232E
- tab.inactiveBackground#17181F
- tab.inactiveForeground#555870
- tab.unfocusedActiveBorderTop#C792EA55
- terminal.ansiBlack#1E1F29
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#444976
- terminal.ansiBrightBlue#9BB8FF
- terminal.ansiBrightCyan#9EEAE0
- terminal.ansiBrightGreen#D4F0A0
- terminal.ansiBrightMagenta#D9A8F0
- terminal.ansiBrightRed#FF7088
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFD97D
- terminal.ansiCyan#7FDBCA
- terminal.ansiGreen#C3E88D
- terminal.ansiMagenta#D783FF
- terminal.ansiRed#FF5370
- terminal.ansiWhite#E0E0E0
- terminal.ansiYellow#FFCB6B
- terminal.background#17181F
- terminal.foreground#E0E0E0
- terminalCursor.foreground#FFCB6B
- textLink.activeForeground#D4AAFF
- textLink.foreground#C792EA
- titleBar.activeBackground#17181F
- titleBar.activeForeground#D0D0D0
- titleBar.border#12131A
- titleBar.inactiveBackground#14151C
- titleBar.inactiveForeground#555870
- widget.border#C792EA55
- widget.shadow#0D0E14
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #6B7A99 | italic |
| keyword.control, keyword.other, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void | #C792EA | italic |
| storage.type, storage.modifier | #C792EA | italic |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default | #C792EA | italic |
| string, string.quoted, string.template | #C3E88D | — |
| punctuation.definition.template-expression | #89DDFF | — |
| entity.name.function, support.function, meta.function-call entity.name.function, variable.function | #82AAFF | — |
| variable.parameter | #FFCB6B | italic |
| variable.other.readwrite, variable.other.object | #E0E0E0 | — |
| variable.other.local, meta.definition.variable variable.other | #D4E0FF | — |
| variable.other.constant | #F78C6C | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex | #F78C6C | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language | #C792EA | italic |
| keyword.operator | #89DDFF | — |
| punctuation.definition.block, meta.brace, punctuation | #697098 | — |
| entity.name.class, entity.name.type, support.class | #FFCB6B | — |
| entity.other.inherited-class | #C8A84B | italic |
| entity.name.type.interface, entity.name.interface | #FFD580 | italic |
| entity.name.type.alias, support.type.primitive, entity.name.type.parameter | #C8A84B | italic |
| meta.object-literal.key, support.type.property-name.json | #56B6C2 | — |
| variable.other.property, support.variable.property | #7FDBCA | — |
| meta.decorator, punctuation.decorator | #FFD580 | — |
| entity.name.tag | #F07178 | — |
| entity.other.attribute-name | #F9A87A | — |
| string.quoted.double.html, string.quoted.single.html | #C3E88D | — |
| support.class.component, entity.name.tag.tsx, entity.name.tag.jsx | #61AFEF | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #F9C74F | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #89DDFF | — |
| variable.other.custom-property.name.css, support.type.custom-property.name.css, variable.css | #7FDBCA | — |
| keyword.control.at-rule, keyword.at-rule, punctuation.definition.keyword.css | #C792EA | italic |
| support.constant.property-value.css, support.constant.property-value.scss | #C3E88D | — |
| constant.other.color.rgb-value.css, constant.other.color | #F78C6C | — |
| keyword.other.unit.css, constant.numeric.css, keyword.other.unit.scss | #F78C6C | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #9B8FEF | — |
| string.regexp | #F07178 | — |
| constant.character.escape | #89DDFF | — |
| markup.heading, entity.name.section.markdown | #C792EA | bold |
| markup.bold | #FFCB6B | bold |
| markup.italic | #E0E0E0 | italic |
| markup.inline.raw, markup.fenced_code | #C3E88D | — |
| markup.underline.link | #82AAFF | — |
| invalid, invalid.illegal | #FFFFFF | — |
| keyword.control.import.python, keyword.control.flow.python, keyword.control.python, storage.type.function.python, storage.type.class.python | #C792EA | italic |
| support.function.builtin.python, support.type.python | #61AFEF | — |
| support.type.exception.python, entity.name.exception.python | #FF5370 | — |
| entity.name.function.decorator.python, meta.function.decorator.python, punctuation.definition.decorator.python | #E5C07B | — |
| constant.language.python | #C792EA | italic |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #F07178 | italic |
| support.function.magic.python | #89DDFF | — |
| meta.fstring.python, constant.character.format.placeholder.other.python | #89DDFF | — |
| support.type.object.console.js, support.type.object.console.ts, variable.other.object.js | #82AAFF | — |
| keyword.operator.optional.js, keyword.operator.optional.ts, keyword.operator.nullish.js, keyword.operator.nullish.ts | #89DDFF | — |
| keyword.operator.type.annotation.ts, punctuation.separator.key-value.ts | #697098 | — |
| keyword.control.flow.js, keyword.control.flow.ts, keyword.control.trycatch.js, keyword.control.trycatch.ts | #C792EA | italic |
| keyword.operator.spread.js, keyword.operator.spread.ts, keyword.operator.rest.js, keyword.operator.rest.ts | #89DDFF | — |
| keyword.operator.expression.typeof.ts, keyword.operator.expression.keyof.ts, storage.type.type.ts, keyword.other.type.ts | #C792EA | italic |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts | #697098 | — |
| keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.sql | #C792EA | italic |
| support.function.aggregate.sql, entity.name.function.sql, support.function.sql | #61AFEF | — |
| entity.name.sql, meta.toc-list.sql | #7FDBCA | — |
| constant.numeric.sql | #F78C6C | — |
| string.quoted.single.sql, string.quoted.double.sql | #C3E88D | — |
| keyword.operator.comparison.sql, keyword.operator.logical.sql, keyword.operator.sql | #89DDFF | — |
| string.quoted.double.json | #C3E88D | — |
| constant.language.json, constant.language.boolean.json | #C792EA | italic |
| constant.numeric.json, constant.numeric.decimal.json | #F78C6C | — |
| entity.name.tag.yaml, string.unquoted.plain.out.yaml | #56B6C2 | — |
| string.unquoted.plain.in.yaml, string.quoted.single.yaml, string.quoted.double.yaml | #C3E88D | — |
| punctuation.definition.anchor.yaml, entity.name.type.anchor.yaml, variable.other.alias.yaml | #FFD580 | — |
| punctuation.definition.block.sequence.item.yaml | #697098 | — |
| constant.language.boolean.yaml, constant.language.null.yaml | #C792EA | italic |
| constant.numeric.yaml, constant.numeric.integer.yaml | #F78C6C | — |
| support.type.property-name.toml, keyword.other.definition.ini, keyword.key.toml | #56B6C2 | — |
| support.type.property-name.table.toml, entity.name.section.group-title.ini | #FFCB6B | — |
| variable.other.env, support.constant.env | #56B6C2 | — |
| support.function.builtin.shell, keyword.control.shell | #61AFEF | — |
| variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.bracket.shell | #4EC9B0 | — |
| keyword.operator.pipe.shell, keyword.operator.redirect.shell | #89DDFF | — |
| entity.name.function.shell | #61AFEF | — |
| string.quoted.double.shell, string.quoted.single.shell | #C3E88D | — |
| keyword.type.graphql, keyword.operation.graphql | #C792EA | italic |
| entity.name.type.graphql, support.type.graphql | #FFCB6B | — |
| entity.name.fragment.graphql | #82AAFF | — |
| variable.graphql, string.unquoted.alias.graphql | #7FDBCA | — |
| variable.parameter.graphql | #FFCB6B | italic |
| entity.name.directive.graphql | #E5C07B | — |
| keyword.other.special-method.dockerfile, entity.name.tag.dockerfile | #C792EA | italic |
| string.other.tag.dockerfile | #C3E88D | — |
| keyword.prisma | #C792EA | italic |
| support.type.primitive.prisma, entity.name.type.prisma | #FFCB6B | — |
| variable.other.property.prisma | #7FDBCA | — |
| keyword.operator.expression.infer.ts, keyword.operator.expression.is.ts, keyword.operator.expression.satisfies.ts, keyword.operator.expression.as.ts | #C792EA | italic |
| meta.type.annotation.ts, meta.return.type.ts, meta.type.parameters.ts | #C8A84B | — |
| keyword.other.module.ts, storage.type.namespace.ts, storage.type.module.ts | #C792EA | italic |
| storage.modifier.ts, storage.modifier.tsx, keyword.other.public.ts, keyword.other.private.ts, keyword.other.protected.ts, keyword.other.readonly.ts | #C792EA | italic |
| storage.modifier.abstract.ts, keyword.other.abstract.ts | #C792EA | italic |
| variable.other.enummember.ts, variable.other.enummember.tsx | #F78C6C | — |
| storage.type.function.arrow.ts, storage.type.function.arrow.tsx, storage.type.function.arrow.js | #89DDFF | — |
| meta.object-binding-pattern-variable.ts, meta.array-binding-pattern-variable.ts | #E0E0E0 | — |
| support.type.utility.ts, entity.name.type.ts | #C8A84B | italic |
| keyword.operator.definiteassignment.ts, keyword.operator.notnull.ts | #FF5370 | — |
| punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx | #89DDFF | — |
| meta.jsx.children, string.unquoted.jsx | #E0E0E0 | — |
| punctuation.terminator.tag.tsx, punctuation.terminator.tag.jsx | #F07178 | — |
| support.class.component.tsx, support.class.component.jsx, entity.name.tag.tsx, entity.name.tag.jsx | #61AFEF | — |
| entity.other.attribute-name.tsx, entity.other.attribute-name.jsx | #F9A87A | — |
| meta.spread.tsx, meta.spread.jsx | #89DDFF | — |
| variable.scss, variable.sass, variable.other.less | #4EC9B0 | — |
| entity.name.tag.scss, entity.name.tag.sass, entity.other.attribute-name.scss | #F9C74F | — |
| keyword.control.at-rule.include.scss, keyword.control.at-rule.mixin.scss, keyword.control.at-rule.extend.scss, keyword.control.at-rule.use.scss, keyword.control.at-rule.forward.scss, keyword.control.at-rule.scss, keyword.control.at-rule.sass | #C792EA | italic |
| entity.name.function.scss, entity.name.function.sass, support.function.misc.scss | #82AAFF | — |
| entity.other.attribute-name.placeholder.css | #F07178 | — |
| punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss | #89DDFF | — |
| entity.other.attribute-name.parent-selector.css, keyword.operator.scss, keyword.operator.sass | #F07178 | — |
| keyword.operator.logical.python, keyword.operator.comparison.python, keyword.operator.wordlike.python | #89DDFF | — |
| keyword.operator.unpacking.arguments.python, keyword.operator.unpacking.python | #89DDFF | — |
| meta.function.parameters.python, meta.function.parameter.python | #FFCB6B | — |
| support.type.metaclass.python | #FFCB6B | italic |
| keyword.control.flow.return.python, storage.type.function.lambda.python | #C792EA | italic |
| storage.type.string.python, meta.string-contents.quoted.single.python | #C3E88D | — |
| keyword.other.python, keyword.control.statement.python | #C792EA | italic |
| punctuation.separator.annotation.result.python | #89DDFF | — |
| string.interpolated.dollar.shell, variable.other.dollar.shell, punctuation.definition.variable.shell | #4EC9B0 | — |
| meta.scope.heredoc.shell, string.unquoted.heredoc.shell | #C3E88D | — |
| keyword.control.conditional.shell | #C792EA | italic |
| keyword.control.loop.shell, keyword.control.repeat.shell | #C792EA | italic |
| meta.arithmetic.shell, keyword.operator.arithmetic.shell | #89DDFF | — |
| variable.other.special.shell | #F78C6C | — |
| markup.list.unnumbered.markdown, punctuation.definition.list.begin.markdown | #697098 | — |
| markup.list.numbered.markdown, markup.list.numbered.bullet.markdown | #F78C6C | — |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | #6B7A99 | italic |
| meta.separator.markdown | #555B7A | — |
| string.other.link.description.markdown, string.other.link.title.markdown | #7FDBCA | — |
| markup.checkbox.markdown | #FFD580 | — |
| punctuation.separator.table-cell.markdown | #697098 | — |
| meta.tag.inline.any.html, meta.tag.structure.any.html | #F07178 | — |
| markup.inserted.diff, markup.inserted.git_gutter | #C3E88D | — |
| markup.deleted.diff, markup.deleted.git_gutter | #FF5370 | — |
| markup.changed.diff, markup.changed.git_gutter | #FFD580 | — |
| meta.diff.header, meta.diff.range | #9B8FEF | italic |
| keyword.control.java, keyword.other.import.java, storage.modifier.java, storage.type.java | #C792EA | italic |
| entity.name.type.class.java, entity.name.type.java | #FFCB6B | — |
| meta.declaration.annotation.java, storage.type.annotation.java, punctuation.definition.annotation.java | #FFD580 | — |
| storage.type.package.java, entity.name.package.java | #4EC9B0 | — |
| storage.type.primitive.java, storage.type.object.array.java | #89DDFF | italic |
| keyword.control.go, keyword.import.go, keyword.package.go, keyword.var.go, keyword.function.go, keyword.type.go, keyword.interface.go, keyword.struct.go, keyword.const.go, keyword.map.go, keyword.channel.go | #C792EA | italic |
| support.function.builtin.go | #61AFEF | — |
| entity.name.type.go, support.type.go | #FFCB6B | — |
| keyword.operator.channel.go, keyword.operator.address.go | #89DDFF | — |
| keyword.control.rust, keyword.other.rust, storage.type.rust, storage.modifier.rust | #C792EA | italic |
| entity.name.type.rust, entity.name.trait.rust, support.type.rust | #FFCB6B | — |
| support.macro.rust, entity.name.function.macro.rust, punctuation.definition.attribute.rust | #FFD580 | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust | #F07178 | italic |
| keyword.other.unsafe.rust | #FF5370 | italic |
| keyword.control.c, keyword.control.cpp, storage.type.c, storage.type.cpp | #C792EA | italic |
| keyword.control.directive.include.c, keyword.control.directive.c, keyword.control.directive.cpp, meta.preprocessor.c, meta.preprocessor.cpp | #FFD580 | — |
| entity.name.function.preprocessor.c, entity.name.function.preprocessor.cpp | #F9A87A | — |
| entity.name.type.c, entity.name.type.cpp, support.type.posix-reserved.c | #FFCB6B | — |
| keyword.operator.dereference.c, keyword.operator.dereference.cpp | #89DDFF | — |
| keyword.control.php, storage.type.php, keyword.other.new.php | #C792EA | italic |
| variable.other.php, variable.language.php | #4EC9B0 | — |
| entity.name.function.php, support.function.php | #82AAFF | — |
| entity.name.type.class.php, support.class.php | #FFCB6B | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #F07178 | — |
| variable.language.this.php, support.class.builtin.php | #F07178 | italic |
| keyword.other.important.css | #FF5370 | italic |
| support.function.calc.css, support.function.var.css, support.function.css | #61AFEF | — |
| support.type.property-name.media.css, meta.at-rule.media.css | #89DDFF | — |
| variable.other.animation-name.css, support.constant.animation-name.css | #FFD580 | — |
| support.function.color.css, constant.other.color.css | #F07178 | — |
| constant.other.character-class.regexp, constant.other.character-class.set.regexp | #FFCB6B | — |
| keyword.operator.quantifier.regexp | #89DDFF | — |
| keyword.control.anchor.regexp | #89DDFF | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp | #9B8FEF | — |
| meta.assertion.look-ahead.regexp, meta.assertion.look-behind.regexp | #9B8FEF | — |
| keyword.other.back-reference.regexp | #F78C6C | — |
| variable.other.env, constant.other.key.ini | #56B6C2 | — |
| string.quoted.double.ini, string.quoted.single.ini, string.unquoted.ini | #C3E88D | — |
| keyword.control.nginx, entity.name.tag.nginx | #89DDFF | italic |
| invalid.deprecated | #FFD580 | underline |
| *url*, *link*, *uri* | #82AAFF | underline |
| keyword.codetag.notation, comment.line.double-slash keyword.other, storage.type.class.todo | #FFD580 | bold |
| keyword.codetag.fixme | #FF5370 | bold |
| meta.tag.sgml.doctype.html, entity.name.tag.doctype.html, meta.tag.sgml.html | #697098 | italic |
| keyword.other.doctype.html | #C792EA | italic |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html, meta.tag.any.html punctuation.definition.tag, text.html punctuation.definition.tag | #697098 | — |
| entity.name.tag.html, entity.name.tag.block.any.html, entity.name.tag.inline.any.html, entity.name.tag.other.html | #F07178 | — |
| punctuation.definition.tag.end.html, meta.tag.void.html punctuation.definition.tag.end | #697098 | — |
| entity.name.tag.script.html | #C792EA | italic |
| entity.name.tag.style.html | #C792EA | italic |
| entity.name.tag.heading.html, entity.name.tag.structure.heading.html | #FFCB6B | bold |
| entity.name.tag.structure.any.html | #F07178 | — |
| entity.name.tag.void.html, entity.name.tag.meta.void.html | #F07178 | — |
| entity.name.tag.custom.html, meta.tag.custom.html entity.name.tag | #9B8FEF | — |
| entity.other.attribute-name.html, entity.other.attribute-name.id.html, entity.other.attribute-name.class.html | #F9A87A | — |
| entity.other.attribute-name.boolean.html, entity.other.attribute-name.disabled.html, entity.other.attribute-name.checked.html, entity.other.attribute-name.required.html | #C792EA | italic |
| entity.other.attribute-name.data.html, entity.other.attribute-name.data-attribute.html | #82AAFF | — |
| entity.other.attribute-name.aria.html, entity.other.attribute-name.role.html, entity.other.attribute-name.aria-label.html, entity.other.attribute-name.aria-hidden.html | #7FDBCA | — |
| entity.other.attribute-name.event.html, entity.other.attribute-name.on.html | #E5C07B | italic |
| string.quoted.double.html, string.quoted.single.html, meta.attribute-with-value.html string | #C3E88D | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #89DDFF | — |
| meta.attribute-with-value.id.html string | #FFD580 | — |
| meta.attribute-with-value.class.html string | #C3E88D | — |
| meta.attribute-with-value.href.html string, meta.attribute-with-value.src.html string | #82AAFF | — |
| constant.character.entity.html, constant.character.entity.named.html, constant.character.entity.numeric.html, constant.character.entity.other.html | #89DDFF | — |
| punctuation.definition.entity.html, punctuation.terminator.entity.html | #697098 | — |
| comment.block.html, comment.line.html | #6B7A99 | italic |
| punctuation.definition.comment.html, punctuation.definition.comment.begin.html, punctuation.definition.comment.end.html | #6B7A99 | — |
| meta.attribute-with-value.style.html string | #C3E88D | — |
| meta.embedded.block.html, punctuation.section.embedded.begin.html, punctuation.section.embedded.end.html | #89DDFF | — |
| meta.tag.metadata.html string | #C3E88D | — |
| invalid.deprecated.html, invalid.illegal.html | #FF5370 | underline |
| keyword.other.special-method.dockerfile | #C792EA | italic bold |
| keyword.control.dockerfile | #FF5370 | italic |
| string.unquoted.docker, entity.name.image.dockerfile, meta.image.dockerfile | #C3E88D | — |
| constant.other.image-tag.dockerfile | #F78C6C | — |
| variable.other.dockerfile, variable.other.env.dockerfile, punctuation.definition.variable.dockerfile | #4EC9B0 | — |
| string.quoted.double.dockerfile, string.quoted.single.dockerfile, string.interpolated.dockerfile | #C3E88D | — |
| constant.numeric.dockerfile | #F78C6C | — |
| meta.embedded.block.shell.dockerfile | #E0E0E0 | — |
| comment.line.number-sign.dockerfile, punctuation.definition.comment.dockerfile | #6B7A99 | italic |
| string.other.path.dockerfile, meta.copy.source.dockerfile, meta.copy.dest.dockerfile | #82AAFF | — |
| entity.name.label.dockerfile | #7FDBCA | — |
| keyword.other.healthcheck.dockerfile | #FFD580 | italic |
| variable.other.env, variable.key.env, support.constant.env | #7FDBCA | — |
| keyword.operator.assignment.env, punctuation.separator.key-value.env | #89DDFF | — |
| string.unquoted.env, constant.other.env | #C3E88D | — |
| string.quoted.double.env, string.quoted.single.env | #C3E88D | — |
| punctuation.definition.string.begin.env, punctuation.definition.string.end.env | #89DDFF | — |
| constant.numeric.env | #F78C6C | — |
| constant.language.env | #C792EA | italic |
| comment.line.number-sign.env, comment.line.env, punctuation.definition.comment.env | #6B7A99 | italic |
| variable.other.interp.env, punctuation.definition.variable.env, meta.interpolation.env | #4EC9B0 | — |
| keyword.other.export.env | #C792EA | italic |
| comment.line.section.env | #56B6C2 | bold |
| comment.line.shebang.shell, punctuation.definition.comment.shebang.shell, meta.shebang.shell | #697098 | italic |
| meta.command-substitution.shell, punctuation.definition.command-substitution.shell | #89DDFF | — |
| meta.process-substitution.shell | #89DDFF | — |
| meta.array.shell, variable.other.array.shell | #E0E0E0 | — |
| constant.other.option.shell | #F9A87A | — |
| keyword.operator.comparison.shell, keyword.operator.logical.shell | #89DDFF | — |
| constant.numeric.shell | #F78C6C | — |
| keyword.control.case.shell, keyword.control.in.shell | #C792EA | italic |
| storage.type.function.shell | #C792EA | italic |
| variable.other.special.shell, variable.other.positional.shell | #F78C6C | — |
| entity.name.type.interface.java | #FFD580 | italic |
| entity.name.type.enum.java | #FFCB6B | — |
| variable.language.this.java, variable.language.super.java | #F07178 | italic |
| keyword.other.import.java | #C792EA | italic |
| keyword.other.throws.java, keyword.other.extends.java, keyword.other.implements.java | #C792EA | italic |
| storage.type.function.arrow.java | #89DDFF | — |
| entity.name.type.type-parameter.java, storage.type.generic.java | #C8A84B | italic |
| string.quoted.double.java | #C3E88D | — |
| constant.numeric.java | #F78C6C | — |
| keyword.operator.instanceof.java, keyword.other.new.java | #C792EA | italic |
| keyword.package.go | #C792EA | italic |
| string.quoted.double.go | #C3E88D | — |
| entity.name.type.go | #FFCB6B | — |
| storage.type.interface.go, entity.name.type.interface.go | #FFD580 | italic |
| constant.numeric.go | #F78C6C | — |
| string.quoted.double.go, string.quoted.raw.go | #C3E88D | — |
| keyword.operator.address.go, keyword.operator.pointer.go | #89DDFF | — |
| keyword.operator.assignment.go | #89DDFF | — |
| entity.name.type.error.go | #FF5370 | — |
| keyword.control.defer.go, keyword.control.panic.go, keyword.control.recover.go | #F07178 | italic |
| string.quoted.double.php | #C3E88D | — |
| string.quoted.single.php | #C3E88D | — |
| constant.numeric.php | #F78C6C | — |
| keyword.other.namespace.php, entity.name.type.namespace.php | #4EC9B0 | — |
| keyword.other.use.php, keyword.control.import.include.php, keyword.control.import.require.php | #C792EA | italic |
| keyword.operator.key.php, punctuation.separator.arrow.php | #89DDFF | — |
| storage.type.interface.php, storage.type.trait.php, storage.modifier.abstract.php | #FFD580 | italic |
| support.class.exception.php | #FF5370 | — |
| string.unquoted.heredoc.php, string.unquoted.nowdoc.php | #C3E88D | — |
| constant.language.php, constant.language.null.php | #C792EA | italic |
| string.quoted.double.c, string.quoted.double.cpp | #C3E88D | — |
| constant.numeric.c, constant.numeric.cpp | #F78C6C | — |
| storage.type.struct.c, storage.type.union.c, storage.type.enum.c, storage.type.struct.cpp, storage.type.class.cpp | #FFCB6B | — |
| constant.language.c, constant.language.cpp, constant.language.nullptr.cpp | #C792EA | italic |
| entity.name.type.template.cpp, storage.type.template.cpp | #C8A84B | italic |
| entity.name.type.namespace.cpp, keyword.other.namespace.cpp | #4EC9B0 | — |
| keyword.operator.new.cpp, keyword.operator.delete.cpp | #C792EA | italic |
| keyword.operator.cast.cpp, keyword.operator.static_cast.cpp | #89DDFF | — |
| entity.name.function.call.c, entity.name.function.call.cpp | #82AAFF | — |
| punctuation.separator.namespace.access.cpp | #697098 | — |
| string.quoted.double.rust | #C3E88D | — |
| constant.numeric.rust | #F78C6C | — |
| entity.name.type.struct.rust | #FFCB6B | — |
| entity.name.type.enum.rust | #FFCB6B | — |
| keyword.other.rust | #C792EA | italic |
| entity.name.type.trait.rust | #FFD580 | italic |
| variable.language.self.rust, keyword.other.self.rust | #F07178 | italic |
| keyword.operator.arrow.fat.rust | #89DDFF | — |
| meta.attribute.rust, punctuation.definition.attribute.rust, keyword.operator.attribute.inner.rust | #E5C07B | italic |
| keyword.other.crate.rust, storage.modifier.visibility.rust, keyword.other.use.rust | #C792EA | italic |
| keyword.where.rust | #C792EA | italic |
| entity.name.type.model.prisma, entity.name.type.enum.prisma | #FFCB6B | — |
| entity.name.function.attribute.prisma, support.function.attribute.prisma | #E5C07B | italic |
| string.quoted.double.prisma | #C3E88D | — |
| constant.numeric.prisma | #F78C6C | — |
| constant.language.boolean.prisma | #C792EA | italic |
| comment.line.double-slash.prisma | #6B7A99 | italic |
| keyword.operator.optional.prisma | #89DDFF | — |
| keyword.operator.list.prisma | #89DDFF | — |
| entity.name.type.datasource.prisma, entity.name.type.generator.prisma | #82AAFF | — |
| entity.name.tag.template.html.vue, meta.tag.template.html | #C792EA | italic |
| entity.name.tag.script.html.vue, entity.name.tag.style.html.vue | #C792EA | italic |
| entity.other.attribute-name.html.vue, meta.directive.vue, keyword.control.vue | #E5C07B | italic |
| meta.interpolation.vue, punctuation.definition.interpolation.begin.html.vue, punctuation.definition.interpolation.end.html.vue | #89DDFF | — |
| support.class.component.vue | #61AFEF | — |
| entity.other.attribute-name.slot.html.vue | #7FDBCA | — |
| support.function.composition.vue | #82AAFF | — |
| support.function.macro.vue | #FFD580 | italic |
| keyword.control.svelte, punctuation.definition.block.svelte | #C792EA | italic |
| keyword.control.flow.svelte | #C792EA | italic |
| keyword.control.end.svelte | #697098 | — |
| meta.expression.svelte, punctuation.section.embedded.svelte | #89DDFF | — |
| entity.other.attribute-name.event.svelte, support.type.event-handler.svelte | #E5C07B | italic |
| entity.other.attribute-name.bind.svelte | #7FDBCA | — |
| keyword.operator.reactive.svelte, meta.reactive-statement.svelte | #FFD580 | italic bold |
| support.class.component.svelte | #61AFEF | — |
| entity.name.tag.slot.svelte | #9B8FEF | — |
| keyword.control.csharp, storage.modifier.csharp, storage.type.csharp | #C792EA | italic |
| entity.name.type.class.csharp, entity.name.type.struct.csharp, entity.name.type.record.csharp | #FFCB6B | — |
| entity.name.type.interface.csharp | #FFD580 | italic |
| entity.name.type.namespace.csharp, keyword.other.namespace.csharp | #4EC9B0 | — |
| entity.name.type.attribute.csharp, meta.attribute.csharp | #E5C07B | italic |
| string.quoted.double.csharp, string.quoted.single.csharp, string.interpolated.csharp | #C3E88D | — |
| constant.numeric.csharp | #F78C6C | — |
| keyword.other.this.csharp, keyword.other.base.csharp | #F07178 | italic |
| keyword.query.csharp, keyword.other.query.csharp | #89DDFF | italic |
| keyword.other.async.csharp | #C792EA | italic |
| entity.name.type.type-parameter.csharp | #C8A84B | italic |
| keyword.operator.null-conditional.csharp | #89DDFF | — |
| keyword.control.kotlin, storage.type.kotlin, storage.modifier.kotlin | #C792EA | italic |
| entity.name.type.class.kotlin, entity.name.type.object.kotlin | #FFCB6B | — |
| entity.name.type.interface.kotlin | #FFD580 | italic |
| meta.template.expression.kotlin, punctuation.definition.template-expression.kotlin | #89DDFF | — |
| keyword.other.coroutine.kotlin | #C792EA | italic |
| keyword.operator.safe-call.kotlin | #89DDFF | — |
| keyword.control.when.kotlin | #C792EA | italic |
| keyword.other.companion.kotlin | #FFD580 | italic |
| variable.language.this.kotlin | #F07178 | italic |
| constant.numeric.kotlin | #F78C6C | — |
| keyword.control.swift, storage.type.swift, storage.modifier.swift | #C792EA | italic |
| entity.name.type.class.swift, entity.name.type.struct.swift, entity.name.type.enum.swift, entity.name.type.protocol.swift | #FFCB6B | — |
| entity.name.type.protocol.swift | #FFD580 | italic |
| meta.interpolation.swift, punctuation.definition.string.interpolated.swift | #89DDFF | — |
| storage.modifier.attribute.swift, keyword.other.attribute.swift | #E5C07B | italic |
| keyword.control.guard.swift, keyword.control.defer.swift | #F07178 | italic |
| keyword.operator.optional.swift | #89DDFF | — |
| variable.language.self.swift, variable.language.super.swift | #F07178 | italic |
| constant.numeric.swift | #F78C6C | — |
| keyword.control.ruby, storage.type.ruby, keyword.other.special-method.ruby | #C792EA | italic |
| entity.name.type.class.ruby, entity.name.type.module.ruby | #FFCB6B | — |
| constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby | #F78C6C | — |
| meta.embedded.line.ruby, punctuation.section.embedded.ruby | #89DDFF | — |
| variable.other.readwrite.instance.ruby | #F07178 | italic |
| variable.other.readwrite.class.ruby | #E5C07B | — |
| variable.other.readwrite.global.ruby | #4EC9B0 | — |
| constant.other.ruby | #FFCB6B | — |
| string.unquoted.heredoc.ruby | #C3E88D | — |
| string.regexp.ruby | #9B8FEF | — |
| keyword.control.dart, storage.type.dart, storage.modifier.dart | #C792EA | italic |
| entity.name.type.class.dart | #FFCB6B | — |
| entity.name.type.mixin.dart, entity.name.type.extension.dart | #FFD580 | italic |
| meta.interpolation.dart, punctuation.definition.template-expression.dart | #89DDFF | — |
| support.class.widget.flutter | #61AFEF | — |
| keyword.control.async.dart | #C792EA | italic |
| keyword.operator.null-aware.dart | #89DDFF | — |
| constant.numeric.dart | #F78C6C | — |
| keyword.control.scala, storage.type.scala, keyword.declaration.scala | #C792EA | italic |
| entity.name.class.scala, entity.name.type.scala | #FFCB6B | — |
| entity.name.trait.scala | #FFD580 | italic |
| meta.template.expression.scala, punctuation.definition.template-expression.scala | #89DDFF | — |
| keyword.control.case.scala, keyword.control.match.scala | #C792EA | italic |
| keyword.other.implicit.scala | #E5C07B | italic |
| keyword.control.r, storage.type.r | #C792EA | italic |
| keyword.operator.assignment.r, keyword.operator.leftassign.r | #89DDFF | — |
| keyword.operator.namespace.r | #697098 | — |
| support.function.r | #61AFEF | — |
| string.quoted.double.r | #C3E88D | — |
| constant.numeric.r | #F78C6C | — |
| constant.language.r | #C792EA | italic |
| keyword.operator.pipe.r | #89DDFF | — |
| keyword.control.zig, storage.type.zig, storage.modifier.zig | #C792EA | italic |
| entity.name.type.zig, storage.type.struct.zig | #FFCB6B | — |
| keyword.other.comptime.zig | #FFD580 | italic |
| keyword.operator.error.zig, entity.name.type.error.zig | #FF5370 | — |
| string.quoted.double.zig | #C3E88D | — |
| constant.numeric.zig | #F78C6C | — |
| support.function.builtin.zig | #61AFEF | — |
| keyword.control.lua, storage.type.function.lua | #C792EA | italic |
| support.function.lua | #61AFEF | — |
| string.quoted.double.lua, string.quoted.single.lua | #C3E88D | — |
| constant.numeric.lua | #F78C6C | — |
| constant.language.lua | #C792EA | italic |
| meta.table.lua | #E0E0E0 | — |
| variable.language.self.lua | #F07178 | italic |
| keyword.control.terraform, entity.name.type.terraform | #C792EA | italic |
| entity.name.resource.terraform, entity.name.module.terraform | #FFCB6B | — |
| variable.declaration.terraform | #7FDBCA | — |
| string.quoted.double.terraform, string.heredoc.terraform | #C3E88D | — |
| meta.template.expression.terraform, punctuation.section.template.begin.terraform, punctuation.section.template.end.terraform | #89DDFF | — |
| variable.other.terraform, variable.reference.terraform | #4EC9B0 | — |
| constant.numeric.terraform, constant.language.boolean.terraform | #F78C6C | — |
| comment.line.terraform, comment.block.terraform | #6B7A99 | italic |
| keyword.control.solidity, storage.type.solidity, keyword.other.solidity | #C792EA | italic |
| entity.name.type.contract.solidity, entity.name.type.interface.solidity, entity.name.type.library.solidity | #FFCB6B | — |
| support.type.primitive.solidity, storage.type.numeric.solidity | #89DDFF | italic |
| variable.language.solidity | #F07178 | italic |
| storage.modifier.solidity | #E5C07B | italic |
| keyword.control.emit.solidity | #FF5370 | italic |
| constant.numeric.solidity, constant.numeric.hex.solidity | #F78C6C | — |
| entity.name.tag.mdx | #61AFEF | — |
| meta.embedded.expression.mdx | #89DDFF | — |
| keyword.control.import.mdx | #C792EA | italic |
| meta.frontmatter.astro | #697098 | — |
| keyword.control.import.astro | #C792EA | italic |
| meta.embedded.expression.astro | #89DDFF | — |
| entity.name.tag.component.astro | #61AFEF | — |
| storage.modifier.glsl, keyword.qualifier.glsl, storage.type.wgsl | #C792EA | italic |
| support.type.glsl, storage.type.builtin.wgsl | #89DDFF | italic |
| support.function.glsl, support.function.builtin.wgsl | #61AFEF | — |
| constant.numeric.glsl, constant.numeric.wgsl | #F78C6C | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...