Nyx Theme Suite
Publisher: Pratik RanjanThemes in package: 6
A premium, minimalist dark theme suite ported from IntelliJ True Dark, with OLED black and clean light variants.
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#F2F4FE
- activityBar.border#DCE4FD
- activityBar.foreground#404a66
- activityBar.inactiveForeground#404a6666
- activityBarBadge.background#60A5FA
- activityBarBadge.foreground#ffffff
- button.background#60A5FA
- button.foreground#ffffff
- button.hoverBackground#3B82F6
- editor.background#F2F4FE
- editor.foreground#404a66
- editor.inactiveSelectionBackground#00000011
- editor.lineHighlightBackground#e7edff
- editor.lineHighlightBorder#dce4fd44
- editor.selectionBackground#c6d4f8
- editorCursor.foreground#0049bb
- editorGroupHeader.tabsBackground#F2F4FE
- editorGroupHeader.tabsBorder#DCE4FD
- editorLineNumber.activeForeground#60A5FA
- editorLineNumber.foreground#acb8db
- focusBorder#60A5FA
- foreground#404a66
- input.background#ffffff
- input.border#DCE4FD
- input.foreground#404a66
- list.activeSelectionBackground#C1CEFB
- list.activeSelectionForeground#1c1a1a
- list.hoverBackground#D0D0D0
- list.inactiveSelectionBackground#D0D0D0
- list.inactiveSelectionForeground#404a66
- menu.background#F2F4FE
- menu.foreground#404a66
- menu.separatorBackground#DCE4FD
- panel.background#F2F4FE
- panel.border#DCE4FD
- panelTitle.activeForeground#60A5FA
- panelTitle.inactiveForeground#404a6666
- scrollbarSlider.activeBackground#60A5FA80
- scrollbarSlider.background#00000011
- scrollbarSlider.hoverBackground#00000022
- sideBar.background#F2F4FE
- sideBar.border#DCE4FD
- sideBar.foreground#404a66
- sideBarSectionHeader.background#F2F4FE
- sideBarSectionHeader.border#DCE4FD
- sideBarSectionHeader.foreground#404a66
- sideBarTitle.foreground#404a66
- statusBar.background#F2F4FE
- statusBar.border#DCE4FD
- statusBar.foreground#404a66
- tab.activeBackground#F2F4FE
- tab.activeBorder#60A5FA
- tab.activeForeground#404a66
- tab.border#DCE4FD
- tab.inactiveBackground#F2F4FE
- tab.inactiveForeground#404a6666
- titleBar.activeBackground#F2F4FE
- titleBar.activeForeground#404a66
- titleBar.border#DCE4FD
- titleBar.inactiveBackground#F2F4FE
- widget.border#DCE4FD
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, unused.comment | #7f8aaa | italic |
| keyword, storage.type, storage.modifier, keyword.control | #9543be | italic |
| string, punctuation.definition.string | #ae3a93 | — |
| constant.numeric, keyword.other.unit | #0086a6 | — |
| constant.language, constant.character, support.constant, variable.other.constant | #0086a6 | italic |
| constant.character.escape, constant.escape | #008e76 | — |
| entity.name.function, support.function | #6e51da | — |
| meta.function-call, variable.function | #6e51da | — |
| entity.name.type.class, entity.name.class, support.class | #008d92 | — |
| entity.name.type.interface, support.type | #008d92 | — |
| entity.name.namespace, entity.name.package | #404a66 | — |
| variable.other.property, support.type.property-name, variable.other.object.property | #404a66 | — |
| meta.annotation, entity.name.type.annotation, entity.other.attribute-name, meta.decorator | #0086a6 | — |
| entity.name.tag, punctuation.definition.tag | #549492 | — |