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#3D695D
• activityBar.background#659287
• activityBar.foreground#102D24
• activityBar.inactiveForeground#29463B
• activityBarBadge.background#E6F2DD
• activityBarBadge.foreground#203B30
• badge.background#3D695D
• badge.foreground#FFFFFF
• button.background#3D695D
• button.foreground#FFFFFF
• button.hoverBackground#49796B
• descriptionForeground#586F60
• dropdown.background#CFE3CD
• dropdown.border#B4CDBA
• dropdown.foreground#30473F
• editor.background#E6F2DD
• editor.findMatchBackground#E7D9A6
• editor.findMatchHighlightBackground#E7D9A677
• editor.foreground#30473F
• editor.inactiveSelectionBackground#B8D8C599
• editor.lineHighlightBackground#DCEBD5
• editor.selectionBackground#B8D8C5
• editorBracketMatch.background#B8D8C5
• editorBracketMatch.border#3D695D
• editorCursor.foreground#345F52
• editorError.foreground#AB4858
• editorGroupHeader.tabsBackground#B1D3B9
• editorHoverWidget.background#CFE3CD
• editorHoverWidget.border#B4CDBA
• editorHoverWidget.foreground#30473F
• editorIndentGuide.activeBackground1#586F60
• editorIndentGuide.background1#B4CDBA66
• editorInfo.foreground#3E657B
• editorLineNumber.activeForeground#3D695D
• editorLineNumber.foreground#586F60
• editorSuggestWidget.background#CFE3CD
• editorSuggestWidget.border#B4CDBA
• editorSuggestWidget.foreground#30473F
• editorSuggestWidget.selectedBackground#B8D8C5
• editorWarning.foreground#806039
• editorWhitespace.foreground#B4CDBA
• editorWidget.background#CFE3CD
• editorWidget.border#B4CDBA
• editorWidget.foreground#30473F
• errorForeground#AB4858
• focusBorder#3D695D
• foreground#30473F
• gitDecoration.addedResourceForeground#526A3E
• gitDecoration.deletedResourceForeground#AB4858
• gitDecoration.modifiedResourceForeground#3E657B
• input.background#CFE3CD
• input.border#B4CDBA
• input.foreground#30473F
• input.placeholderForeground#586F60
• list.activeSelectionBackground#B8D8C5
• list.activeSelectionForeground#30473F
• list.highlightForeground#3D695D
• list.hoverBackground#BDD9C5
• list.inactiveSelectionBackground#B8D8C599
• list.inactiveSelectionForeground#30473F
• notifications.background#CFE3CD
• notifications.border#B4CDBA
• notifications.foreground#30473F
• panel.background#CFE3CD
• panel.border#B4CDBA
• panel.foreground#30473F
• quickInput.background#CFE3CD
• quickInput.foreground#30473F
• scrollbarSlider.background#B4CDBA88
• scrollbarSlider.hoverBackground#B4CDBABB
• selection.background#B8D8C5
• sideBar.background#CFE3CD
• sideBar.border#B4CDBA
• sideBar.foreground#30473F
• statusBar.background#CFE3CD
• statusBar.debuggingBackground#3D695D
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#30473F
• statusBar.noFolderBackground#CFE3CD
• statusBar.noFolderForeground#30473F
• tab.activeBackground#E6F2DD
• tab.activeBorderTop#345F52
• tab.activeForeground#30473F
• tab.border#B4CDBA
• tab.inactiveBackground#B1D3B9
• tab.inactiveForeground#586F60
• terminal.ansiBlack#273046
• terminal.ansiBlue#3E657B
• terminal.ansiBrightBlack#586F60
• terminal.ansiBrightBlue#3E657B
• terminal.ansiBrightCyan#3E657B
• terminal.ansiBrightGreen#3D695D
• terminal.ansiBrightMagenta#75617C
• terminal.ansiBrightRed#AB4858
• terminal.ansiBrightWhite#30473F
• terminal.ansiBrightYellow#806039
• terminal.ansiCyan#3E657B
• terminal.ansiGreen#526A3E
• terminal.ansiMagenta#75617C
• terminal.ansiRed#AB4858
• terminal.ansiWhite#B4CDBA
• terminal.ansiYellow#806039
• terminal.background#E6F2DD
• terminal.foreground#30473F
• textLink.activeForeground#3D695D
• textLink.foreground#3D695D
• titleBar.activeBackground#B1D3B9
• titleBar.activeForeground#30473F
• titleBar.inactiveBackground#E6F2DD
• titleBar.inactiveForeground#586F60

tokenColors

TextMate scopes and font styles (syntax highlighting rules).