Skip to main content
Coding Theme

Green Pro

Publisher: chaoxThemes in package: 2

浅色护眼绿主题。低亮度纸绿底 + 等明度六色相语法分色，为长时间编码设计。A low-glare paper-green light theme for long coding sessions.

Open in VS Code (opens extension in 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#BCCFB0
  • activityBar.border#B4C7A8
  • activityBar.foreground#2A3428
  • activityBar.inactiveForeground#4A5A58
  • activityBarBadge.background#0E6B45
  • activityBarBadge.foreground#F4F7F0
  • badge.background#0E6B45
  • badge.foreground#F4F7F0
  • breadcrumb.activeSelectionForeground#2A3428
  • breadcrumb.background#BCCFB0
  • breadcrumb.focusForeground#2A3428
  • breadcrumb.foreground#4A5A58
  • breadcrumbPicker.background#C8D8BC
  • button.background#0E6B45
  • button.foreground#F4F7F0
  • button.hoverBackground#0A5538
  • descriptionForeground#4A5A58
  • dropdown.background#DEEAD4
  • dropdown.border#B4C7A8
  • dropdown.foreground#2A3428
  • editor.background#D5E6C8
  • editor.foreground#2A3428
  • editor.inactiveSelectionBackground#CDDABA
  • editor.lineHighlightBackground#C8DCC0
  • editor.selectionBackground#C2D4B0
  • editorCursor.foreground#0E6B45
  • editorGroup.border#B4C7A8
  • editorGroupHeader.border#B4C7A8
  • editorGroupHeader.tabsBackground#C8D8BC
  • editorGutter.background#D5E6C8
  • editorHoverWidget.background#C8D8BC
  • editorHoverWidget.border#B4C7A8
  • editorHoverWidget.foreground#2A3428
  • editorLineNumber.activeForeground#2A3428
  • editorLineNumber.foreground#4A5A58
  • editorSuggestWidget.background#C8D8BC
  • editorSuggestWidget.foreground#2A3428
  • editorSuggestWidget.selectedBackground#C2D4B0
  • editorWidget.background#C8D8BC
  • editorWidget.border#B4C7A8
  • editorWidget.foreground#2A3428
  • errorForeground#C02040
  • focusBorder#0E6B45
  • foreground#2A3428
  • gitDecoration.addedResourceForeground#0E6B45
  • gitDecoration.deletedResourceForeground#C02040
  • gitDecoration.ignoredResourceForeground#4A5A58
  • gitDecoration.modifiedResourceForeground#1565A0
  • gitDecoration.untrackedResourceForeground#0A6A7A
  • input.background#DEEAD4
  • input.border#B4C7A8
  • input.foreground#2A3428
  • input.placeholderForeground#4A5A58
  • list.activeSelectionBackground#C2D4B0
  • list.activeSelectionForeground#2A3428
  • list.focusBackground#C2D4B0
  • list.highlightForeground#0E6B45
  • list.hoverBackground#C8DCC0
  • list.inactiveSelectionBackground#CDDABA
  • minimap.background#D5E6C8
  • minimapGutter.addedBackground#0E6B45
  • minimapGutter.deletedBackground#C02040
  • minimapGutter.modifiedBackground#1565A0
  • minimapSlider.background#A8B99C55
  • minimapSlider.hoverBackground#A8B99C88
  • notifications.background#C8D8BC
  • notifications.border#B4C7A8
  • notifications.foreground#2A3428
  • panel.background#C8D8BC
  • panel.border#B4C7A8
  • panelTitle.activeBorder#0E6B45
  • panelTitle.activeForeground#2A3428
  • panelTitle.inactiveForeground#4A5A58
  • peekView.border#B4C7A8
  • peekViewEditor.background#D5E6C8
  • peekViewResult.background#C8D8BC
  • peekViewTitle.background#BCCFB0
  • progressBar.background#0E6B45
  • scrollbarSlider.activeBackground#9AAB90
  • scrollbarSlider.background#A8B99C88
  • scrollbarSlider.hoverBackground#A8B99Ccc
  • selection.background#C2D4B0
  • sideBar.background#C8D8BC
  • sideBar.border#B4C7A8
  • sideBar.foreground#2A3428
  • sideBarSectionHeader.background#BCCFB0
  • sideBarSectionHeader.foreground#2A3428
  • sideBarTitle.foreground#2A3428
  • statusBar.background#B4C7A8
  • statusBar.border#A8B99C
  • statusBar.debuggingBackground#C4B48A
  • statusBar.debuggingForeground#2A3428
  • statusBar.foreground#2A3428
  • statusBar.noFolderBackground#B4C7A8
  • statusBarItem.hoverBackground#A8B99C
  • tab.activeBackground#D5E6C8
  • tab.activeForeground#2A3428
  • tab.border#B4C7A8
  • tab.hoverBackground#C8DCC0
  • tab.inactiveBackground#C8D8BC
  • tab.inactiveForeground#4A5A58
  • terminal.ansiBlack#2A3428
  • terminal.ansiBlue#1565A0
  • terminal.ansiBrightBlack#4A5A58
  • terminal.ansiBrightBlue#1A75B0
  • terminal.ansiBrightCyan#1A7A8A
  • terminal.ansiBrightGreen#1A8A55
  • terminal.ansiBrightMagenta#B02880
  • terminal.ansiBrightRed#D03050
  • terminal.ansiBrightWhite#F4F7F0
  • terminal.ansiBrightYellow#A06A18
  • terminal.ansiCyan#0A6A7A
  • terminal.ansiGreen#0E6B45
  • terminal.ansiMagenta#A01870
  • terminal.ansiRed#C02040
  • terminal.ansiWhite#D5E6C8
  • terminal.ansiYellow#8A5A10
  • terminal.background#D5E6C8
  • terminal.foreground#2A3428
  • terminal.selectionBackground#C2D4B0
  • textLink.activeForeground#0A5538
  • textLink.foreground#0E6B45
  • titleBar.activeBackground#BCCFB0
  • titleBar.activeForeground#2A3428
  • titleBar.border#B4C7A8
  • titleBar.inactiveBackground#C8D8BC
  • titleBar.inactiveForeground#4A5A58
  • widget.shadow#B4C7A866

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, keyword.control, storage, storage.type, storage.modifier#0E6B45bold
variable, variable.other, variable.parameter, meta.definition.variable#1565A0—
entity.name.function, meta.function-call, support.function#1565A0bold
string, string.quoted, string.template#8A5A10—
constant.numeric, constant.language, constant.character#A01870—
entity.name.type, entity.name.class, support.type, support.class, entity.name.type.interface#0A6A7Abold
entity.name.tag#A01870bold
entity.other.attribute-name#1565A0—
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.block, meta.brace#3A4638—
invalid, invalid.illegal#C02040—
comment, comment.line, comment.line.double-slash, comment.line.double-dash, comment.line.number-sign, comment.block, comment.block.documentation, punctuation.definition.comment, punctuation.definition.comment.begin, punctuation.definition.comment.end#4A5A58italic