Nu Disco Theme
Publisher: dbanksdesignThemes in package: 2
A VS Code theme that boogies.
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#231934
- activityBar.dropBackground#52E7E166
- activityBar.foreground#FF82B4
- activityBarBadge.background#00837F
- activityBarBadge.foreground#FFFFFFEE
- badge.background#00837F
- badge.foreground#FFFFFFEE
- breadcrumb.activeSelectionForeground#52E7E1
- breadcrumb.background#0C001F
- breadcrumb.focusForeground#52E7E1CC
- breadcrumb.foreground#FFFFFFBB
- button.background#E6247266
- button.foreground#FFFFFFEE
- button.hoverBackground#E6247299
- debugToolBar.background#322941
- descriptionForeground#FFFFFFBB
- diffEditor.insertedTextBackground#67E59133
- diffEditor.removedTextBackground#FF787833
- dropdown.background#0C001F
- dropdown.foreground#FFFFFFEE
- editor.background#0C001F
- editor.findMatchBackground#FFF37366
- editor.findMatchHighlightBackground#FFF37344
- editor.foreground#FFFFFFEE
- editor.hoverHighlightBackground#231934
- editor.inactiveSelectionBackground#FF82B444
- editor.lineHighlightBackground#180D2A
- editor.rangeHighlightBackground#231934
- editor.selectionBackground#FF82B466
- editor.selectionHighlightBackground#52E7E144
- editor.wordHighlightBackground#FFF37344
- editor.wordHighlightStrongBackground#6BB5FF44
- editorBracketMatch.background#6BB5FF44
- editorBracketMatch.border#0000
- editorCodeLens.foreground#FF82B4CC
- editorCursor.foreground#52E7E1
- editorError.foreground#FF7878
- editorGroup.border#FFFFFF66
- editorGroup.dropBackground#52E7E166
- editorGroup.emptyBackground#180D2A
- editorGroupHeader.noTabsBackground#0C001F
- editorGroupHeader.tabsBackground#180D2A
- editorGroupHeader.tabsBorder#0000
- editorGutter.addedBackground#67E591CC
- editorGutter.background#0C001F
- editorGutter.deletedBackground#FF7878CC
- editorGutter.modifiedBackground#52E7E1CC
- editorHint.foreground#FF82B4
- editorHoverWidget.background#231934
- editorHoverWidget.border#FFFFFF22
- editorHoverWidget.statusBarBackground#231934
- editorIndentGuide.activeBackground#FFFFFF66
- editorIndentGuide.background#FFFFFF22
- editorInfo.foreground#52E7E1
- editorLineNumber.activeForeground#FFFFFFEE
- editorLineNumber.foreground#FFFFFF99
- editorOverviewRuler.addedForeground#67E591CC
- editorOverviewRuler.border#FFFFFF44
- editorOverviewRuler.bracketMatchForeground#6BB5FF44
- editorOverviewRuler.commonContentForeground#0000ffCC
- editorOverviewRuler.currentContentForeground#ffffffCC
- editorOverviewRuler.deletedForeground#FF7878CC
- editorOverviewRuler.errorForeground#FF7878CC
- editorOverviewRuler.findMatchForeground#00ff00CC
- editorOverviewRuler.incomingContentForeground#00ff00CC
- editorOverviewRuler.infoForeground#52E7E1CC
- editorOverviewRuler.modifiedForeground#52E7E1CC
- editorOverviewRuler.rangeHighlightForeground#0000ffCC
- editorOverviewRuler.selectionHighlightForeground#FF82B444
- editorOverviewRuler.warningForeground#FFB271CC
- editorRuler.foreground#FFFFFF44
- editorSuggestWidget.background#322941
- editorSuggestWidget.border#FFFFFF44
- editorSuggestWidget.foreground#FFFFFFBB
- editorSuggestWidget.highlightForeground#FFFFFFEE
- editorSuggestWidget.selectedBackground#AD7DFF66
- editorUnnecessaryCode.border#FFFFFF66
- editorUnnecessaryCode.opacity#00000088
- editorWarning.foreground#FFB271
- editorWhitespace.foreground#FFFFFF44
- editorWidget.background#322941
- editorWidget.border#FFFFFF44
- editorWidget.foreground#FFFFFFEE
- editorWidget.resizeBorder#FFFFFF66
- errorForeground#FF7878
- extensionButton.prominentBackground#E6247266
- extensionButton.prominentForeground#FFFFFFEE
- extensionButton.prominentHoverBackground#E6247299
- focusBorder#FFFFFF44
- foreground#FFFFFFEE
- gitDecoration.addedResourceForeground#67E591
- gitDecoration.conflictingResourceForeground#FF82B4
- gitDecoration.deletedResourceForeground#FF7878
- gitDecoration.ignoredResourceForeground#FFFFFF66
- gitDecoration.modifiedResourceForeground#52E7E1
- gitDecoration.untrackedResourceForeground#FFB271
- icon.foreground#FFFFFFEE
- input.background#231934
- input.border#0000
- input.foreground#FFFFFFEE
- input.placeholderForeground#FFFFFF99
- inputOption.activeBackground#E6247266
- inputOption.activeBorder#0000
- inputValidation.errorBackground#FF7878
- inputValidation.errorBorder#FF7878CC
- inputValidation.errorForeground#0C001F
- inputValidation.infoBackground#52E7E1
- inputValidation.infoBorder#52E7E1CC
- inputValidation.infoForeground#0C001F
- inputValidation.warningBackground#FFB271
- inputValidation.warningBorder#FFB271CC
- inputValidation.warningForeground#0C001F
- list.activeSelectionBackground#AD7DFF66
- list.activeSelectionForeground#FFFFFFEE
- list.dropBackground#52E7E166
- list.errorForeground#FF7878
- list.focusBackground#AD7DFF66
- list.focusForeground#FFFFFFEE
- list.highlightForeground#FFFFFFEE
- list.hoverBackground#AD7DFF44
- list.hoverForeground#FFFFFFEE
- list.inactiveSelectionBackground#AD7DFF44
- list.inactiveSelectionForeground#FFFFFFEE
- list.invalidItemForeground#FF7878
- list.warningForeground#FFB271
- listFilterWidget.background#0C001F
- listFilterWidget.noMatchesOutline#FF7878CC
- listFilterWidget.outline#FFFFFF44
- minimap.findMatchHighlight#FFF37366
- minimap.selectionHighlight#FF82B466
- notificationCenter.border#FFFFFF44
- notificationCenterHeader.background#0C001F
- notificationCenterHeader.foreground#FFFFFFEE
- notificationLink.foreground#52E7E1
- notifications.background#322941
- notifications.border#FFFFFF44
- notifications.foreground#FFFFFFEE
- notificationsErrorIcon.foreground#FF7878
- notificationsInfoIcon.foreground#52E7E1
- notificationsWarningIcon.foreground#FFB271
- notificationToast.border#FFFFFF44
- panel.background#231934
- panel.border#FFFFFF22
- panel.dropBackground#52E7E166
- panelTitle.activeBorder#FF82B4CC
- panelTitle.activeForeground#FFFFFFEE
- panelTitle.inactiveForeground#FFFFFFBB
- peekView.border#FFFFFF66
- peekViewEditor.background#0C001F
- peekViewEditor.matchHighlightBackground#322941
- peekViewResult.background#180D2A
- peekViewResult.fileForeground#52E7E1
- peekViewResult.lineForeground#FFFFFFEE
- peekViewResult.matchHighlightBackground#FFF37344
- peekViewResult.selectionBackground#FFF37366
- peekViewTitle.background#231934
- peekViewTitleDescription.foreground#FFFFFFEE
- peekViewTitleLabel.foreground#FFFFFF99
- pickerGroup.border#FFFFFF66
- pickerGroup.foreground#FFFFFF99
- progressBar.background#52E7E1
- quickInput.background#322941
- quickInput.foreground#FFFFFFEE
- selection.background#FF82B466
- settings.dropdownBackground#231934
- settings.dropdownForeground#FFFFFFEE
- settings.headerForeground#FF82B4
- settings.modifiedItemIndicator#52E7E1CC
- settings.textInputBackground#231934
- settings.textInputForeground#FFFFFFEE
- sideBar.background#180D2A
- sideBar.dropBackground#FF82B466
- sideBar.foreground#FFFFFFBB
- sideBarSectionHeader.background#180D2A
- sideBarSectionHeader.border#FFFFFF22
- sideBarSectionHeader.foreground#FFFFFF99
- sideBarTitle.foreground#FFFFFFEE
- statusBar.background#322941
- statusBar.border#0000
- statusBar.debuggingBackground#4B1E97
- statusBar.debuggingBorder#0000
- statusBar.foreground#FFFFFFEE
- statusBar.noFolderBackground#0C001F
- statusBar.noFolderBorder#0000
- statusBarItem.activeBackground#52E7E166
- statusBarItem.hoverBackground#52E7E144
- statusBarItem.prominentBackground#00837F
- statusBarItem.prominentForeground#FFFFFFEE
- statusBarItem.remoteBackground#E6247266
- statusBarItem.remoteForeground#FFFFFFEE
- tab.activeBackground#0C001F
- tab.activeForeground#FFFFFFEE
- tab.border#0000
- tab.inactiveBackground#231934
- tab.inactiveForeground#FFFFFF99
- tab.unfocusedActiveForeground#FFFFFFBB
- tab.unfocusedHoverBorder#FF82B4CC
- tab.unfocusedInactiveForeground#FFFFFF99
- terminal.ansiBlack#FFFFFFBB
- terminal.ansiBlue#C3E7F9
- terminal.ansiBrightBlack#FFFFFFEE
- terminal.ansiBrightBlue#6BB5FF
- terminal.ansiBrightCyan#52E7E1
- terminal.ansiBrightGreen#67E591
- terminal.ansiBrightMagenta#FF82B4
- terminal.ansiBrightRed#FF7878
- terminal.ansiBrightWhite#0C001F
- terminal.ansiBrightYellow#FFF373
- terminal.ansiCyan#C4FFFD
- terminal.ansiGreen#AEECC3
- terminal.ansiMagenta#FFCFE3
- terminal.ansiRed#FFB8B8
- terminal.ansiWhite#180D2A
- terminal.ansiYellow#FFF9BB
- terminal.selectionBackground#52E7E166
- terminalCursor.background#FF82B466
- terminalCursor.foreground#FF82B466
- textBlockQuote.background#231934
- textBlockQuote.border#FF82B4CC
- textCodeBlock.background#180D2A
- textLink.activeForeground#52E7E1
- textLink.foreground#52E7E1CC
- textPreformat.foreground#52E7E1
- titleBar.activeBackground#322941
- titleBar.activeForeground#FFFFFFEE
- titleBar.border#0000
- titleBar.inactiveBackground#180D2A
- titleBar.inactiveForeground#FFFFFFBB
- walkThrough.embeddedEditorBackground#180D2A
- welcomePage.background#0C001F
- welcomePage.buttonBackground#180D2A
- welcomePage.buttonHoverBackground#231934
- widget.shadow#0000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #FFFFFF99 | — |
| comment.line | #FFFFFF99 | italic |
| comment.block.documentation | #FFFFFFBB | — |
| comment.single | #FFFFFF99 | — |
| constant.language.dart | #52E7E1 | — |
| constant.language.boolean.false | #FF7878 | — |
| constant.language.boolean.true | #67E591 | — |
| constant.language.import-export-all | #6BB5FF | — |
| constant.language.null | #FF7878 | — |
| constant.language.symbol | #FF82B4 | — |
| constant.numeric | #FF82B4 | — |
| entity.name.tag | #FF7878 | — |
| entity.name.tag.reference | #D5BDFF | — |
| entity.name.tag.yaml | #FFB271 | — |
| entity.name.type.module | #FFB271 | — |
| entity.name.function | #6BB5FF | — |
| entity.other.attribute-name.id | #FFB271 | — |
| entity.other.attribute-name.class | #FFF373 | — |
| entity.other.attribute-name | #6BB5FF | — |
| keyword | #D5BDFF | — |
| keyword.control | #D5BDFF | — |
| keyword.control.import | #D5BDFF | italic |
| keyword.control.from | #D5BDFF | italic |
| keyword.control.flow | #D5BDFF | — |
| keyword.operator | #FFFFFFEE | — |
| keyword.operator.logical | #FFFFFFEE | — |
| keyword.other.unit | #FF82B4 | — |
| markup.bold | #AD7DFF | bold |
| markup.italic | #6BB5FF | italic |
| markup.fenced_code | #FFFFFFEE | — |
| markup.heading | #FFFFFFEE | bold |
| markup.quote | #FFFFFFBB | italic |
| markup.underline.link | #52E7E1 | — |
| meta.brace.round | #FFFFFFEE | — |
| meta.brace.square | #FFFFFFEE | — |
| meta.class | #FFB271 | — |
| meta.jsx.children | #FFFFFFEE | — |
| meta.object | #FF82B4 | — |
| meta.property-name.css | #AEECC3 | — |
| meta.property-value.css | #AEECC3 | — |
| meta.selector | #AEECC3 | — |
| meta.structure.dictionary | #AD7DFF | — |
| meta.tag.attributes | #FF82B4 | — |
| meta.type.parameters | #FFF373 | — |
| meta.var.expr | #D5BDFF | — |
| punctuation.accessor | #FFFFFFEE | — |
| punctuation.definition.array | #FFFFFFEE | — |
| punctuation.definition.block | #FFFFFFEE | — |
| punctuation.definition.dictionary | #FFFFFFEE | — |
| punctuation.definition.heading | #FFB271 | — |
| punctuation.definition.list | #FF7878 | — |
| punctuation.definition.parameters | #FFFFFFEE | — |
| punctuation.definition.string | #67E591 | — |
| punctuation.definition.tag | #FFFFFFEE | — |
| punctuation.definition.typeparameters | #FFFFFFEE | — |
| punctuation.definition.template-expression | #FF7878 | — |
| punctuation.section | #FFFFFFBB | — |
| punctuation.separator | #FFFFFFEE | — |
| punctuation.terminator | #FFFFFF99 | — |
| storage | #D5BDFF | — |
| string | #67E591 | — |
| support.class | #FFB271 | — |
| support.class.component | #FFB271 | — |
| support.constant.color | #6BB5FF | — |
| support.constant.font-name | #6BB5FF | — |
| support.constant.property-value | #6BB5FF | — |
| support.function | #D5BDFF | — |
| support.type.property-name | #52E7E1 | — |
| support.type.property-name.css | #FFFFFFEE | — |
| support.type.vendored | #FFB271 | — |
| variable | #52E7E1 | — |
| variable.language.super | #AEECC3 | italic |
| variable.language.this | #FFF9BB | — |
| variable.other | #52E7E1 | — |
| variable.other.constant | #52E7E1 | — |
| variable.other.readwrite.alias | #52E7E1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...