UIXNinja Syntax Theme
Publisher: Daniels-Roth StanThemes in package: 1
Theme inspired of the Atom's theme https://github.com/licatajustin/ninja-ui-syntax
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#1b1d2d
- activityBar.foreground#D7DAE0
- activityBarBadge.background#528BFF
- activityBarBadge.foreground#D7DAE0
- badge.background#528BFF
- badge.foreground#D7DAE0
- button.background#4D78CC
- button.foreground#FFFFFF
- button.hoverBackground#6087CF
- diffEditor.insertedTextBackground#00809B33
- dropdown.background#2c2f4a
- dropdown.border#181A1F
- editor.background#23253b
- editor.findMatchHighlightBackground#528BFF3D
- editor.foreground#a0a2db
- editor.lineHighlightBackground#99BBFF0A
- editor.selectionBackground#3E4451
- editorCursor.foreground#528BFF
- editorGroup.border#181A1F
- editorGroup.emptyBackground#1b1d2d
- editorGroupHeader.tabsBackground#1b1d2d
- editorHoverWidget.background#1b1d2d
- editorHoverWidget.border#181A1F
- editorIndentGuide.activeBackground#626772
- editorIndentGuide.background#ABB2BF26
- editorLineNumber.activeForeground#ABB2BF
- editorLineNumber.foreground#636D83
- editorRuler.foreground#ABB2BF26
- editorSuggestWidget.background#1b1d2d
- editorSuggestWidget.border#181A1F
- editorSuggestWidget.selectedBackground#2C313A
- editorWhitespace.foreground#ABB2BF26
- editorWidget.background#1b1d2d
- editorWidget.border#3A3F4B
- extensionButton.prominentBackground#2BA143
- extensionButton.prominentHoverBackground#37AF4E
- focusBorder#528BFF
- input.background#1B1D23
- input.border#181A1F
- list.activeSelectionBackground#303351
- list.activeSelectionForeground#D7DAE0
- list.focusBackground#303351
- list.highlightForeground#D7DAE0
- list.hoverBackground#2C313A66
- list.inactiveSelectionBackground#303351
- list.inactiveSelectionForeground#D7DAE0
- notifications.background#1b1d2d
- peekView.border#528BFF
- peekViewEditor.background#1B1D23
- peekViewResult.background#1b1d2d
- peekViewResult.selectionBackground#2C313A
- peekViewTitle.background#1B1D23
- pickerGroup.border#528BFF
- scrollbarSlider.activeBackground#747D9180
- scrollbarSlider.background#4E566680
- scrollbarSlider.hoverBackground#5A637580
- sideBar.background#1b1d2d
- sideBarSectionHeader.background#212337
- statusBar.background#1b1d2d
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#9DA5B4
- statusBar.noFolderBackground#1b1d2d
- statusBarItem.hoverBackground#303351
- tab.activeBackground#212337
- tab.activeForeground#D7DAE0
- tab.border#181A1F
- tab.inactiveBackground#1b1d2d
- titleBar.activeBackground#1b1d2d
- titleBar.activeForeground#9DA5B4
- titleBar.inactiveBackground#1b1d2d
- titleBar.inactiveForeground#9DA5B4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.arguments, punctuation.definition.string, punctuation.terminator, punctuation.definition.variable, keyword.operator | #a0a2db | — |
| punctuation.definition, comment.line | #7274b0 | — |
| support.function, string.quoted | #78fbe4 | — |
| entity.name.tag, entity.name.function | #6f99ff | — |
| storage.type, keyword | #b27af8 | — |
| variable | #fd7ab2 | — |
| entity.other.attribute-name, constant.numeric, constant.language.boolean | #faa75f | — |
| entity.name.type | #f6d47d | — |
| punctuation.section.embedded | #E46199 | — |
| entity.name.type | — | underline |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...