Jade Veil Theme

Color themes

• 

  Jade Veil Theme Dark

• 

  Jade Veil Theme 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.activeBorder#A3CFB6
• activityBar.background#354E45
• activityBar.foreground#E2EFE3
• activityBar.inactiveForeground#A0B9A8
• activityBarBadge.background#B1D3B9
• activityBarBadge.foreground#203B30
• badge.background#A3CFB6
• badge.foreground#1F2D29
• button.background#88BDA4
• button.foreground#203B30
• button.hoverBackground#A0CDB5
• descriptionForeground#A0B9A8
• dropdown.background#293C34
• dropdown.border#476255
• dropdown.foreground#E2EFE3
• editor.background#1F2D29
• editor.findMatchBackground#665A35
• editor.findMatchHighlightBackground#665A3577
• editor.foreground#E2EFE3
• editor.inactiveSelectionBackground#405F5199
• editor.lineHighlightBackground#293932
• editor.selectionBackground#405F51
• editorBracketMatch.background#405F51
• editorBracketMatch.border#A3CFB6
• editorCursor.foreground#B1D3B9
• editorError.foreground#E69DA8
• editorGroupHeader.tabsBackground#30463D
• editorHoverWidget.background#293C34
• editorHoverWidget.border#476255
• editorHoverWidget.foreground#E2EFE3
• editorIndentGuide.activeBackground1#A0B9A8
• editorIndentGuide.background1#47625566
• editorInfo.foreground#A8CAD8
• editorLineNumber.activeForeground#A3CFB6
• editorLineNumber.foreground#A0B9A8
• editorSuggestWidget.background#293C34
• editorSuggestWidget.border#476255
• editorSuggestWidget.foreground#E2EFE3
• editorSuggestWidget.selectedBackground#405F51
• editorWarning.foreground#DCC39D
• editorWhitespace.foreground#476255
• editorWidget.background#293C34
• editorWidget.border#476255
• editorWidget.foreground#E2EFE3
• errorForeground#E69DA8
• focusBorder#A3CFB6
• foreground#E2EFE3
• gitDecoration.addedResourceForeground#C0D3A4
• gitDecoration.deletedResourceForeground#E69DA8
• gitDecoration.modifiedResourceForeground#A8CAD8
• input.background#293C34
• input.border#476255
• input.foreground#E2EFE3
• input.placeholderForeground#A0B9A8
• list.activeSelectionBackground#405F51
• list.activeSelectionForeground#E2EFE3
• list.highlightForeground#A3CFB6
• list.hoverBackground#354E41
• list.inactiveSelectionBackground#405F5199
• list.inactiveSelectionForeground#E2EFE3
• notifications.background#293C34
• notifications.border#476255
• notifications.foreground#E2EFE3
• panel.background#293C34
• panel.border#476255
• panel.foreground#E2EFE3
• quickInput.background#293C34
• quickInput.foreground#E2EFE3
• scrollbarSlider.background#47625588
• scrollbarSlider.hoverBackground#476255BB
• selection.background#405F51
• sideBar.background#293C34
• sideBar.border#476255
• sideBar.foreground#E2EFE3
• statusBar.background#293C34
• statusBar.debuggingBackground#A3CFB6
• statusBar.debuggingForeground#1F2D29
• statusBar.foreground#E2EFE3
• statusBar.noFolderBackground#293C34
• statusBar.noFolderForeground#E2EFE3
• tab.activeBackground#1F2D29
• tab.activeBorderTop#B1D3B9
• tab.activeForeground#E2EFE3
• tab.border#476255
• tab.inactiveBackground#30463D
• tab.inactiveForeground#A0B9A8
• terminal.ansiBlack#151C2A
• terminal.ansiBlue#A8CAD8
• terminal.ansiBrightBlack#A0B9A8
• terminal.ansiBrightBlue#A8CAD8
• terminal.ansiBrightCyan#A8CAD8
• terminal.ansiBrightGreen#A3CFB6
• terminal.ansiBrightMagenta#C5B4CF
• terminal.ansiBrightRed#E69DA8
• terminal.ansiBrightWhite#E2EFE3
• terminal.ansiBrightYellow#DCC39D
• terminal.ansiCyan#A8CAD8
• terminal.ansiGreen#C0D3A4
• terminal.ansiMagenta#C5B4CF
• terminal.ansiRed#E69DA8
• terminal.ansiWhite#CDD6EA
• terminal.ansiYellow#DCC39D
• terminal.background#1F2D29
• terminal.foreground#E2EFE3
• textLink.activeForeground#A3CFB6
• textLink.foreground#A3CFB6
• titleBar.activeBackground#30463D
• titleBar.activeForeground#E2EFE3
• titleBar.inactiveBackground#1F2D29
• titleBar.inactiveForeground#A0B9A8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).