Onyx Dark Themes
Publisher: Dmytro ZelenetskyiThemes in package: 2
A Visual Studio Code theme for effective work
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#323232ff
- activityBar.border#242424ff
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ffffff66
- activityBarBadge.background#3f90f9ff
- activityBarBadge.foreground#ffffff
- breadcrumb.background#242424ff
- breadcrumb.focusForeground#cacacaff
- breadcrumb.foreground#6f6f6fff
- diffEditor.border#444444
- diffEditor.insertedTextBackground#0a6f0b34
- diffEditor.removedTextBackground#a7020233
- editor.background#242424ff
- editor.foreground#b0b0b0ff
- editor.hoverHighlightBackground#00223fb3
- editor.lineHighlightBackground#393c3ecc
- editor.selectionBackground#1c4c7acc
- editor.selectionHighlightBackground#00000000
- editor.wordHighlightBackground#00000000
- editor.wordHighlightBorder#876b2fff
- editor.wordHighlightStrongBackground#1c4c7a8c
- editor.wordHighlightTextBackground#1c4c7a8c
- editorError.background#32000240
- editorError.border#00000000
- editorError.foreground#c85f55ff
- editorGroupHeader.tabsBackground#323232ff
- editorGutter.background#242424ff
- editorHoverWidget.background#383838ff
- editorHoverWidget.border#454545ff
- editorHoverWidget.foreground#ccccccff
- editorInfo.background#00152a40
- editorInfo.border#00000000
- editorInfo.foreground#5882b3ff
- editorLineNumber.activeForeground#d2d2d2ff
- editorLineNumber.foreground#606060ff
- editorLink.activeForeground#f2ce87ff
- editorSuggestWidget.background#454140ff
- editorSuggestWidget.border#454545ff
- editorSuggestWidget.foreground#b8b8b8ff
- editorSuggestWidget.highlightForeground#3d81ecff
- editorSuggestWidget.selectedBackground#56070754
- editorWarning.background#21100040
- editorWarning.border#00000000
- editorWarning.foreground#b36f1cff
- foreground#b0b0b0ff
- gitDecoration.addedResourceForeground#0ec72f
- gitDecoration.conflictingResourceForeground#ff6000
- gitDecoration.deletedResourceForeground#c73939
- gitDecoration.ignoredResourceForeground#86868697
- gitDecoration.modifiedResourceForeground#b48a3a
- gitDecoration.stageDeletedResourceForeground#c74e39
- gitDecoration.stageModifiedResourceForeground#e2c08d
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#73c991
- list.activeSelectionBackground#3f90f980
- list.focusBackground#00152aff
- list.focusOutline#00000000
- list.inactiveSelectionBackground#202020cc
- merge.commonContentBackground#282828
- merge.commonHeaderBackground#383838
- merge.currentContentBackground#27403B
- merge.currentHeaderBackground#367366
- merge.incomingContentBackground#28384B
- merge.incomingHeaderBackground#395F8F
- notificationCenter.border#474747ff
- notificationCenterHeader.background#2c2c2cff
- notificationCenterHeader.foreground#adadadff
- notifications.background#323232ff
- notifications.border#303031ff
- notifications.foreground#ccccccff
- notificationsErrorIcon.foreground#f94f2dff
- notificationsInfoIcon.foreground#50adffff
- notificationsWarningIcon.foreground#f57e00ff
- notificationToast.border#434343ff
- peekView.border#3388c081
- peekViewEditor.background#1c2f3bff
- peekViewEditor.matchHighlightBackground#c76f007e
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#072b41ff
- peekViewResult.background#212121ff
- peekViewResult.fileForeground#dbdbdbff
- peekViewResult.lineForeground#bbbbbbff
- peekViewResult.matchHighlightBackground#ea5c0072
- peekViewResult.selectionBackground#268aee42
- peekViewResult.selectionForeground#c7c7c7ff
- peekViewTitle.background#1d1d1dff
- peekViewTitleDescription.foreground#ccccccb3
- peekViewTitleLabel.foreground#ffffffff
- sideBar.background#323232ff
- sideBar.foreground#9f9f9fff
- sideBarSectionHeader.background#2e2e2eff
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#606060ff
- sideBarTitle.foreground#8f8f8fff
- statusBar.background#212121ff
- statusBar.debuggingBackground#211000ff
- statusBar.debuggingForeground#b36f1cff
- statusBar.foreground#8f8f8fff
- statusBar.noFolderBackground#49325bff
- statusBar.noFolderForeground#ffffffff
- statusBarItem.hoverBackground#323232ff
- statusBarItem.remoteBackground#004524ff
- statusBarItem.remoteForeground#ffffffff
- tab.activeBackground#242424ff
- tab.activeBorder#242424ff
- tab.activeBorderTop#3f90f9ff
- tab.activeForeground#b0b0b0ff
- tab.border#190600ff
- tab.hoverBackground#242424ff
- tab.inactiveBackground#323232ff
- tab.inactiveForeground#9f9f9fff
- terminal.ansiBlack#000000
- terminal.ansiBlue#4965a1
- terminal.ansiBrightBlack#4d4d4d
- terminal.ansiBrightBlue#5c86e0
- terminal.ansiBrightCyan#7fe0d3
- terminal.ansiBrightGreen#5ac220
- terminal.ansiBrightMagenta#dd8bea
- terminal.ansiBrightRed#e03c3c
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#ffdbad
- terminal.ansiCyan#70aea6
- terminal.ansiGreen#51902e
- terminal.ansiMagenta#b792bd
- terminal.ansiRed#d35656
- terminal.ansiWhite#c4c8c6
- terminal.ansiYellow#f8c465
- terminal.border#80808059
- terminal.foreground#c4c8c6
- terminal.selectionBackground#6f734340
- terminalCursor.background#0087FF
- terminalCursor.foreground#e6e6e6
- titleBar.activeBackground#323232ff
- titleBar.activeForeground#9f9f9fff
- titleBar.border#242424ff
- titleBar.inactiveBackground#424242
- titleBar.inactiveForeground#959595
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| foreground | #b0b0b0ff | — |
| comment | #676767ff | italic |
| source.ignore | #878787ff | — |
| entity.name.function | #6892c4ff | — |
| storage.type.function | #a5896bff | — |
| punctuation.definition.block, punctuation.terminator.statement, punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end, punctuation.definition.tag, punctuation.section.embedded.begin, punctuation.section.embedded.end, punctuation.separator.dictionary.pair, punctuation.definition.dictionary.begin, punctuation.definition.dictionary.end, punctuation.definition.array.begin, punctuation.definition.array.end, punctuation.definition.binding-pattern.object, punctuation.separator.comma, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.binding-pattern.array, punctuation.section.block.begin.bracket.curly, punctuation.section.block.end.bracket.curly, punctuation.section.parameters.begin.bracket.round, punctuation.section.parameters.end.bracket.round, punctuation.section.arguments.begin.bracket.round, punctuation.section.arguments.end.bracket.round, punctuation.section.parens.begin.bracket.round, punctuation.section.parens.end.bracket.round, meta.brace.round, punctuation.separator.parameter, keyword.operator.type.annotation, meta.brace.square, punctuation.definition.section.case-statement, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, punctuation.separator.key-value, punctuation.destructuring | #777777ff | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #777777ff | — |
| punctuation.definition.comment | #676767ff | italic |
| keyword.control.directive.include.c, storage.modifier.c, keyword.control.c, storage.type.built-in.c, storage.type.built-in.primitive.c, keyword.control.directive.include.cpp, storage.type.built-in.cpp, storage.type.built-in.primitive.cpp, storage.type.extern.cpp, storage.modifier.static.cpp, storage.modifier.specifier.static.cpp, storage.type.enum.cpp, keyword.other.typedef.cpp, storage.modifier.specifier.const.cpp, storage.modifier.specifier.extern.cpp, keyword.control.directive.conditional.defined.cpp, keyword.control.if.cpp, keyword.control.return.cpp, entity.name.scope-resolution.parameter.cpp, keyword.control.else.cpp, entity.name.scope-resolution.cpp, keyword.control.throw.cpp, keyword.control.switch.cpp, keyword.control.case.cpp, keyword.control.break.cpp, storage.type.struct.cpp, keyword.control.for.cpp, storage.type.struct.declare.cpp, storage.type.struct.c, keyword.control.directive.include.objc, keyword.control.directive.import.objc, storage.type.built-in.primitive.objc, support.class.cocoa.objc, keyword.control.directive.import.c, punctuation.definition.directive.objcpp, keyword.control.directive.include.objcpp, keyword.control.directive.import.objcpp, storage.type.built-in.primitive.objcpp, keyword.control.objcpp, storage.type.built-in.objcpp, entity.scope.name.objcpp, keyword.control.switch.c, keyword.control.case.c, keyword.operator.cast.reinterpret_cast.cpp, constant.language.nullptr.cpp, keyword.operator.new.cpp, support.type.posix-reserved.c, support.type.built-in.posix-reserved.cpp, storage.type.namespace.definition.cpp, storage.modifier.specifier.functional.pre-parameters.constexpr.cpp, storage.type.class.cpp, storage.type.modifier.access.control.public.cpp, storage.type.modifier.access.control.private.cpp, storage.type.modifier.access.control.protected.cpp, storage.type.template.cpp, storage.modifier.specifier.functional.post-parameters.const.cpp, keyword.other.operator.overload.cpp, storage.type.namespace.alias.cpp, entity.name.scope-resolution.namespace.alias.cpp, keyword.other.using.directive.cpp, entity.name.scope-resolution.template.call.cpp, keyword.control.while.cpp, storage.modifier.cpp, storage.modifier.specifier.functional.pre-parameters.explicit.cpp, keyword.control.catch.cpp, keyword.control.try.cpp, variable.language.this.cpp, keyword.operator.cast.static_cast.cpp, storage.type.modifier.access.public.cpp, keyword.operator.delete.array.cpp, keyword.other.using.directive.cuda-cpp, keyword.control.directive.include.cuda-cpp, entity.name.scope-resolution.cuda-cpp, keyword.operator.cast.static_cast.cuda-cpp, support.type.built-in.posix-reserved.cuda-cpp, storage.type.built-in.primitive.cuda-cpp, constant.language.true.cpp, storage.modifier.const.cpp | #a5896bff | — |
| storage.modifier.specifier.extern.cpp | — | bold |
| keyword.operator.sizeof.c | #6892c4ff | — |
| keyword.control.directive.conditional.ifndef.cpp, keyword.control.directive.define.cpp, keyword.control.directive.endif.cpp, keyword.control.directive.pragma.cpp, keyword.control.directive.conditional.if.cpp, keyword.control.directive.elif.cpp, keyword.control.directive.else.cpp, keyword.control.directive.conditional.ifdef.cpp, keyword.control.directive.diagnostic.error.cpp, variable.other.property.cpp, variable.other.object.property.cpp, variable.other.member.c, keyword.control.directive.define.c, keyword.control.directive.conditional.c, support.function.any-method.name-of-parameter.objc, variable.other.member.objc, variable.other.member.objcpp, keyword.control.directive.undef.c, storage.type.template.argument.typename.cpp, keyword.control.directive.undef.cpp, keyword.control.directive.pragma.cuda-cpp | #8f75a3ff | — |
| variable.parameter.preprocessor.cpp, variable.parameter.cpp, variable.parameter.probably.c, variable.parameter.probably.objc, variable.parameter.probably.objcpp, storage.type.template.argument.class.cpp | #b4bbc2ff | italic |
| constant.language.c, entity.other.attribute-name.pragma.preprocessor.cpp, meta.enum.definition.cpp, variable.other.object.access.cpp, constant.language.NULL.cpp, variable.other.object.declare.cpp, variable.other.object.access.c, meta.body.struct.cpp, constant.language.objc, support.variable.foundation.objc, variable.other.readwrite.static.mac-classic.c, variable.other.object.access.objcpp, meta.conditional.case.c, variable.other.object, storage.type.class.doxygen.cpp | #b4bbc2ff | — |
| string.quoted.double.include.c, string.quoted.double.include.cpp, string.quoted.double.cpp, string.quoted.single.c, string.quoted.double.include.objc, punctuation.definition.string.begin.objc, punctuation.definition.string.end.objc, string.quoted.double.include.objcpp, punctuation.definition.string.begin.objcpp, punctuation.definition.string.end.objcpp, string.quoted.double.c, punctuation.definition.string.begin.c, punctuation.definition.string.end.c | #799d81ff | — |
| constant.numeric.decimal.c, keyword.other.unit.hexadecimal.cpp, constant.numeric.hexadecimal.cpp, constant.numeric.decimal.cpp, constant.numeric.decimal.point.cpp, keyword.other.unit.suffix.floating-point.cpp, keyword.other.unit.hexadecimal.c, constant.numeric.hexadecimal.c, constant.numeric.decimal.point.c, constant.numeric.decimal.objc, constant.numeric.decimal.point.objc, constant.numeric.decimal.objcpp, constant.numeric.decimal.point.objcpp, constant.numeric.decimal.cuda-cpp, keyword.other.unit.suffix.floating-point.cuda-cpp, constant.numeric.decimal.point.cuda-cpp, keyword.other.unit.exponent.decimal.cpp, keyword.operator.minus.exponent.decimal.cpp, constant.numeric.exponent.decimal.cpp | #64b982ff | underline |
| keyword.operator.assignment.cpp, keyword.operator.assignment.objcpp, keyword.operator.assignment.c, keyword.operator.assignment.cuda-cpp | #8f8f8fff | — |
| entity.name.type.enum.cpp | #507874ff | — |
| variable.other.enummember.cpp | #507874ff | — |
| punctuation.separator.delimiter.comma.cpp, punctuation.separator.scope-resolution.parameter.cpp, punctuation.definition.begin.bracket.square, punctuation.definition.end.bracket.square, punctuation.separator.scope-resolution.cpp, punctuation.separator.scope-resolution.function.call.cpp, punctuation.separator.pointer-access.cpp, punctuation.separator.pointer-access.c, punctuation.separator.delimiter.c, punctuation.section.scope.begin.objc, punctuation.section.scope.end.objc, punctuation.separator.pointer-access.objcpp, punctuation.separator.namespace.access.objcpp, punctuation.section.angle-brackets.begin.template.definition.cpp, punctuation.section.angle-brackets.end.template.definition.cpp, punctuation.separator.scope-resolution.namespace.alias.cpp, punctuation.section.angle-brackets.begin.template.call.cpp, punctuation.section.angle-brackets.end.template.call.cpp, keyword.operator.delete.array.bracket.cpp | #777777ff | — |
| entity.name.other.preprocessor.macro.predefined.probably.VA_ARGS.cpp | #b45047ff | — |
| keyword.control.export.ts, keyword.control.export.tsx, keyword.control.export.js, keyword.control.export.jsx, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.import.js, keyword.control.import.jsx, keyword.control.from.ts, keyword.control.from.tsx, keyword.control.from.js, keyword.control.from.jsx, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.flow.js, keyword.control.flow.jsx, keyword.operator.expression.typeof.ts, keyword.operator.expression.typeof.tsx, keyword.operator.expression.typeof.js, keyword.operator.expression.typeof.jsx, storage.type.property.ts, storage.type.property.tsx, storage.type.property.js, storage.type.property.jsx, variable.language.super.ts, variable.language.super.tsx, variable.language.super.js, variable.language.super.jsx, keyword.operator.expression.import.ts, keyword.operator.expression.import.tsx, keyword.operator.expression.import.js, keyword.operator.expression.import.jsx, support.type.object.module.ts, support.type.object.module.tsx, support.type.object.module.js, support.type.object.module.jsx, keyword.operator.expression.instanceof.ts, keyword.operator.expression.instanceof.tsx, keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.jsx | #a5896bff | bold |
| keyword.operator.new.ts, keyword.operator.new.tsx, keyword.operator.new.js, keyword.operator.new.jsx, keyword.control.conditional.ts, keyword.control.conditional.tsx, keyword.control.conditional.js, keyword.control.conditional.jsx, keyword.control.trycatch.ts, keyword.control.trycatch.tsx, keyword.control.trycatch.js, keyword.control.trycatch.jsx, keyword.control.loop.ts, keyword.control.loop.tsx, keyword.control.loop.js, keyword.control.loop.jsx, keyword.operator.expression.in.ts, keyword.operator.expression.in.tsx, keyword.operator.expression.in.js, keyword.operator.expression.in.jsx, storage.modifier.async.ts, storage.modifier.async.tsx, storage.modifier.async.js, storage.modifier.async.jsx, storage.type.interface.ts, storage.type.interface.tsx, storage.type.interface.js, storage.type.interface.jsx, storage.type.type.ts, storage.type.type.tsx, storage.type.type.js, storage.type.type.jsx, keyword.operator.expression.of.ts, keyword.operator.expression.of.tsx, keyword.operator.expression.of.js, keyword.operator.expression.of.jsx, keyword.control.as.ts, keyword.control.as.tsx, keyword.control.as.js, keyword.control.as.jsx, storage.type.ts, storage.type.tsx, storage.type.js, storage.type.jsx, storage.modifier.ts, storage.modifier.tsx, storage.modifier.js, storage.modifier.jsx, support.type.builtin.ts, support.type.builtin.tsx, support.type.builtin.js, support.type.builtin.jsx, support.type.primitive.ts, support.type.primitive.tsx, support.type.primitive.js, support.type.primitive.jsx, constant.language.null.ts, constant.language.null.tsx, constant.language.null.js, constant.language.null.jsx, constant.language.undefined.ts, constant.language.undefined.tsx, constant.language.undefined.js, constant.language.undefined.jsx, constant.language.boolean.false.ts, constant.language.boolean.false.tsx, constant.language.boolean.false.js, constant.language.boolean.false.jsx, constant.language.boolean.true.ts, constant.language.boolean.true.tsx, constant.language.boolean.true.js, constant.language.boolean.true.jsx, storage.type.function.arrow.ts, storage.type.function.arrow.tsx, storage.type.function.arrow.js, storage.type.function.arrow.jsx, keyword.control.switch.ts, keyword.control.switch.tsx, keyword.control.switch.js, keyword.control.switch.jsx, variable.language.this.ts, variable.language.this.tsx, variable.language.this.js, variable.language.this.jsx, storage.type.class.ts, storage.type.class.tsx, storage.type.class.js, storage.type.class.jsx, keyword.control.type.ts, keyword.control.type.tsx, keyword.control.type.js, keyword.control.type.jsx, keyword.control.default.ts, keyword.control.default.tsx, keyword.control.default.js, keyword.control.default.jsx, keyword.operator.expression.delete.ts, keyword.operator.expression.delete.tsx, keyword.operator.expression.delete.js, keyword.operator.expression.delete.jsx, storage.type.namespace.ts, storage.type.namespace.tsx, storage.type.namespace.js, storage.type.namespace.jsx | #a5896bff | — |
| keyword.operator.logical.ts, keyword.operator.logical.tsx, keyword.operator.logical.js, keyword.operator.logical.jsx | #b0b0b0ff | — |
| keyword.operator.assignment.ts, keyword.operator.assignment.tsx, keyword.operator.assignment.js, keyword.operator.assignment.jsx, keyword.operator.assignment.compound.ts, keyword.operator.assignment.compound.tsx, keyword.operator.assignment.compound.js, keyword.operator.assignment.compound.jsx, keyword.operator.relational.ts, keyword.operator.relational.tsx, keyword.operator.relational.js, keyword.operator.relational.jsx, keyword.operator.optional.ts, keyword.operator.optional.tsx, keyword.operator.optional.js, keyword.operator.optional.jsx, keyword.operator.ternary.ts, keyword.operator.ternary.tsx, keyword.operator.ternary.js, keyword.operator.ternary.jsx | #8f8f8fff | — |
| variable.other.constant.property.ts, variable.other.constant.property.tsx, variable.other.constant.property.js, variable.other.constant.property.jsx, support.variable.property.importmeta.ts, support.variable.property.importmeta.tsx, support.variable.property.importmeta.js, support.variable.property.importmeta.jsx, entity.name.type.module.ts, entity.name.type.module.tsx, entity.name.type.module.js, entity.name.type.module.jsx | #b4bbc2ff | — |
| variable.other.property.ts, variable.other.property.tsx, variable.other.property.js, variable.other.property.jsx, entity.name.label.ts, entity.name.label.tsx, entity.name.label.js, entity.name.label.jsx, variable.other.object.property.ts, variable.other.object.property.tsx, variable.other.object.property.js, variable.other.object.property.jsx, support.variable.property.ts, support.variable.property.tsx, support.variable.property.js, support.variable.property.jsx, variable.object.property.ts, variable.object.property.tsx, variable.object.property.js, variable.object.property.jsx, meta.object-literal.key.ts, meta.object-literal.key.tsx, meta.object-literal.key.js, meta.object-literal.key.jsx | #8f75a3ff | — |
| string.quoted.single.ts, string.quoted.single.tsx, string.quoted.single.js, string.quoted.single.jsx, string.template.ts, string.template.tsx, string.template.js, string.template.jsx, string.quoted.double.ts, string.quoted.double.tsx, string.quoted.double.js, string.quoted.double.jsx | #799d81ff | — |
| variable.parameter.ts, variable.parameter.tsx, variable.parameter.js, variable.parameter.jsx | — | italic |
| constant.numeric.decimal.ts, constant.numeric.decimal.tsx, constant.numeric.decimal.js, constant.numeric.decimal.jsx, constant.numeric.hex.ts, constant.numeric.hex.tsx, constant.numeric.hex.js, constant.numeric.hex.jsx | #64b982ff | underline |
| string.regexp.ts, string.regexp.tsx, string.regexp.js, string.regexp.jsx | #be584eff | — |
| keyword.operator.expression.keyof.ts, keyword.operator.expression.keyof.tsx, storage.type.enum.ts, storage.type.enum.tsx, keyword.operator.expression.is.ts, keyword.operator.expression.is.tsx, keyword.control.satisfies.ts, keyword.control.satisfies.tsx | #a5896bff | — |
| meta.jsx.children.ts, meta.jsx.children.tsx, meta.jsx.children.js, meta.jsx.children.jsx | #b0b0b0ff | — |
| support.class.component.ts, support.class.component.tsx, support.class.component.js, support.class.component.jsx | #64b982ff | — |
| entity.name.tag.ts, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag.jsx | #6892c4ff | — |
| entity.other.attribute-name.ts, entity.other.attribute-name.tsx, entity.other.attribute-name.js, entity.other.attribute-name.jsx | #b4bbc2ff | italic |
| entity.name.tag.astro | #6892c4ff | — |
| support.class.component.astro | #64b982ff | — |
| entity.other.attribute-name.astro | #b4bbc2ff | italic |
| punctuation.definition.string.begin.astro, string.quoted.astro, punctuation.definition.string.end.astro | #799d81ff | — |
| punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc | #a5896bff | — |
| entity.name.type.instance.jsdoc | #878787ff | italic |
| punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, punctuation.accessor.ts | #777777ff | — |
| variable.other.jsdoc | #878787ff | — |
| keyword.operator.type.ts, keyword.operator.type.tsx, keyword.operator.type.js, keyword.operator.type.jsx | #8f8f8fff | — |
| entity.name.type.ts, entity.name.type.tsx, entity.name.type.js, entity.name.type.jsx | #507874ff | — |
| entity.name.type.alias.ts, entity.name.type.alias.tsx, entity.name.type.alias.js, entity.name.type.alias.jsx | #507874ff | italic |
| keyword.operator.expression.infer.ts, keyword.operator.expression.infer.tsx, keyword.operator.expression.infer.js, keyword.operator.expression.infer.jsx | #a5896bff | — |
| entity.name.type.interface.ts, entity.name.type.interface.tsx, entity.name.type.interface.js, entity.name.type.interface.jsx | #507874ff | italic |
| entity.other.inherited-class.ts, entity.other.inherited-class.tsx, entity.other.inherited-class.js, entity.other.inherited-class.jsx | #6892c4ff | — |
| variable.other.constant.ts, variable.other.constant.tsx, variable.other.constant.js, variable.other.constant.jsx, variable.other.constant.object.ts, variable.other.constant.object.tsx, variable.other.constant.object.js, variable.other.constant.object.jsx | #b4bbc2ff | — |
| constant.language.import-export-all.ts, constant.language.import-export-all.tsx, constant.language.import-export-all.js, constant.language.import-export-all.jsx | #777777ff | — |
| keyword.operator.spread.ts, keyword.operator.spread.tsx, keyword.operator.spread.js, keyword.operator.spread.jsx, keyword.operator.rest.ts, keyword.operator.rest.tsx, keyword.operator.rest.js, keyword.operator.rest.jsx | #777777ff | — |
| entity.other.attribute-name.class.css, punctuation.definition.entity.css, entity.other.attribute-name.id.css, variable.scss, meta.property-value.scss, variable.parameter.screen.tailwind, variable.parameter.tailwind.tailwind | #b4bbc2ff | — |
| entity.other.attribute-name.id.css | — | underline |
| support.type.property-name.css | #8f75a3ff | — |
| string.quoted.single.css, punctuation.definition.string.begin.css, punctuation.definition.string.end.css, string.quoted.double.css | #799d81ff | — |
| entity.name.tag.css, entity.name.tag.wildcard.css, punctuation.definition.keyword.css, punctuation.definition.keyword.scss, entity.other.attribute-name.scss, meta.at-rule.keyframes.scss, keyword.control.at-rule | #a5896bff | — |
| constant.other.color.rgb-value.hex.css | #b0b0b0ff | — |
| support.constant.vendored.property-value.css | #2e837dff | — |
| meta.at-rule.media.header.css | #b4bbc2ff | italic |
| punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.definition.entity.begin.bracket.square.css, punctuation.definition.entity.end.bracket.square.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.separator.list.comma.css, punctuation.section.keyframes.begin.bracket.curly.css, punctuation.section.keyframes.end.bracket.curly.css, punctuation.section.media.end.bracket.curly.css, punctuation.section.media.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.scss, punctuation.section.property-list.begin.bracket.curly.scss, punctuation.terminator.rule.scss, punctuation.definition.media-query.begin.bracket.round.scss, punctuation.definition.media-query.end.bracket.round.scss, punctuation.section.function.scss, punctuation.section.keyframes.begin.scss, punctuation.section.keyframes.end.scss, punctuation.section.layer.begin.bracket.curly, punctuation.section.layer.end.bracket.curly, punctuation.terminator.tailwind.tailwind | #777777ff | — |
| constant.numeric.css | #64b982ff | underline |
| punctuation.definition.comment.begin.css, comment.block.css | #676767ff | italic |
| support.function.misc.css, support.function.url.css, support.function.transform.css, support.function.timing-function.css, support.function.calc.css, support.function.gradient.css, support.function.misc.scss | #6892c4ff | — |
| support.constant.property-value.css | #a5896bff | — |
| meta.property-name.css, support.type.property-name.media.css | #b4bbc2ff | italic |
| support.type.vendored.property-name.css | #64b982ff | — |
| support.constant.font-name.css | #a5896bff | — |
| punctuation.separator.key-value.css, punctuation.terminator.rule.css | #777777ff | — |
| punctuation.separator.key-value.html | #8f8f8fff | — |
| keyword.other.important.css | #b45047ff | — |
| entity.other.keyframe-offset.percentage.css, entity.other.keyframe-offset.css | #b4bbc2ff | — |
| meta.property-value.css | #b4bbc2ff | — |
| variable.css | #b4bbc2ff | — |
| meta.selector.css, variable.argument.css, variable.parameter.layer | #b4bbc2ff | italic |
| keyword.package.go | #a5896bff | bold |
| keyword.import.go, keyword.function.go, keyword.interface.go, keyword.control.go, storage.type.numeric.go, keyword.type.go, keyword.struct.go, storage.type.string.go, keyword.var.go, constant.language.go, keyword.const.go, storage.type.byte.go, storage.type.boolean.go | #a5896bff | — |
| punctuation.definition.imports.begin.bracket.round.go, punctuation.definition.imports.end.bracket.round.go, punctuation.definition.begin.bracket.round.go, punctuation.definition.end.bracket.round.go, punctuation.definition.begin.bracket.curly.go, punctuation.definition.end.bracket.curly.go, punctuation.definition.begin.bracket.curly.go, punctuation.definition.end.bracket.curly.go, punctuation.other.comma.go, punctuation.definition.bracket.square.go, punctuation.terminator.go, punctuation.other.colon.go | #777777ff | — |
| entity.name.import.go, punctuation.definition.string.begin.go, punctuation.definition.string.end.go, string.quoted.double.go, constant.other.rune.go, string.quoted.raw.go | #799d81ff | — |
| variable.other.assignment.go, variable.other.declaration.go | #b4bbc2ff | — |
| keyword.operator.assignment.go, keyword.operator.address.go | #8f8f8fff | — |
| constant.numeric.decimal.go | #64b982ff | underline |
| support.function.go, support.function.builtin.go | #6892c4ff | — |
| storage.type.var.gdscript, keyword.control.gdscript, keyword.language.gdscript, keyword.control.flow.gdscript | #a5896bff | bold |
| variable.other.gdscript, meta.variable.gdscript | #b4bbc2ff | — |
| support.function.any-method.gdscript | #6892c4ff | — |
| punctuation.definition.arguments.end.gdscript, punctuation.definition.arguments.begin.gdscript | #777777ff | — |
| entity.name.type.class.builtin.gdscript | #b0b0b0ff | — |
| keyword.type.graphql, support.type.builtin.graphql, keyword.fragment.graphql, keyword.on.graphql, keyword.implements.graphql, keyword.input.graphql, keyword.interface.graphql, keyword.enum.graphql, keyword.scalar.graphql | #a5896bff | — |
| variable.graphql | #8f75a3ff | — |
| punctuation.operation.graphql, punctuation.colon.graphql | #777777ff | — |
| variable.parameter.graphql | #b4bbc2ff | italic |
| entity.name.fragment.graphql | #b4bbc2ff | — |
| support.type.enum.graphql | #507874ff | — |
| constant.character.enum.graphql | #507874ff | — |
| support.type.graphql, entity.scalar.graphql | #507874ff | — |
| keyword.operator.nulltype.graphql | #777777ff | — |
| string.quoted.single.groovy, punctuation.definition.string.begin.groovy, punctuation.definition.string.end.groovy, string.quoted.double.groovy | #799d81ff | — |
| punctuation.definition.method-parameters.begin.groovy, punctuation.definition.method-parameters.end.groovy | #777777ff | — |
| variable.parameter.handlebars | #b4bbc2ff | — |
| support.constant.handlebars | #a5896bff | — |
| punctuation.definition.tag.html | #777777ff | — |
| entity.name.tag.block.any.html | #6892c4ff | — |
| entity.name.tag.html | #6892c4ff | — |
| entity.other.attribute-name.html | #b4bbc2ff | italic |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #799d81ff | — |
| constant.character.entity.numeric.decimal.html | #64b982ff | underline |
| source.ini | #b0b0b0ff | — |
| keyword.other.definition.ini | #b4bbc2ff | — |
| punctuation.definition.entity.ini | #a5896bff | — |
| entity.name.section.group-title.ini | #a5896bff | — |
| storage.modifier.java, constant.language.java, storage.type.primitive.java, storage.type.object.array.java, keyword.control.java, storage.type.local.java, keyword.control.try.java, keyword.control.catch.java, variable.language.this.java, storage.type.function.arrow.java, keyword.control.new.java, keyword.control.throw.java, storage.modifier.implements.java, keyword.other.documentation.javadoc.java, storage.modifier.extends.java, support.constant.java-properties | #a5896bff | — |
| keyword.other.import.java, keyword.other.package.java | #a5896bff | bold |
| punctuation.section.class.begin.bracket.curly.java, punctuation.section.class.end.bracket.curly.java, punctuation.section.class.begin.bracket.curly.java, punctuation.section.class.end.bracket.curly.java, punctuation.definition.annotation-arguments.begin.bracket.round.java, punctuation.definition.annotation-arguments.end.bracket.round.java, punctuation.separator.delimiter.java, punctuation.bracket.square.java, punctuation.bracket.round.java, punctuation.terminator.java, punctuation.section.method.begin.bracket.curly.java, punctuation.section.method.end.bracket.curly.java, punctuation.section.enum.begin.bracket.curly.java, punctuation.section.enum.end.bracket.curly.java, punctuation.section.try.begin.bracket.curly.java, punctuation.section.try.end.bracket.curly.java, punctuation.section.catch.begin.bracket.curly.java, punctuation.section.catch.end.bracket.curly.java, punctuation.bracket.angle.java | #777777ff | — |
| variable.parameter.java | #b4bbc2ff | italic |
| punctuation.definition.annotation.java, storage.type.annotation.java | #ab5f80ff | — |
| constant.other.key.java, meta.record.identifier.java | #b4bbc2ff | — |
| keyword.operator.assignment.java | #8f8f8fff | — |
| string.quoted.double.java, punctuation.definition.string.begin.java, punctuation.definition.string.end.java, string.unquoted.java-properties | #799d81ff | — |
| storage.modifier.import.java | #878787ff | — |
| entity.name.type.class.java | #b0b0b0ff | — |
| storage.type.java | #507874ff | — |
| variable.other.definition.java, variable.language.java | #b4bbc2ff | — |
| variable.other.object.property.java | #8f75a3ff | — |
| constant.numeric.decimal.java | #64b982ff | underline |
| entity.name.type.enum.java | #507874ff | — |
| constant.other.enum.java | #507874ff | — |
| storage.type.generic.wildcard.java | #2e837dff | — |
| support.type.property-name.json.comments, support.type.property-name.json | #8f75a3ff | — |
| string.quoted.double.json.comments, punctuation.definition.string.begin.json.comments, punctuation.definition.string.end.json.comments, string.quoted.double.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json | #799d81ff | — |
| constant.language.json | #a5896bff | — |
| constant.numeric.json | #64b982ff | underline |
| punctuation.definition.array.begin.json.comments, punctuation.definition.array.end.json.comments, punctuation.separator.array.json | #777777ff | — |
| punctuation.separator.dictionary.key-value.json.comments, punctuation.separator.array.json.comments, punctuation.separator.dictionary.key-value.json | #777777ff | — |
| entity.name.section.markdown, entity.name.section.mdx | #8f75a3ff | italic |
| punctuation.definition.heading.markdown | — | italic |
| invalid.deprecated.entity.other.attribute-name.html | #b4bbc2ff | italic |
| punctuation.definition.quote.begin.markdown, punctuation.definition.quote.end.markdown, punctuation.definition.constant.markdown, string.other.begin.link.mdx | #777777ff | — |
| markup.quote.markdown | #878787ff | italic |
| punctuation.definition.bold.markdown, punctuation.definition.list.begin.markdown | — | bold |
| punctuation.definition.raw.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown, punctuation.definition.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.table.markdown, punctuation.separator.table.markdown, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown, punctuation.definition.italic.markdown, punctuation.definition.heading.mdx, string.other.begin.link.mdx, string.other.begin.mdx, string.other.end.mdx, string.other.strong.asterisk.mdx | #a5896bff | — |
| string.other.link.title.markdown, string.other.link.destination.mdx | #799d81ff | underline |
| markup.underline.link.markdown | #6892c4ff | underline |
| constant.other.reference.link.markdown | #b4bbc2ff | — |
| fenced_code.block.language.markdown, fenced_code.block.language | #64b982ff | — |
| markup.inline.raw.string.markdown | #799d81ff | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| constant.language.character-escape.mdx | #b45047ff | — |
| keyword.control.import.python, variable.language.special.self.python | #a5896bff | bold |
| meta.function-call.generic.python, support.function.builtin.python, support.function.magic.python | #6892c4ff | — |
| support.variable.magic.python, constant.other.caps.python, meta.function-call.arguments.python | #b4bbc2ff | — |
| punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.section.function.begin.python, punctuation.section.function.end.python, punctuation.separator.element.python, punctuation.separator.parameters.python, punctuation.separator.annotation.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python, punctuation.separator.dict.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, punctuation.section.class.begin.python, punctuation.separator.colon.python, punctuation.separator.arguments.python, punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python | #777777ff | — |
| punctuation.definition.string.begin.python, string.quoted.single.python, storage.type.string.python, string.quoted.docstring.multi.python | #799d81ff | — |
| meta.attribute.python | #8f75a3ff | — |
| support.type.exception.python | #b45047ff | bold |
| punctuation.separator.annotation.result.python, keyword.control.flow.python, storage.type.class.python, constant.character.format.placeholder.other.python, constant.language.python, keyword.operator.logical.python | #a5896bff | — |
| keyword.operator.arithmetic.python | #b0b0b0ff | — |
| constant.numeric.dec.python | #64b982ff | underline |
| string.regexp.quoted.multi.python | #be584eff | — |
| keyword.operator.assignment.python | #8f8f8fff | — |
| variable.parameter.function.language.python | #b4bbc2ff | italic |
| keyword.other.rust, keyword.other.fn.rust, constant.language.bool.rust, keyword.control.rust, entity.name.namespace.rust, keyword.operator.arrow.fat.rust, storage.type.rust, keyword.operator.arrow.skinny.rust, storage.modifier.rust, entity.name.type.primitive.rust, variable.language.super.rust | #a5896bff | — |
| variable.language.super.rust | — | bold |
| punctuation.brackets.round.rust, punctuation.brackets.curly.rust, keyword.operator.namespace.rust, punctuation.brackets.angle.rust, punctuation.semi.rust, punctuation.comma.rust, punctuation.brackets.square.rust, keyword.operator.key-value.rust | #777777ff | — |
| meta.function.call.rust | #6892c4ff | — |
| variable.other.rust, variable.language.self.rust, constant.other.caps.rust | #b4bbc2ff | — |
| string.quoted.double.rust | #799d81ff | — |
| keyword.operator.assignment.equal.rust | #8f8f8fff | — |
| constant.numeric.decimal.rust, constant.numeric.hex.rust | #64b982ff | underline |
| storage.modifier.mut.rust | #507874ff | — |
| meta.attribute.rust | #8f75a3ff | — |
| punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust, entity.name.type.result.rust, entity.name.type.option.rust | #2e837dff | — |
| entity.name.type.enum.rust | #507874ff | — |
| keyword.operator.logical.rust | #b0b0b0ff | — |
| string.quoted.byte.raw.rust | #be584eff | — |
| punctuation.section.arithmetic.shell | #777777ff | — |
| punctuation.definition.evaluation.parens.begin.shell, punctuation.definition.evaluation.parens.end.shell, punctuation.definition.logical-expression.shell, punctuation.section.function.definition.shell, punctuation.terminator.case-clause.shell, punctuation.definition.variable.makefile, punctuation.definition.subshell | #777777ff | — |
| entity.name.command.shell | — | bold |
| string.unquoted.argument.shell, string.quoted.double.shell, punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell, string.quoted.single.shell | #799d81ff | — |
| variable.other.assignment.shell, variable.other.loop.shell, variable.parameter.positional.all.shell, variable.other.normal.shell, variable.language.special.shell, variable.parameter.positional.shell, variable.other.makefile | #b4bbc2ff | — |
| constant.other.option.dash.shell, constant.other.option, keyword.control.shell, keyword.operator.logical.shell, keyword.control.then.shell, keyword.control.do.shell, keyword.control.else.shell, meta.scope.case-pattern.shell, support.function.target.PHONY.makefile, keyword.control.@.makefile, keyword.control.include.makefile | #a5896bff | — |
| support.function.shell.makefile | #6892c4ff | — |
| storage.modifier.export.shell | #a5896bff | bold |
| constant.numeric.integer.shell | #64b982ff | underline |
| keyword.operator.assignment.shell | #8f8f8fff | — |
| keyword.other.DML.sql, keyword.other.data-integrity.sql | #a5896bff | — |
| keyword.operator.star.sql | #8f8f8fff | — |
| keyword.other.sql, keyword.other.alias.sql, keyword.other.LUW.sql | #a5896bff | bold |
| constant.numeric.sql | #64b982ff | underline |
| constant.other.database-name.sql | #b4bbc2ff | bold |
| constant.other.table-name.sql | #507874ff | — |
| support.function.security.sql, support.function.aggregate.sql, support.function.string.sql | #6892c4ff | — |
| string.quoted.single.sql, punctuation.definition.string.begin.sql, punctuation.definition.string.end.sql, string.quoted.double.sql | #799d81ff | — |
| keyword.operator.comparison.sql | #8f8f8fff | — |
| punctuation.section.scope.begin.sql, punctuation.section.scope.end.sql | #777777ff | — |
| punctuation.section.function.begin.swift, punctuation.section.function.end.swift | #ff000000 | — |
| support.function.any-method.swift | #6892c4ff | — |
| variable.other.readwrite.terraform | #b4bbc2ff | — |
| variable.other.member.hcl | #8f75a3ff | — |
| keyword.operator.assignment.hcl | #8f8f8fff | — |
| string.quoted.double.hcl, punctuation.definition.string.begin.hcl, punctuation.definition.string.end.hcl | #799d81ff | — |
| punctuation.section.braces.begin.hcl, punctuation.section.braces.end.hcl, punctuation.section.block.begin.hcl, punctuation.section.block.end.hcl, punctuation.section.brackets.begin.hcl, punctuation.section.brackets.end.hcl | #777777ff | — |
| keyword.other.interpolation.begin.hcl, keyword.other.interpolation.end.hcl | #a5896bff | — |
| support.type.property-name.toml | #8f75a3ff | — |
| punctuation.eq.toml | #8f8f8fff | — |
| punctuation.definition.table.toml, punctuation.definition.array.table.toml, constant.language.boolean.toml, support.type.property-name.table.toml, support.type.property-name.array.toml | #a5896bff | — |
| string.quoted.single.basic.line.toml | #799d81ff | — |
| punctuation.definition.array.toml, punctuation.definition.table.inline.toml, punctuation.separator.array.toml | #777777ff | — |
| constant.numeric.integer.toml | #64b982ff | underline |
| meta.diff.header.git | #a5896bff | — |
| meta.diff.index.git | #b4bbc2ff | — |
| entity.name.tag.localname.xml | #6892c4ff | — |
| entity.other.attribute-name.localname.xml, entity.other.attribute-name.xml | #b4bbc2ff | italic |
| string.quoted.double.xml | #799d81ff | — |
| entity.name.tag.xml | #a5896bff | — |
| punctuation.definition.sequence.begin.yaml, punctuation.definition.sequence.end.yaml, punctuation.separator.sequence.yaml, punctuation.separator.key-value.mapping.yaml, meta.flow-mapping.yaml, string.other.begin.yaml, string.other.end.yaml | #777777ff | — |
| variable.other.read.github-actions-expression, entity.name.tag.yaml | #b4bbc2ff | — |
| meta.embedded.block.github-actions-expression, constant.language.boolean.yaml, punctuation.definition.mapping.begin.yaml, punctuation.definition.mapping.end.yaml | #a5896bff | — |
| string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml, string.quoted.single.yaml, string.quoted.single.github-actions-expression, string.quoted.double.yaml, punctuation.definition.string.begin.yaml, punctuation.definition.string.end.yaml | #799d81ff | — |
| constant.numeric.float.yaml, constant.numeric.integer.yaml | #64b982ff | underline |
| support.function.github-actions-expression | #6892c4ff | — |
| constant.other.timestamp.yaml | #507874ff | — |
| source.zig | #b0b0b0ff | — |
| keyword.type.zig | #b0b0b0ff | — |
| keyword.structure.zig | #a5896bff | underline |
| keyword.storage.zig, support.function.builtin.zig, keyword.control.flow.zig, keyword.control.trycatch.zig, keyword.default.zig | #a5896bff | bold |
| string.quoted.double.zig | #799d81ff | — |
| keyword.operator.bitwise.zig | #8f8f8fff | — |
| variable.zig | #b4bbc2ff | — |
| keyword.constant.bool.zig, keyword.control.conditional.zig, keyword.control.repeat.zig | #a5896bff | — |
| constant.numeric.float.zig, constant.numeric.hexfloat.zig | #64b982ff | underline |
| meta.section.editorconfig | #799d81ff | — |
| keyword.other.definition, keyword.other.definition.root.editorconfig | #8f75a3ff | — |
| constant.language.boolean | #a5896bff | — |
| punctuation.definition.brace.bracket, punctuation.section.brace | #777777ff | — |
| keyword.operator.glob.wildcard.editorconfig | #b4bbc2ff | — |
| entity.name.section.group-title.editorconfig | — | bold |
| constant.numeric.decimal.integer.int.editorconfig | #64b982ff | underline |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...