Dev Garden Theme for VSCode

Color themes

• 

  Dev Garden Dark

• 

  Dev Garden 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#79F2A6
• activityBar.background#081C14
• activityBar.foreground#9FB3B9
• badge.background#0F3A2B
• badge.foreground#79F2A6
• dropdown.background#07131A
• dropdown.border#0D2A33
• dropdown.foreground#9FB3B9
• editor.background#0A1F18
• editor.foreground#9FB3B9
• editor.lineHighlightBackground#0B1F2A
• editor.selectionBackground#0F3A2B
• editor.selectionHighlightBackground#0F3A2B
• editorCursor.foreground#79F2A6
• editorGroupHeader.tabsBackground#0A1F18
• editorIndentGuide.activeBackground#1A3B46
• editorIndentGuide.background#15313C
• editorLineNumber.activeForeground#7BE7A7
• editorLineNumber.foreground#445B63
• editorWhitespace.foreground#2A3E46
• focusBorder#79F2A6
• list.activeSelectionBackground#0F3A2B
• list.hoverBackground#0B1F2A
• notification.background#071A20
• notification.foreground#CFE7D8
• scrollbarSlider.background#1A3B46
• scrollbarSlider.hoverBackground#24525D
• sideBar.background#081C14
• sideBar.border#0D2A33
• sideBar.foreground#9FB3B9
• sideBarTitle.foreground#79F2A6
• statusBar.background#0A1F18
• statusBar.border#0D2A33
• statusBar.foreground#A9C0C6
• statusBarItem.hoverBackground#0B1F2A
• statusBarItem.remoteBackground#071A20
• tab.activeBackground#0B2219
• tab.activeBorder#0D2A33
• tab.inactiveBackground#0A1F18
• tab.inactiveForeground#7F9AA1
• textLink.foreground#79F2A6
• titleBar.activeBackground#0A1F18
• titleBar.activeForeground#EAF6F2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).