Nord Dark Pro
Publisher: CurveThemes in package: 2
Atom's iconic One Dark theme with Nord colors!
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#323846
- activityBar.foreground#e5e9f0
- activityBarBadge.background#4d78cc
- activityBarBadge.foreground#f8fafd
- badge.background#282c34
- button.background#404754
- button.secondaryBackground#30333d
- button.secondaryForeground#c0bdbd
- debugToolBar.background#21252b
- descriptionForeground#d8dee9
- diffEditor.insertedTextBackground#00809b33
- dropdown.background#21252b
- dropdown.border#21252b
- editor.background#232731
- editor.findMatchBackground#42557b
- editor.findMatchBorder#457dff
- editor.findMatchHighlightBackground#6199ff2f
- editor.foreground#a4b2ca
- editor.lineHighlightBackground#2c313d
- editor.selectionBackground#67769660
- editor.selectionHighlightBackground#ffffff10
- editor.wordHighlightBackground#d2e0ff2f
- editor.wordHighlightBorder#7f848e
- editor.wordHighlightStrongBackground#abb2bf26
- editor.wordHighlightStrongBorder#7f848e
- editorBracketMatch.background#515a6b
- editorBracketMatch.border#515a6b
- editorCursor.background#ffffffc9
- editorCursor.foreground#528bff
- editorError.foreground#bf616a
- editorGroup.border#181a1f
- editorGroupHeader.tabsBackground#21252b
- editorGutter.addedBackground#109868
- editorGutter.deletedBackground#9A353D
- editorGutter.modifiedBackground#948B60
- editorHoverWidget.background#21252b
- editorHoverWidget.border#181a1f
- editorIndentGuide.activeBackground#c8c8c859
- editorIndentGuide.background#3b4048
- editorLineNumber.activeForeground#abb2bf
- editorLineNumber.foreground#495162
- editorMarkerNavigation.background#21252b
- editorRuler.foreground#abb2bf26
- editorSuggestWidget.background#21252b
- editorSuggestWidget.border#181a1f
- editorSuggestWidget.selectedBackground#2c313a
- editorWarning.foreground#ebcb8b
- editorWhitespace.foreground#3b4048
- editorWidget.background#21252b
- focusBorder#3e4452
- gitDecoration.ignoredResourceForeground#636b78
- input.background#1d1f23
- inputOption.activeBorder#E9436D80
- list.activeSelectionBackground#2c313a
- list.activeSelectionForeground#d7dae0
- list.focusBackground#323842
- list.focusForeground#f0f0f0
- list.highlightForeground#c5c5c5
- list.hoverBackground#2c313a
- list.hoverForeground#fff
- list.inactiveSelectionBackground#323842
- list.inactiveSelectionForeground#d7dae0
- list.warningForeground#d19a66
- menu.foreground#abb2bf
- menu.separatorBackground#343a45
- minimapGutter.addedBackground#109868
- minimapGutter.deletedBackground#9A353D
- minimapGutter.modifiedBackground#948B60
- panelSectionHeader.background#21252b
- peekViewEditor.background#1b1d23
- peekViewEditor.matchHighlightBackground#29244b
- peekViewResult.background#22262b
- scrollbar.shadow#23252c
- scrollbarSlider.activeBackground#747d9180
- scrollbarSlider.background#4e566660
- scrollbarSlider.hoverBackground#5a637580
- settings.focusedRowBackground#282c34
- settings.headerForeground#fff
- sideBar.background#272c37
- sideBar.foreground#a4b2ca
- sideBarSectionHeader.background#282c34
- sideBarSectionHeader.foreground#abb2bf
- statusBar.background#3b4252
- statusBar.debuggingBackground#cc6633
- statusBar.debuggingBorder#66017a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#21252b
- statusBarItem.hoverBackground#2c313a
- statusBarItem.remoteBackground#6f94b8
- statusBarItem.remoteForeground#f8fafd
- tab.activeBackground#3b4252
- tab.activeForeground#d8dee9
- tab.border#272c37
- tab.hoverBackground#303643
- tab.inactiveBackground#272c37
- tab.unfocusedHoverBackground#303643
- terminal.ansiBlack#2e3440
- terminal.ansiBlue#8fbcbb
- terminal.ansiBrightBlack#3b4252
- terminal.ansiBrightBlue#9ec5c4
- terminal.ansiBrightCyan#9ac9d7
- terminal.ansiBrightGreen#b0c79c
- terminal.ansiBrightMagenta#be9db8
- terminal.ansiBrightRed#c6737b
- terminal.ansiBrightWhite#d8dee9
- terminal.ansiBrightYellow#eed4a0
- terminal.ansiCyan#88c0d0
- terminal.ansiGreen#a3be8c
- terminal.ansiMagenta#b48ead
- terminal.ansiRed#bf616a
- terminal.ansiWhite#eceff4
- terminal.ansiYellow#ebcb8b
- terminal.background#252a34
- terminal.border#252a34
- terminal.foreground#a7b4cd
- terminal.selectionBackground#383f4f
- textBlockQuote.background#2e3440
- textBlockQuote.border#4b5362
- textLink.activeForeground#6fa8a7
- textLink.foreground#8fbcbb
- textPreformat.foreground#d19a66
- titleBar.activeBackground#282c34
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#21252b
- titleBar.inactiveForeground#6b717d
- walkThrough.embeddedEditorBackground#2e3440
- welcomePage.buttonBackground#292f3a
- welcomePage.buttonHoverBackground#3b4252
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.string.begin, punctuation.definition.string.end | #a3be8c | — |
| punctuation.separator.delimiter | #c4cddd | — |
| punctuation.section.block.begin.bracket.curly.cpp, punctuation.section.block.end.bracket.curly.cpp | #aab7ce | — |
| variable.other.constant | #5e87b0 | — |
| variable.other.readwrite | #6f94b8 | — |
| variable | #6f94b8 | — |
| keyword, keyword.control | #81a1c1 | — |
| keyword.operator | #81a1c1 | — |
| entity.name.namespace | #8fbcbb | — |
| entity.name.function, support.function | #88c0d0 | — |
| entity.name.type | #8fbcbb | — |
| storage | #81a1c1 | — |
| string | #a3be8c | — |
| constant.numeric | #b48ead | — |
| constant | #b48ead | — |
| comment, punctuation.definition.comment | #41495b | |
| entity.other.attribute-name | #d08770 | — |
| support.other.attribute.cpp | #d08770 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...