Gratia — Garden Core (Dark)

Color themes

• 

  Gratia — Garden Dark (Celebratory)

• 

  Gratia — Garden Dark (Focused)

• 

  Gratia — Garden Dark (Soft)

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#080F0A
• activityBar.foreground#F2EEE3
• activityBarBadge.background#D5C9B1
• activityBarBadge.foreground#0B140D
• badge.background#09100B
• badge.foreground#F2EEE3
• button.background#09100B
• button.foreground#F2EEE3
• button.hoverBackground#09110B
• dropdown.background#161E17
• editor.background#0B140D
• editor.foreground#F2EEE3
• editor.inactiveSelectionBackground#D5C9B14D
• editor.lineHighlightBackground#0A120C
• editor.lineHighlightBorder#09110B
• editor.selectionBackground#2B3428
• editor.selectionForeground#F2EEE3
• editor.selectionHighlightBackground#D5C9B14D
• editor.wordHighlightBackground#D5C9B14D
• editor.wordHighlightStrongBackground#D5C9B18C
• editorBracketMatch.border#D5C9B166
• editorCursor.foreground#D5C9B1
• editorGroupHeader.tabsBackground#0B140D
• editorGroupHeader.tabsBorder#0B140D
• editorGutter.addedBackground#D5C9B166
• editorGutter.deletedBackground#D5C9B166
• editorGutter.modifiedBackground#D5C9B166
• editorLineNumber.foreground#454B43
• editorWidget.background#161E17
• editorWidget.border#F2EEE30F
• focusBorder#A6A18B
• input.background#161E17
• input.border#A6A18B
• input.foreground#F2EEE3
• input.placeholderForeground#8A8C83
• inputOption.activeBackground#1A221A
• inputOption.activeBorder#A6A18B99
• list.activeSelectionBackground#2B3428
• list.activeSelectionForeground#F2EEE3
• list.dropBackground#D5C9B14D
• list.focusBackground#2B3428
• list.focusForeground#F2EEE3
• list.hoverBackground#1A221A
• list.inactiveSelectionBackground#161E17
• list.inactiveSelectionForeground#A1A298
• panel.background#0B140D
• panel.border#09110B
• peekView.border#F2EEE30F
• peekViewEditor.background#212A20
• peekViewResult.background#0B140D
• peekViewTitle.background#212A20
• quickInput.background#212A20
• quickInputList.focusBackground#2B3428
• quickInputList.focusForeground#F2EEE3
• quickInputTitle.background#212A20
• selection.background#D5C9B18C
• sideBar.background#080F0A
• sideBar.foreground#F2EEE3
• sideBarSectionHeader.background#09100B
• sideBarSectionHeader.foreground#F2EEE3
• statusBar.background#080F0A
• statusBar.foreground#F2EEE3
• tab.activeBackground#212A20
• tab.activeBorder#A6A18B
• tab.activeForeground#F2EEE3
• tab.border#00000000
• tab.inactiveBackground#0B140D
• tab.inactiveForeground#A1A298
• tab.unfocusedActiveBorder#A6A18B73
• terminal.ansiBlack#A9A99F
• terminal.ansiBlue#809BBD
• terminal.ansiBrightBlack#7F8278
• terminal.ansiBrightBlue#97C1F7
• terminal.ansiBrightCyan#71D0D5
• terminal.ansiBrightGreen#99CE9A
• terminal.ansiBrightMagenta#D8ABE2
• terminal.ansiBrightRed#F2A7A1
• terminal.ansiBrightWhite#2B342A
• terminal.ansiBrightYellow#CBC07B
• terminal.ansiCyan#6BA4A7
• terminal.ansiGreen#82A382
• terminal.ansiMagenta#A98DB0
• terminal.ansiRed#BB8A86
• terminal.ansiWhite#40473D
• terminal.ansiYellow#A19A6F
• terminal.background#212A20
• terminal.foreground#F2EEE3
• terminalCursor.background#212A20
• terminalCursor.foreground#D5C9B1
• titleBar.activeBackground#080F0A
• titleBar.activeForeground#F2EEE3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).