Quantum Night
Publisher: NGdustThemes in package: 1
Quantum Night theme for VS Code and Cursor with advanced syntax highlighting
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#1a1b26
- activityBar.foreground#e4f0fb
- activityBar.inactiveForeground#565f89
- activityBarBadge.background#bb9af7
- activityBarBadge.foreground#1a1b26
- badge.background#bb9af7
- badge.foreground#1a1b26
- breadcrumb.activeSelectionForeground#e4f0fb
- breadcrumb.focusForeground#e4f0fb
- breadcrumb.foreground#565f89
- breadcrumbPicker.background#1e1e2e
- button.background#bb9af7
- button.foreground#1a1b26
- button.hoverBackground#c0a6f5
- chart.foreground#e4f0fb
- chart.lines#e4f0fb
- chart.shadeDot#565f89
- chart.shadeLine#565f89
- checkbox.background#1e1e2e
- diffEditor.insertedLineBackground#9ece6a55
- diffEditor.insertedTextBackground#9ece6a55
- diffEditor.removedLineBackground#f7768e33
- diffEditor.removedTextBackground#f7768e33
- diffEditorGutter.insertedLineBackground#9ece6a55
- diffEditorGutter.removedLineBackground#f7768e33
- diffEditorOverview.insertedForeground#9ece6a55
- diffEditorOverview.removedForeground#f7768e55
- dropdown.background#1e1e2e
- dropdown.foreground#e4f0fb
- editor.background#1a1b26
- editor.findMatchBackground#33467c
- editor.findMatchHighlightBackground#33467c
- editor.foreground#e4f0fb
- editor.hoverHighlightBackground#33467c
- editor.lineHighlightBackground#1e1e2e
- editor.selectionBackground#33467c
- editor.selectionHighlightBackground#33467c
- editor.wordHighlightBackground#33467c
- editor.wordHighlightStrongBackground#33467c
- editorBracketHighlight.foreground1#bb9af7
- editorBracketHighlight.foreground2#f7cb7a
- editorBracketHighlight.foreground3#9ece6a
- editorBracketHighlight.foreground4#68a6e0
- editorBracketHighlight.foreground5#f7768e
- editorBracketHighlight.foreground6#bb9af7
- editorBracketHighlight.unexpectedBracket.foreground#f7768e
- editorBracketMatch.background#33467c
- editorBracketMatch.border#e4f0fb
- editorCursor.foreground#e4f0fb
- editorError.foreground#f7768e
- editorGroupHeader.tabsBackground#1b1e28
- editorGutter.addedBackground#9ece6a55
- editorGutter.background#1a1b26
- editorGutter.deletedBackground#f7768e33
- editorGutter.modifiedBackground#e0af6855
- editorHint.foreground#565f89
- editorIndentGuide.activeBackground#e4f0fb
- editorIndentGuide.background#1e1e2e
- editorInfo.foreground#f7cb7a
- editorLineNumber.activeForeground#e4f0fb
- editorLineNumber.foreground#565f89
- editorMarkerNavigation.background#1e1e2e
- editorMarkerNavigationError.background#f7768e
- editorMarkerNavigationInfo.background#f7cb7a
- editorMarkerNavigationWarning.background#e0af68
- editorOverviewRuler.addedForeground#9ece6a55
- editorOverviewRuler.deletedForeground#f7768e33
- editorOverviewRuler.errorForeground#f7768e
- editorOverviewRuler.findMatchForeground#33467c
- editorOverviewRuler.infoForeground#f7cb7a
- editorOverviewRuler.modifiedForeground#68a6e033
- editorOverviewRuler.rangeHighlightForeground#33467c
- editorOverviewRuler.selectionHighlightForeground#33467c
- editorOverviewRuler.warningForeground#68a6e0
- editorOverviewRuler.wordHighlightForeground#33467c
- editorOverviewRuler.wordHighlightStrongForeground#33467c
- editorRuler.foreground#565f89
- editorSuggestWidget.background#1e1e2e
- editorSuggestWidget.foreground#e4f0fb
- editorSuggestWidget.highlightForeground#bb9af7
- editorSuggestWidget.selectedBackground#33467c
- editorUnnecessaryCode.opacity#565f89
- editorWarning.foreground#e0af68
- editorWidget.background#1e1e2e
- input.background#1e1e2e
- input.foreground#e4f0fb
- input.placeholderForeground#565f89
- inputOption.activeBackground#33467c
- inputValidation.errorBackground#f7768e
- inputValidation.infoBackground#f7cb7a
- inputValidation.warningBackground#e0af68
- list.activeSelectionBackground#30334080
- list.activeSelectionForeground#e4f0fb
- list.deemphasizedForeground#767c9d
- list.dropBackground#506477
- list.errorForeground#d0679d
- list.filterMatchBackground#89ddff60
- list.focusBackground#30334080
- list.focusForeground#a6accd
- list.focusOutline#00000000
- list.highlightForeground#5fb3a1
- list.hoverBackground#30334080
- list.hoverForeground#e4f0fb
- list.inactiveSelectionBackground#30334080
- list.inactiveSelectionForeground#e4f0fb
- list.invalidItemForeground#fffac2
- list.warningForeground#fffac2
- listFilterWidget.background#303340
- listFilterWidget.noMatchesOutline#d0679d
- listFilterWidget.outline#00000000
- menu.background#1b1e28
- menu.foreground#e4f0fb
- menu.selectionBackground#303340
- menu.selectionForeground#7390AA
- menu.separatorBackground#767c9d
- merge.commonContentBackground#565f89
- merge.commonHeaderBackground#565f89
- merge.currentContentBackground#f7cb7a
- merge.currentHeaderBackground#f7cb7a
- merge.incomingContentBackground#9ece6a
- merge.incomingHeaderBackground#9ece6a
- minimap.background#1a1b26
- minimap.errorHighlight#f7768e
- minimap.findMatchHighlight#33467c
- minimap.selectionHighlight#33467c
- minimap.warningHighlight#e0af68
- minimapGutter.addedBackground#9ece6a55
- minimapGutter.deletedBackground#f7768e33
- minimapGutter.modifiedBackground#e0af6855
- panel.background#1a1b26
- panelTitle.activeBorder#bb9af7
- panelTitle.activeForeground#e4f0fb
- panelTitle.inactiveForeground#565f89
- peekViewEditor.background#1e1e2e
- peekViewEditorGutter.background#1e1e2e
- peekViewResult.background#1e1e2e
- peekViewResult.fileForeground#e4f0fb
- peekViewResult.lineForeground#e4f0fb
- peekViewResult.matchHighlightBackground#33467c
- peekViewResult.selectionBackground#33467c
- peekViewResult.selectionForeground#e4f0fb
- peekViewTitle.background#1e1e2e
- peekViewTitleDescription.foreground#e4f0fb
- peekViewTitleLabel.foreground#e4f0fb
- problemsErrorIcon.foreground#f7768e
- problemsInfoIcon.foreground#f7cb7a
- problemsWarningIcon.foreground#e0af68
- scrollbar.shadow#1a1b26
- scrollbarSlider.activeBackground#bb9af7
- scrollbarSlider.background#565f89
- scrollbarSlider.hoverBackground#e4f0fb
- sideBar.background#1a1b26
- sideBar.foreground#e4f0fb
- sideBarSectionHeader.background#1a1b26
- sideBarSectionHeader.foreground#e4f0fb
- sideBarTitle.foreground#e4f0fb
- statusBar.background#1a1b26
- statusBar.foreground#e4f0fb
- statusBarItem.activeBackground#33467c
- statusBarItem.hoverBackground#33467c
- statusBarItem.prominentBackground#33467c
- statusBarItem.prominentForeground#e4f0fb
- symbolIcon.arrayForeground#e4f0fb
- symbolIcon.booleanForeground#bb9af7
- symbolIcon.classForeground#e0af68
- symbolIcon.colorForeground#e4f0fb
- symbolIcon.constantForeground#bb9af7
- symbolIcon.constructorForeground#f7cb7a
- symbolIcon.enumeratorForeground#e0af68
- symbolIcon.enumeratorMemberForeground#f7cb7a
- symbolIcon.eventForeground#e0af68
- symbolIcon.fieldForeground#f7cb7a
- symbolIcon.fileForeground#e4f0fb
- symbolIcon.folderForeground#565f89
- symbolIcon.functionForeground#f7cb7a
- symbolIcon.interfaceForeground#9ece6a
- symbolIcon.keyForeground#bb9af7
- symbolIcon.keywordForeground#bb9af7
- symbolIcon.methodForeground#f7cb7a
- symbolIcon.moduleForeground#e0af68
- symbolIcon.namespaceForeground#e0af68
- symbolIcon.nullForeground#565f89
- symbolIcon.numberForeground#bb9af7
- symbolIcon.objectForeground#e4f0fb
- symbolIcon.operatorForeground#e4f0fb
- symbolIcon.packageForeground#e4f0fb
- symbolIcon.propertyForeground#e4f0fb
- symbolIcon.referenceForeground#e4f0fb
- symbolIcon.snippetForeground#e4f0fb
- symbolIcon.stringForeground#9ece6a
- symbolIcon.structForeground#e0af68
- symbolIcon.textForeground#e4f0fb
- symbolIcon.typeParameterForeground#e0af68
- symbolIcon.unitForeground#e4f0fb
- symbolIcon.variableForeground#e4f0fb
- tab.activeBackground#1a1b26
- tab.activeBorder#bb9af7
- tab.activeForeground#e4f0fb
- tab.inactiveBackground#1a1b26
- tab.inactiveForeground#565f89
- terminal.ansiBlack#1a1b26
- terminal.ansiBlue#f7cb7a
- terminal.ansiBrightBlack#565f89
- terminal.ansiBrightBlue#f7cb7a
- terminal.ansiBrightCyan#7dcfff
- terminal.ansiBrightGreen#9ece6a
- terminal.ansiBrightMagenta#bb9af7
- terminal.ansiBrightRed#f7768e
- terminal.ansiBrightWhite#e4f0fb
- terminal.ansiBrightYellow#e0af68
- terminal.ansiCyan#7dcfff
- terminal.ansiGreen#9ece6a
- terminal.ansiMagenta#bb9af7
- terminal.ansiRed#f7768e
- terminal.ansiWhite#e4f0fb
- terminal.ansiYellow#e0af68
- terminal.background#1a1b26
- terminal.foreground#e4f0fb
- terminal.selectionBackground#33467c
- terminalCursor.background#1a1b26
- terminalCursor.foreground#e4f0fb
- titleBar.activeBackground#1a1b26
- titleBar.activeForeground#e4f0fb
- titleBar.inactiveBackground#1a1b26
- titleBar.inactiveForeground#565f89
- walkThrough.embeddedEditorBackground#1e1e2e
- widget.shadow#1a1b26
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #808080 | — |
| markup.fenced_code.block.markdown, markup.fenced_code.block.markdown support.function | #72737A | — |
| entity.name.function, support.function, support.constant.property-value.misc.css, entity.name.fragment.graphql, variable.fragment.graphql | #E8BF6A | |
| keyword, keyword.operator.new, variable.language.this, constant.character.escape, meta.namespace.declaration, punctuation.terminator.rule.css, punctuation.terminator.statement, punctuation.separator.comma, punctuation.separator.parameter, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.key-value.json.comments, punctuation.separator.dictionary.pair.json, punctuation.separator.dictionary.pair.json.comments, punctuation.separator.array.json, punctuation.separator.array.json.comments, punctuation.separator.list.comma.css, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, constant.language, support.function.construct.php, punctuation.terminator.expression.php, storage.type, keyword.operator.or.regexp, constant.character.escape.backslash.regexp, storage.type.function, keyword.operator.expression.typeof, support.type.primitive, punctuation.terminator.rule, storage.modifier, punctuation.definition.keyword, punctuation.definition.block.begin.svelte, punctuation.definition.block.end.svelte, punctuation.section.embedded.begin.svelte, punctuation.section.embedded.end.svelte, meta.script.svelte entity.name.label, meta.script.svelte punctuation.separator.label, keyword.operator.redirect.shell, keyword.operator.list.shell, keyword.operator.expansion.shell, entity.name.tag.yaml, punctuation.definition.list.begin.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, meta.directive.vue keyword.operator.expression.in.js, keyword.operator.nulltype.graphql, meta.at-rule.media keyword.operator.logical, entity.other.inherited-class.variant.twin, text.html.derivative punctuation.definition.block.ts, keyword.operator.expression, variable.other.env, support.type.builtin, meta.function.color.css, entity.name.type.terraform, entity.name.label.terraform, punctuation.comma.graphql | #CC7832 | |
| entity.name.tag, keyword.other.doctype.xml, meta.at-rule.header.css, punctuation.definition.tag, entity.other.attribute-name.class.tailwind, entity.other.attribute-name.css, entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss, markup.inline.raw.string.markdown, punctuation.definition.markdown, fenced_code.block.language, punctuation.definition.character-class.regexp, constant.other.character-class.regexp, punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, support.class.component, variable.parameter.keyframe-list, entity.other.keyframe-offset, support.constant.font-name.css, source.css entity.name.tag, entity.other.attribute-name.id punctuation.definition.entity, entity.other.attribute-name.pseudo-class | #E8BF6A | |
| punctuation.decorator, meta.decorator entity.name.function | #BBB529 | |
| support.constant.property-value.css, meta.property-value.css, meta.property-value.css variable.parameter, meta.property-value.scss variable.parameter, meta.property-value.css keyword.other.unit, meta.property-value.scss keyword.other.unit, meta.property-value.media-query keyword.other.unit, meta.at-rule.media keyword.other.unit, meta.definition.variable.scss keyword.other.unit, punctuation.separator.key-value.svelte, punctuation.separator.key-value.html, string.unquoted.svelte, string.quoted.svelte, string.quoted.double.html, string.quoted.html, string.quoted.single.html, string.unquoted.html, meta.directive.vue punctuation.definition.string.begin.html, meta.directive.vue punctuation.definition.string.end.html, support.constant.media.css, support.constant.color.w3c-standard-color-name.css | #A5C261 | |
| variable.other.jsdoc, entity.name.type.instance.jsdoc, keyword.operator.assignment.jsdoc | #8A653B | italic |
| comment.block.documentation | #629755 | italic |
| punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc | #629755 | italic bold underline |
| string, string.regexp, constant.other.character-class.range.regexp, constant.other.character-class.set.regexp, meta.embedded.expression string.quoted, punctuation.definition.string.template.begin.twin, punctuation.definition.string.template.end.twin, support.constant.classname.twin, punctuation.section.embedded.short-css.begin.twin, punctuation.section.embedded.short-css.end.twin, entity.name.variable.css-value.twin, meta.attribute-selector, source.env, constant.numeric.env, meta.tag.attributes keyword.operator.assignment | #6A8759 | |
| markup.quote.markdown | #6A8759 | italic |
| meta.type.parameters.ts, meta.type.parameters.tsx, meta.type.parameters.ts entity.name.type.ts, meta.type.parameters.tsx entity.name.type.tsx | #507874 | |
| constant.numeric, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end, constant.other.color.rgb-value.hex.css, keyword.operator.quantifier.regexp | #6897BB | |
| variable.scss | #6D9CBE | |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #589DF6 | |
| meta.object-literal.key, variable, variable.other.object.property, variable.other.constant.property, support.type.property-name, support.type.property-name.json.comments, punctuation.support.type.property-name.end.json.comments, punctuation.support.type.property-name.begin.json.comments, support.type.object.module, support.variable.property, meta.field.declaration.tsx entity.name.function.tsx, meta.tag.block.any.html meta.directive.vue variable.other.readwrite.js, entity.other.ng-binding-name | #9876AA | |
| entity.other.ng-binding-name.ngFor.html, entity.other.ng-binding-name.ngForOf.html, entity.other.ng-binding-name.ngIf.html, entity.other.ng-binding-name.ngClass.html, entity.other.ng-binding-name.ngStyle.html | #9876AA | italic |
| support, support.constant.math, support.constant.dom, support.constant.json, support.class.builtin, markup.heading.markdown, constant.character.enum.graphql | #9876AA | italic bold |
| variable.parameter, variable.parameter.ts, variable.other.object, variable.other.constant, variable.other.readwrite, storage.type.function.arrow, keyword.operator, entity.name.type.ts, entity.name.type.class, entity.name.type.module, entity.name.type.interface, entity.name.type.alias, entity.name.type.enum, punctuation.definition.typeparameters, punctuation.definition.block, meta.brace.round, meta.brace.square, punctuation.definition.parameters, punctuation.accessor, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.section.array.begin.php, punctuation.section.array.end.php, punctuation.terminator.statement.php, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.separator.key-value.js, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, meta.var-single-variable.expr.tsx entity.name.type.tsx, meta.var-single-variable.expr.ts entity.name.type.ts, string.unquoted.plain.out.yaml, meta.directive.vue punctuation.separator.key-value.html, keyword.operator.logical.php, punctuation.separator.key-value, punctuation.definition.attribute-selector, keyword.control.flow.block-scalar.literal.yaml, string.unquoted.block.yaml, keyword.other.interpolation.begin, keyword.other.interpolation.end, meta.block.curly.misc.css, punctuation.definition.tag.prisma, string.unquoted.graphql, support.type.graphql, keyword.operator.spread.graphql, punctuation.colon.graphql, variable.parameter.graphql, support.type.enum.graphql | #A9B7C6 | |
| support.type.property-name.css, keyword.other.unit.percentage.css, entity.other.attribute-name.html, punctuation.definition.entity, meta.property-name.css, meta.property-list.scss entity.name.tag.css, entity.other.attribute-name, support.type.property-name.media.css, support.type.vendored.property-name, variable.language.svelte | #BABABA | |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| meta.property-list.scss entity.name.tag, variable.scss, variable, meta.property-name support.type.property-name.css, meta.at-rule.media.header.css, meta.selector, meta.property-value.css, meta.function.color.css, support.constant.mathematical-symbols.scss | #BABABA | — |
| #9876AA | italic bold | |
| support.type.property-name.css, support, support.type.property-name.css, keyword.operator.gradient.css, support.constant.font-name.css | #A5C261 | |
| meta.property-value.css variable.prop.css, keyword.other.unit.fr.css, source.css.scss meta.property-list.scss meta.property-value.scss support.type.property-name.css, meta.property-value.scss variable.scss, meta.property-value.css variable.argument.css | #E8BF6A | |
| variable.other.property | #9876AA | |
| storage.type.java, storage.type.object.array.java, meta.method-call.java entity.name.function.java, meta.method.java meta.method.body.java meta.definition.variable.java variable.other.definition.java, source.java meta.package.java storage.modifier.package.java, storage.modifier.import.java | #A9B7C6 | |
| variable.other.definition.java | #9876AA | |
| meta.tag.custom entity.name.tag, support.class.component | #26BDA4 | |
| punctuation.section.embedded | #E8BF6A | |
| variable.object.property | #9876AA | |
| constant.language.import-export-all | #A9B7C6 | |
| support.type.python, support.type.exception.python, support.function.builtin.python | #8888c5 | |
| support.function.magic.python | #b200b2 | |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python | #94558d | |
| variable.parameter.function.language.python, meta.function-call.arguments.python | #A9B7C6 | |
| entity.name.function.decorator.python, meta.function.decorator.python | #b3ae60 | |
| meta.function-call.python, meta.function-call.generic.python | #A9B7C6 | |
| variable.parameter.function-call.python | #aa4926 | |
| string.quoted.single.python, storage.type.string.python | #6aab73 | |
| constant.character.format.placeholder.other.python | #CC7832 | |
| punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.list.end.python, punctuation.definition.list.begin.python, support.variable.magic.python | #bcbec4 | |
| entity.name.function.python | #57a8f5 |