Sage Professional
Publisher: Bárbaro JavierThemes in package: 1
A Palenight-inspired dark theme with sage green personality. Beautiful syntax highlighting with a distinctive natural aesthetic.
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#182226
- activityBar.foreground#A8D4C0
- activityBar.inactiveForeground#3E4E54
- activityBarBadge.background#5A9A88
- activityBarBadge.foreground#ffffff
- badge.background#5A9A88
- badge.foreground#ffffff
- button.background#5A9A88
- button.foreground#ffffff
- button.hoverBackground#6BAA98
- dropdown.background#232A30
- dropdown.border#2E363C
- dropdown.foreground#d4ddd8
- editor.background#1E2A2E
- editor.findMatchBackground#FFCB6B40
- editor.findMatchHighlightBackground#FFCB6B22
- editor.foreground#d4ddd8
- editor.lineHighlightBackground#243036
- editor.selectionBackground#4A7C6F40
- editor.selectionHighlightBackground#4A7C6F28
- editor.wordHighlightBackground#4A7C6F22
- editorBracketHighlight.foreground1#FFCB6B
- editorBracketHighlight.foreground2#C792EA
- editorBracketHighlight.foreground3#82AAFF
- editorBracketHighlight.foreground4#F07178
- editorBracketHighlight.foreground5#C3E88D
- editorBracketHighlight.foreground6#89DDFF
- editorBracketMatch.background#89DDFF20
- editorBracketMatch.border#89DDFF
- editorCursor.foreground#89DDFF
- editorError.foreground#F07178
- editorGroupHeader.tabsBackground#1A2528
- editorGutter.background#1E2A2E
- editorHint.foreground#A8D4C0
- editorHoverWidget.background#1A2528
- editorHoverWidget.border#2E3A3E
- editorHoverWidget.foreground#d4ddd8
- editorIndentGuide.activeBackground1#4a7c6f55
- editorIndentGuide.background1#2E3A3E
- editorInfo.foreground#82AAFF
- editorLineNumber.activeForeground#A8D4C0
- editorLineNumber.foreground#3E4E54
- editorSuggestWidget.background#1A2528
- editorSuggestWidget.border#2E3A3E
- editorSuggestWidget.foreground#d4ddd8
- editorSuggestWidget.highlightForeground#A8D4C0
- editorSuggestWidget.selectedBackground#4A7C6F35
- editorWarning.foreground#FFCB6B
- editorWhitespace.foreground#2E3A3E55
- editorWidget.background#1A2528
- editorWidget.border#2E3A3E
- editorWidget.foreground#d4ddd8
- focusBorder#4a7c6f77
- foreground#d4ddd8
- gitDecoration.addedResourceForeground#C3E88D
- gitDecoration.conflictingResourceForeground#F78C6C
- gitDecoration.deletedResourceForeground#F07178
- gitDecoration.modifiedResourceForeground#FFCB6B
- gitDecoration.untrackedResourceForeground#A8D4C0
- input.background#232A30
- input.border#2E363C
- input.foreground#d4ddd8
- input.placeholderForeground#5A6B63
- inputOption.activeBorder#5A9A88
- list.activeSelectionBackground#4A7C6F35
- list.activeSelectionForeground#d4ddd8
- list.focusBackground#4A7C6F25
- list.highlightForeground#A8D4C0
- list.hoverBackground#232A30
- minimap.selectionHighlight#4a7c6f55
- notificationCenterHeader.background#182226
- notifications.background#1A2528
- notifications.border#2E3A3E
- notificationsErrorIcon.foreground#F07178
- notificationsInfoIcon.foreground#82AAFF
- notificationsWarningIcon.foreground#FFCB6B
- panel.background#1A2528
- panel.border#2E3A3E
- panelTitle.activeBorder#5A9A88
- panelTitle.activeForeground#d4ddd8
- panelTitle.inactiveForeground#5A6B63
- peekView.border#5A9A88
- peekViewEditor.background#1E2A2E
- peekViewEditor.matchHighlightBackground#FFCB6B40
- peekViewResult.background#1A2528
- peekViewResult.matchHighlightBackground#FFCB6B40
- peekViewTitle.background#182226
- progressBar.background#5A9A88
- quickInput.background#1A2528
- quickInput.foreground#d4ddd8
- quickInputList.focusBackground#4A7C6F30
- quickInputList.focusForeground#d4ddd8
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#4a7c6f77
- scrollbarSlider.background#4a7c6f33
- scrollbarSlider.hoverBackground#4a7c6f55
- selection.background#4a7c6f44
- sideBar.background#1A2528
- sideBar.foreground#a0b5ac
- sideBarSectionHeader.background#22302E
- sideBarSectionHeader.foreground#8FBFB0
- sideBarTitle.foreground#8FBFB0
- statusBar.background#1C2D2A
- statusBar.debuggingBackground#FFCB6B
- statusBar.debuggingForeground#1E2A2E
- statusBar.foreground#6B8C82
- statusBar.noFolderBackground#1E2A2E
- statusBarItem.hoverBackground#2D4040
- statusBarItem.remoteBackground#2D5A4E
- statusBarItem.remoteForeground#A8D4C0
- tab.activeBackground#1E2A2E
- tab.activeBorderTop#5A9A88
- tab.activeForeground#d4ddd8
- tab.border#182226
- tab.inactiveBackground#1A2528
- tab.inactiveForeground#5A6B63
- terminal.ansiBlack#1E2A2E
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#5A6B63
- terminal.ansiBrightBlue#A6C4FF
- terminal.ansiBrightCyan#A8EEFF
- terminal.ansiBrightGreen#D4EEAA
- terminal.ansiBrightMagenta#DDB3F0
- terminal.ansiBrightRed#F78C6C
- terminal.ansiBrightWhite#f0f4f2
- terminal.ansiBrightYellow#FFE0A0
- terminal.ansiCyan#89DDFF
- terminal.ansiGreen#C3E88D
- terminal.ansiMagenta#C792EA
- terminal.ansiRed#F07178
- terminal.ansiWhite#d4ddd8
- terminal.ansiYellow#FFCB6B
- terminal.background#1E2A2E
- terminal.foreground#d4ddd8
- titleBar.activeBackground#172428
- titleBar.activeForeground#8FBFB0
- titleBar.inactiveBackground#141F22
- titleBar.inactiveForeground#2E3C42
- widget.shadow#00000044
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #546E6A | italic |
| string, string.quoted, string.template | #C3E88D | — |
| constant.numeric, constant.language, constant.character | #FFCB6B | — |
| constant.other.color, constant.other.symbol | #FFCB6B | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, storage.type, storage.modifier | #C792EA | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical | #89DDFF | — |
| entity.name.function, support.function, meta.function-call | #82AAFF | — |
| entity.name.type, entity.name.class, support.class, entity.other.inherited-class | #FFCB6B | — |
| variable, variable.other, variable.parameter | #d4ddd8 | — |
| variable.other.constant, variable.other.enummember | #FFCB6B | — |
| entity.name.tag, punctuation.definition.tag | #F07178 | — |
| entity.other.attribute-name | #FFCB6B | italic |
| support.type.property-name, meta.object-literal.key | #A8D4C0 | — |
| punctuation, meta.brace | #8A9BA5 | — |
| markup.heading | #82AAFF | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.inline.raw, markup.fenced_code | #C3E88D | — |
| meta.embedded, source.groovy.embedded | #d4ddd8 | — |
| entity.name.section | #A8D4C0 | — |
| support.type, support.variable | #89DDFF | — |
| meta.decorator, meta.decorator entity.name.function | #C792EA | italic |
| entity.name.module, variable.import, variable.other.readwrite.alias | #F07178 | — |
| string.regexp | #F07178 | — |