EasyJade Theme
Publisher: EasyJadeThemeThemes in package: 3
A beautiful bespoke jade colour theme for VS Code
Color themes
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#001a13
- activityBar.border#ffff00
- activityBar.foreground#ffffff
- activityBarBadge.background#00ff88
- activityBarBadge.foreground#000000
- button.background#00bb88
- button.foreground#000000
- button.hoverBackground#00ff88
- contrastActiveBorder#ffff00
- contrastBorder#ffff00
- descriptionForeground#cccccc
- dropdown.background#001a13
- dropdown.border#ffff00
- dropdown.foreground#ffffff
- editor.background#00150f
- editor.foreground#ffffff
- editor.inactiveSelectionBackground#00c06a55
- editor.lineHighlightBackground#003322
- editor.lineHighlightBorder#00ff88
- editor.selectionBackground#00ff8899
- editor.selectionHighlightBackground#00ff8844
- editor.wordHighlightBackground#ffffff26
- editor.wordHighlightStrongBackground#ffffff26
- editorBracketMatch.background#0d583a
- editorBracketMatch.border#ffff00
- editorCursor.foreground#ffff00
- editorGutter.addedBackground#4c5ab0
- editorGutter.background#00150f
- editorGutter.deletedBackground#b23939
- editorGutter.modifiedBackground#2a7d60
- editorHoverWidget.background#001a13
- editorHoverWidget.border#ffff00
- editorIndentGuide.activeBackground1#1dd19a
- editorIndentGuide.background1#114232
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#aaaaaa
- editorOverviewRuler.border#00ff88
- editorOverviewRuler.commonContentForeground#ffff0055
- editorOverviewRuler.currentContentForeground#ff6d6d55
- editorOverviewRuler.incomingContentForeground#3a00d955
- editorWhitespace.foreground#ffffff26
- editorWidget.background#001a13
- editorWidget.border#ffff00
- errorForeground#ff6d6d
- focusBorder#ffff00
- foreground#ffffff
- gitDecoration.conflictingResourceForeground#ff7200
- gitDecoration.deletedResourceForeground#ff6dbb
- gitDecoration.ignoredResourceForeground#808080
- gitDecoration.modifiedResourceForeground#ffff00
- gitDecoration.untrackedResourceForeground#00ff88
- input.background#001a13
- input.border#ffff00
- input.foreground#ffffff
- input.placeholderForeground#cccccc
- inputOption.activeBorder#ffff00
- list.activeSelectionBackground#003d2d
- list.activeSelectionForeground#ffffff
- list.dropBackground#003d2d
- list.focusBackground#003d2d
- list.focusForeground#ffffff
- list.highlightForeground#00ff88
- list.hoverBackground#002a20
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#002a20
- list.inactiveSelectionForeground#ffffff
- menu.background#001a13
- menu.border#ffff00
- menu.foreground#ffffff
- menu.selectionForeground#ffffff
- menubar.selectionBackground#003d2d
- notificationCenterHeader.background#001a13
- notificationLink.foreground#00ff88
- notifications.background#001a13
- notifications.border#ffff00
- panel.background#001a13
- panel.border#ffff00
- panelTitle.activeBorder#ffff00
- panelTitle.activeForeground#00ff88
- panelTitle.inactiveForeground#e6e6e6
- peekView.border#ffff00
- peekViewEditor.background#001a13
- peekViewResult.background#001a13
- peekViewTitle.background#001a13
- pickerGroup.border#ffff00
- pickerGroup.foreground#ffffff
- scrollbarSlider.activeBackground#00ff8888
- scrollbarSlider.background#00ff8833
- scrollbarSlider.hoverBackground#00ff8866
- selection.background#00ff88
- sideBar.background#001a13
- sideBar.border#ffff00
- sideBar.foreground#e6e6e6
- sideBarSectionHeader.background#002017
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ffffff
- statusBar.background#001a13
- statusBar.border#ffff00
- statusBar.foreground#ffffff
- statusBarItem.activeBackground#00bb88
- statusBarItem.hoverBackground#003d2d
- tab.activeBackground#00150f
- tab.activeBorder#ffff00
- tab.activeForeground#ffffff
- tab.border#003d2d
- tab.inactiveBackground#001a13
- tab.inactiveForeground#bbbbbb
- terminal.ansiBlack#000000
- terminal.ansiBlue#4da6ff
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#4da6ff
- terminal.ansiBrightCyan#80fcff
- terminal.ansiBrightGreen#00ff88
- terminal.ansiBrightMagenta#fb94ff
- terminal.ansiBrightRed#ff6d6d
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffff00
- terminal.ansiCyan#80fcff
- terminal.ansiGreen#00ff88
- terminal.ansiMagenta#fb94ff
- terminal.ansiRed#ff6d6d
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffff00
- terminal.background#00150f
- terminal.foreground#ffffff
- terminalCursor.background#ffff00
- terminalCursor.foreground#ffff00
- titleBar.activeBackground#001a13
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#00150f
- titleBar.inactiveForeground#cccccc
- widget.border#ffff00
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9aa8a0 | italic |
| keyword, storage, keyword.control, keyword.operator | #4da6ff | — |
| string, constant.character.escape | #00ff88 | — |
| constant.numeric, constant.language, constant.other | #ffb86c | — |
| entity.name.function, meta.function-call, support.function | #7dffb3 | — |
| entity.name.class, support.class, entity.name.type | #80d1ff | — |
| variable, variable.other.readwrite, variable.other.property | #d0ffd0 | — |
| entity.name.tag, meta.tag, punctuation.definition.tag | #ffdb80 | — |
| support.type.property-name, meta.property-name | #7dffb3 | — |
| string.regexp | #ff79c6 | — |