EasyJade Theme

Color themes

• 

  EasyJade Dark

• 

  EasyJade High Contrast

• 

  EasyJade 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#183c2c
• activityBar.border#ffff00
• activityBar.dropBackground#0d3a58
• activityBar.foreground#f8f8f2
• activityBarBadge.background#ffff00
• activityBarBadge.foreground#000
• badge.background#ffff00
• badge.foreground#000
• button.background#00bb88
• button.foreground#f8f8f2
• button.hoverBackground#ffff00
• contrastBorder#ffff00
• debugExceptionWidget.background#1a4a36
• debugExceptionWidget.border#bbb
• debugToolBar.background#1a4a36
• descriptionForeground#bbb
• diffEditor.insertedTextBackground#3a00d933
• diffEditor.insertedTextBorder#3a00d955
• diffEditor.removedTextBackground#ee3a4333
• diffEditor.removedTextBorder#ee3a4355
• dropdown.background#1a4a36
• dropdown.border#183c2c
• dropdown.foreground#f8f8f2
• editor.background#1a4a36
• editor.findMatchBackground#ff720066
• editor.findMatchHighlightBackground#cad40f66
• editor.findRangeHighlightBackground#24513e
• editor.foreground#f8f8f2
• editor.hoverHighlightBackground#ffd70033
• editor.inactiveSelectionBackground#009b4b
• editor.lineHighlightBackground#206a4e
• editor.lineHighlightBorder#267d5e
• editor.rangeHighlightBackground#206a4e
• editor.selectionBackground#00b460
• editor.selectionHighlightBackground#00b46080
• editor.wordHighlightBackground#ffffff21
• editor.wordHighlightStrongBackground#ffffff21
• editorBracketMatch.background#0d583a
• editorBracketMatch.border#ffff00
• editorCodeLens.foreground#bbb
• editorCursor.foreground#ffff00
• editorError.border#0d583a
• editorError.foreground#b23939
• editorGroup.background#b23939
• editorGroup.border#183c2c
• editorGroup.dropBackground#183c2c99
• editorGroupHeader.noTabsBackground#1a4a36
• editorGroupHeader.tabsBackground#183c2c
• editorGroupHeader.tabsBorder#183c2c
• editorGutter.addedBackground#4c5ab0
• editorGutter.background#183c2c66
• editorGutter.deletedBackground#b23939
• editorGutter.modifiedBackground#2a7d60
• editorHoverWidget.background#183c2c
• editorHoverWidget.border#ffff00
• editorIndentGuide.background1#3b6453
• editorLineNumber.foreground#bbb
• editorLink.activeForeground#bbb
• editorMarkerNavigation.background#3b645333
• editorMarkerNavigationError.background#b23939
• editorMarkerNavigationWarning.background#ffff00
• editorOverviewRuler.border#0d583a
• editorOverviewRuler.commonContentForeground#ffd70055
• editorOverviewRuler.currentContentForeground#ee3a4355
• editorOverviewRuler.incomingContentForeground#3a00d955
• editorRuler.foreground#206a4e
• editorSuggestWidget.background#183c2c
• editorSuggestWidget.border#183c2c
• editorSuggestWidget.foreground#bbb
• editorSuggestWidget.highlightForeground#ffff00
• editorSuggestWidget.selectedBackground#1a4a36
• editorWarning.border#ffffff00
• editorWarning.foreground#ffff00
• editorWhitespace.foreground#ffffff1a
• editorWidget.background#183c2c
• editorWidget.border#ffff00
• errorForeground#b23939
• extensionButton.prominentBackground#00bb88
• extensionButton.prominentForeground#f8f8f2
• extensionButton.prominentHoverBackground#ffff00
• focusBorder#0d583a
• foreground#bbb
• gitDecoration.conflictingResourceForeground#ff7200
• gitDecoration.deletedResourceForeground#ff6dbb
• gitDecoration.ignoredResourceForeground#808080
• gitDecoration.modifiedResourceForeground#ffff00
• gitDecoration.untrackedResourceForeground#3ad900
• input.background#1a4a36
• input.border#ffff00
• input.foreground#ffff00
• input.placeholderForeground#bbb
• inputOption.activeBorder#ffff00
• inputValidation.errorBackground#1a4a36
• inputValidation.errorBorder#ffff00
• inputValidation.infoBackground#1a4a36
• inputValidation.infoBorder#0d583a
• inputValidation.warningBackground#1a4a36
• inputValidation.warningBorder#ffff00
• list.activeSelectionBackground#1a4a36
• list.activeSelectionForeground#bbb
• list.dropBackground#0d583a
• list.focusBackground#0d583a
• list.focusForeground#bbb
• list.highlightForeground#ffff00
• list.hoverBackground#1a4a36
• list.hoverForeground#bbb
• list.inactiveSelectionBackground#0d583a
• list.inactiveSelectionForeground#bbb
• menu.background#183c2c
• menu.selectionForeground#f8f8f2
• menubar.selectionBackground#0d3a58
• merge.border#ffffff00
• merge.commonContentBackground#d98d1c
• merge.commonHeaderBackground#d98d1c
• merge.currentContentBackground#3f7783
• merge.currentHeaderBackground#3f7783
• merge.incomingContentBackground#199462
• merge.incomingHeaderBackground#199462
• notificationCenter.border#ffff00
• notificationCenterHeader.background#183c2c
• notificationCenterHeader.foreground#bbb
• notificationLink.foreground#ffff00
• notifications.background#183c2c
• notifications.border#ffff00
• notifications.foreground#bbb
• notificationToast.border#ffff00
• panel.background#183c2c
• panel.border#ffff00
• panelTitle.activeBorder#ffff00
• panelTitle.activeForeground#ffff00
• panelTitle.inactiveForeground#bbb
• peekView.border#ffff00
• peekViewEditor.background#1a4a36
• peekViewEditor.matchHighlightBackground#1a4a3600
• peekViewEditorGutter.background#183c2c
• peekViewResult.background#183c2c
• peekViewResult.fileForeground#bbb
• peekViewResult.lineForeground#f8f8f2
• peekViewResult.matchHighlightBackground#0d583a
• peekViewResult.selectionBackground#0d583a
• peekViewResult.selectionForeground#f8f8f2
• peekViewTitle.background#183c2c
• peekViewTitleDescription.foreground#bbb
• peekViewTitleLabel.foreground#ffff00
• pickerGroup.border#ffff00
• pickerGroup.foreground#bbb
• progressBar.background#ffff00
• scrollbar.shadow#00000000
• scrollbarSlider.activeBackground#356651cc
• scrollbarSlider.background#206a4e80
• scrollbarSlider.hoverBackground#408971cc
• selection.background#02ff7d
• sideBar.background#183c2c
• sideBar.border#ffff00
• sideBar.foreground#bbb
• sideBarSectionHeader.background#1a4a36
• sideBarSectionHeader.foreground#bbbbbb
• sideBarTitle.foreground#bbbbbb
• statusBar.background#1a4a36
• statusBar.border#ffff00
• statusBar.debuggingBackground#1a4a36
• statusBar.debuggingBorder#ffff00
• statusBar.debuggingForeground#ffff00
• statusBar.foreground#bbb
• statusBar.noFolderBackground#1a4a36
• statusBar.noFolderBorder#0d583a
• statusBar.noFolderForeground#bbb
• statusBarItem.activeBackground#00bb88
• statusBarItem.hoverBackground#0d583a
• statusBarItem.prominentBackground#1a4a36
• statusBarItem.prominentHoverBackground#0d583a
• tab.activeBackground#1a4a36
• tab.activeBorder#ffff00
• tab.activeForeground#f8f8f2
• tab.border#183c2c
• tab.inactiveBackground#183c2c
• tab.inactiveForeground#bbb
• tab.unfocusedActiveForeground#bbb
• tab.unfocusedInactiveForeground#bbb
• terminal.ansiBlack#000000
• terminal.ansiBlue#0088ff
• terminal.ansiBrightBlack#0050a4
• terminal.ansiBrightBlue#0088ff
• terminal.ansiBrightCyan#80fcff
• terminal.ansiBrightGreen#3ad900
• terminal.ansiBrightMagenta#fb94ff
• terminal.ansiBrightRed#ff6dbb
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffff00
• terminal.ansiCyan#80fcff
• terminal.ansiGreen#3ad900
• terminal.ansiMagenta#fb94ff
• terminal.ansiRed#ff6dbb
• terminal.ansiWhite#ffffff
• terminal.ansiYellow#ffff00
• terminal.background#183c2c
• terminal.foreground#f8f8f2
• terminalCursor.background#ffff00
• terminalCursor.foreground#ffff00
• textBlockQuote.background#1a4a36
• textBlockQuote.border#00bb88
• textCodeBlock.background#1a4a36
• textLink.activeForeground#00bb88
• textLink.foreground#00bb88
• textPreformat.foreground#ffff00
• textSeparator.foreground#0d583a
• titleBar.activeBackground#183c2c
• titleBar.activeForeground#f8f8f2
• titleBar.inactiveBackground#1a4a36
• titleBar.inactiveForeground#f8f8f233
• walkThrough.embeddedEditorBackground#0d583a
• welcomePage.buttonBackground#1a4a36
• welcomePage.buttonHoverBackground#0d583a
• widget.shadow#00000026

tokenColors

TextMate scopes and font styles (syntax highlighting rules).