Niral Extension

Color themes

• 

  Niral Dark

• 

  Niral Light

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#2C2C2C
• activityBar.foreground#FFFFFF
• activityBarBadge.background#007ACC
• button.background#0E639C
• button.foreground#FFFFFF
• button.hoverBackground#1177BB
• editor.background#FFFFFF
• editor.findMatchBackground#A8AC94
• editor.findMatchHighlightBackground#EA5C0055
• editor.foreground#1E1E1E
• editor.lineHighlightBackground#F5F5F5
• editor.selectionBackground#ADD6FF
• editor.selectionHighlightBackground#ADD6FF80
• editorBracketMatch.background#0064001A
• editorBracketMatch.border#006400
• editorCursor.foreground#000000
• editorError.foreground#E51400
• editorGutter.addedBackground#629755
• editorGutter.background#F7F7F7
• editorGutter.deletedBackground#CC7832
• editorGutter.modifiedBackground#1BB1F7
• editorHoverWidget.background#F3F3F3
• editorHoverWidget.border#C8C8C8
• editorIndentGuide.activeBackground#939393
• editorIndentGuide.background#D3D3D3
• editorInfo.foreground#1BA1E2
• editorLineNumber.activeForeground#0B216F
• editorLineNumber.foreground#237893
• editorSuggestWidget.background#FFFFFF
• editorSuggestWidget.border#C8C8C8
• editorSuggestWidget.selectedBackground#0066BF
• editorWarning.foreground#BF8803
• editorWhitespace.foreground#BFBFBF
• editorWidget.background#F3F3F3
• editorWidget.border#C8C8C8
• input.background#FFFFFF
• input.border#C8C8C8
• input.foreground#1E1E1E
• list.activeSelectionBackground#0066BF
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#E8E8E8
• list.inactiveSelectionBackground#E4E6F1
• panel.background#FFFFFF
• panel.border#E5E5E5
• scrollbar.shadow#00000022
• scrollbarSlider.activeBackground#808080
• scrollbarSlider.background#BFBFBF80
• scrollbarSlider.hoverBackground#BFBFBF
• sideBar.background#F3F3F3
• sideBarSectionHeader.background#E8E8E8
• sideBarSectionHeader.foreground#1E1E1E
• sideBarTitle.foreground#6F6F6F
• statusBar.background#007ACC
• statusBar.debuggingBackground#CC6633
• statusBar.foreground#FFFFFF
• statusBar.noFolderBackground#68217A
• tab.activeBackground#FFFFFF
• tab.activeForeground#1E1E1E
• tab.border#E5E5E5
• tab.inactiveBackground#E5E5E5
• tab.inactiveForeground#6F6F6F
• titleBar.activeBackground#007ACC
• titleBar.activeForeground#FFFFFF
• titleBar.inactiveBackground#E5E5E5
• titleBar.inactiveForeground#6F6F6F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).