Nain: Nature Luxury

Color themes

• 

  Nain Slate Dark

• 

  Nain Slate 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#B4CDED
• breadcrumb.background#B4CDED
• breadcrumb.border#00000000
• button.background#1A3A5F
• button.foreground#FFFFFF
• button.hoverBackground#2B4C7E
• dropdown.background#B4CDED
• dropdown.border#1A3A5F88
• dropdown.foreground#1A3A5F
• editor.background#B4CDED
• editor.foreground#1A3A5F
• editor.lineHighlightBackground#A5C2E6
• editor.lineHighlightBorder#00000000
• editorCursor.foreground#1A3A5F
• editorGroup.border#1A3A5F44
• editorGroup.header.tabsBorder#00000000
• editorGroupHeader.tabsBackground#B4CDED
• editorLineNumber.activeForeground#1A3A5F
• editorLineNumber.foreground#7D92AD
• editorStickyScroll.background#B4CDED
• editorStickyScroll.border#1A3A5F44
• editorStickyScroll.shadow#00000000
• editorStickyScrollHover.background#1A3A5F11
• editorWidget.background#B4CDED
• editorWidget.border#1A3A5F
• focusBorder#1A3A5F44
• input.background#B4CDED
• input.border#1A3A5F88
• input.foreground#1A3A5F
• input.placeholderForeground#1A3A5F66
• inputOption.activeBorder#1A3A5F
• list.activeSelectionBackground#1A3A5F22
• list.activeSelectionForeground#1A3A5F
• list.focusBackground#1A3A5F22
• list.hoverBackground#1A3A5F11
• list.inactiveSelectionBackground#1A3A5F22
• list.inactiveSelectionForeground#1A3A5F
• menu.background#B4CDED
• menu.foreground#1A3A5F
• menu.selectionBackground#1A3A5F22
• menu.selectionForeground#1A3A5F
• menu.separatorBackground#1A3A5F44
• menubar.selectionBackground#1A3A5F22
• menubar.selectionForeground#1A3A5F
• panel.background#B4CDED
• panel.border#1A3A5F44
• panelHeader.border#1A3A5F44
• panelInput.background#B4CDED
• panelInput.border#1A3A5F88
• panelInput.foreground#1A3A5F
• panelSection.border#1A3A5F44
• panelSectionHeader.background#B4CDED
• panelSectionHeader.border#1A3A5F44
• panelSectionHeader.foreground#1A3A5F
• quickInput.background#B4CDED
• quickInput.foreground#1A3A5F
• quickInputList.focusBackground#1A3A5F22
• selection.background#7D92AD66
• sideBar.background#B4CDED
• sideBar.border#1A3A5F44
• sideBar.foreground#344966
• statusBar.background#B4CDED
• statusBar.foreground#1A3A5F
• tab.activeBackground#B4CDED
• tab.activeBorder#1A3A5F
• tab.activeForeground#1A3A5F
• tab.border#1A3A5F22
• tab.inactiveBackground#B4CDED
• tab.inactiveForeground#344966AA
• terminal.background#B4CDED
• titleBar.activeBackground#B4CDED
• widget.border#1A3A5F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).