NSC Cyberpunk Theme
Publisher: Diogo NascimentoThemes in package: 1
Um tema escuro cyberpunk para VS Code e Cursor, com cores vibrantes e alto contraste.
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#0d0d0f
- activityBar.border#1a1a1d
- activityBar.foreground#e4e4e7
- activityBar.inactiveForeground#52525b
- activityBarBadge.background#2563eb
- activityBarBadge.foreground#ffffff
- badge.background#2563eb
- badge.foreground#ffffff
- button.background#2563eb
- button.foreground#ffffff
- button.hoverBackground#1d4ed8
- debugExceptionWidget.background#f59e0b26
- debugExceptionWidget.border#f59e0b
- debugToolBar.background#18181b
- diffEditor.insertedTextBackground#16a34a26
- diffEditor.removedTextBackground#f8717126
- dropdown.background#18181b
- dropdown.border#27272a
- editor.background#121214
- editor.findMatchBackground#f59e0b59
- editor.findMatchHighlightBackground#f59e0b26
- editor.foreground#dcdce0
- editor.hoverHighlightBackground#27272a99
- editor.inactiveSelectionBackground#27272a80
- editor.lineHighlightBackground#1a1a1d
- editor.lineHighlightBorder#1a1a1d
- editor.rangeHighlightBackground#1a1a1d99
- editor.selectionBackground#3f3f46
- editor.selectionHighlightBackground#3f3f4680
- editor.wordHighlightBackground#27272a99
- editor.wordHighlightStrongBackground#2563eb40
- editorBracketHighlight.foreground1#0ea5e9
- editorBracketHighlight.foreground2#eab308
- editorBracketHighlight.foreground3#f472b6
- editorBracketHighlight.foreground4#2dd4bf
- editorBracketHighlight.foreground5#a78bfa
- editorBracketHighlight.foreground6#fb7185
- editorBracketMatch.background#2563eb30
- editorBracketMatch.border#2563eb
- editorCodeLens.foreground#52525b
- editorCursor.foreground#0ea5e9
- editorError.foreground#f87171
- editorGroup.dropBackground#2563eb26
- editorGroupHeader.tabsBackground#18181b
- editorGutter.addedBackground#16a34abb
- editorGutter.deletedBackground#f87171bb
- editorGutter.modifiedBackground#f59e0bbb
- editorHoverWidget.background#18181b
- editorHoverWidget.border#27272a
- editorIndentGuide.activeBackground1#3f3f46
- editorIndentGuide.background1#27272a
- editorInfo.foreground#0ea5e9
- editorLineNumber.activeForeground#a1a1aa
- editorLineNumber.foreground#52525b
- editorLink.activeForeground#38bdf8
- editorOverviewRuler.border#1a1a1d
- editorRuler.foreground#27272a
- editorSuggestWidget.background#18181b
- editorSuggestWidget.border#27272a
- editorSuggestWidget.selectedBackground#212124
- editorWarning.foreground#f59e0b
- editorWhitespace.foreground#27272a
- editorWidget.background#18181b
- errorForeground#f87171
- extensionButton.prominentBackground#2563eb
- extensionButton.prominentHoverBackground#1d4ed8
- focusBorder#2563eb
- foreground#d4d4d8
- gitDecoration.addedResourceForeground#16a34a
- gitDecoration.conflictingResourceForeground#f472b6
- gitDecoration.deletedResourceForeground#f87171
- gitDecoration.ignoredResourceForeground#52525b
- gitDecoration.modifiedResourceForeground#f59e0b
- gitDecoration.untrackedResourceForeground#2dd4bf
- input.background#18181b
- input.border#27272a
- input.foreground#e4e4e7
- input.placeholderForeground#52525b
- inputOption.activeBorder#2563eb
- inputValidation.errorBackground#2d1618
- inputValidation.errorBorder#f87171
- inputValidation.infoBackground#0c2233
- inputValidation.infoBorder#0ea5e9
- inputValidation.warningBackground#2d2411
- inputValidation.warningBorder#f59e0b
- list.activeSelectionBackground#212124
- list.activeSelectionForeground#f4f4f5
- list.dropBackground#212124
- list.focusBackground#212124
- list.focusForeground#f4f4f5
- list.hoverBackground#1a1a1d
- list.hoverForeground#e4e4e7
- list.inactiveSelectionBackground#1a1a1d
- list.inactiveSelectionForeground#e4e4e7
- merge.currentContentBackground#16a34a26
- merge.currentHeaderBackground#16a34a66
- merge.incomingContentBackground#2563eb26
- merge.incomingHeaderBackground#2563eb66
- panel.background#18181b
- panel.border#1a1a1d
- panelTitle.activeBorder#2563eb
- panelTitle.activeForeground#f4f4f5
- panelTitle.inactiveForeground#71717a
- peekView.border#2563eb
- peekViewEditor.background#18181b
- peekViewEditor.matchHighlightBackground#f59e0b40
- peekViewResult.background#18181b
- peekViewResult.matchHighlightBackground#f59e0b40
- peekViewResult.selectionBackground#212124
- peekViewTitle.background#18181b
- peekViewTitleDescription.foreground#71717a
- pickerGroup.border#27272a
- pickerGroup.foreground#71717a
- progressBar.background#2563eb
- scrollbar.shadow#121214
- scrollbarSlider.activeBackground#52525bc0
- scrollbarSlider.background#27272a80
- scrollbarSlider.hoverBackground#3f3f46a0
- selection.background#3f3f46
- sideBar.background#18181b
- sideBar.border#1a1a1d
- sideBar.foreground#a1a1aa
- sideBarSectionHeader.background#18181b
- sideBarTitle.foreground#e4e4e7
- statusBar.background#0d0d0f
- statusBar.debuggingBackground#ea580c
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#a1a1aa
- statusBar.noFolderBackground#0d0d0f
- statusBarItem.activeBackground#2563eb66
- statusBarItem.hoverBackground#27272a
- statusBarItem.prominentBackground#1a1a1d
- statusBarItem.prominentHoverBackground#27272a
- tab.activeBackground#121214
- tab.activeBorderTop#2563eb
- tab.activeForeground#f4f4f5
- tab.border#121214
- tab.inactiveBackground#18181b
- tab.inactiveForeground#71717a
- terminal.ansiBlack#18181b
- terminal.ansiBlue#2563eb
- terminal.ansiBrightBlack#52525b
- terminal.ansiBrightBlue#38bdf8
- terminal.ansiBrightCyan#2dd4bf
- terminal.ansiBrightGreen#22c55e
- terminal.ansiBrightMagenta#f472b6
- terminal.ansiBrightRed#fb7185
- terminal.ansiBrightWhite#f4f4f5
- terminal.ansiBrightYellow#facc15
- terminal.ansiCyan#0ea5e9
- terminal.ansiGreen#16a34a
- terminal.ansiMagenta#a78bfa
- terminal.ansiRed#f87171
- terminal.ansiWhite#e4e4e7
- terminal.ansiYellow#eab308
- terminal.background#121214
- terminal.foreground#dcdce0
- terminalCursor.background#121214
- terminalCursor.foreground#0ea5e9
- titleBar.activeBackground#0d0d0f
- titleBar.activeForeground#e4e4e7
- titleBar.inactiveBackground#0d0d0f
- titleBar.inactiveForeground#52525b
- walkThrough.embeddedEditorBackground#18181b
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #dcdce0 | — |
| comment, punctuation.definition.comment | #6b6b76 | italic |
| string, string.quoted, string.template | #4fd6be | — |
| constant.numeric, constant.language, constant.character, constant.language.boolean | #eab308 | — |
| keyword, keyword.control, storage.type, storage.modifier, keyword.operator.new | #a78bfa | — |
| entity.name.function, support.function, meta.function-call | #38bdf8 | — |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #f472b6 | — |
| entity.name.tag | #fb7185 | — |
| entity.other.attribute-name | #eab308 | — |
| variable, variable.other.readwrite | #dcdce0 | — |
| variable.parameter | #a1a1aa | italic |
| meta.object-literal.key, support.type.property-name | #60a5fa | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #8b8b94 | — |
| keyword.operator | #8b8b94 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.heading | #60a5fa | bold |
| markup.inline.raw, markup.raw | #eab308 | — |