green-soft theme
Publisher: hhp1614Themes in package: 1
green-soft theme
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#DDD6C1
- activityBar.dropBorder#EEE8D5
- activityBar.foreground#584c27
- activityBarBadge.background#B58900
- badge.background#B58900AA
- button.background#AC9D57
- debugExceptionWidget.background#DDD6C1
- debugExceptionWidget.border#AB395B
- debugToolBar.background#DDD6C1
- dropdown.background#EEE8D5
- dropdown.border#D3AF86
- editor.background#FDF6E3
- editor.lineHighlightBackground#EEE8D5
- editor.selectionBackground#bcd68d
- editorCursor.foreground#657B83
- editorGroup.border#DDD6C1
- editorGroup.dropBackground#DDD6C1AA
- editorGroup.emptyBackground#fdf6e3
- editorGroupHeader.tabsBackground#D9D2C2
- editorHoverWidget.background#CCC4B0
- editorWhitespace.foreground#586E7580
- editorWidget.background#EEE8D5
- extensionButton.prominentBackground#b58900
- extensionButton.prominentHoverBackground#584c27aa
- focusBorder#D3AF86
- input.background#DDD6C1
- input.foreground#586E75
- input.placeholderForeground#586E75AA
- inputOption.activeBorder#D3AF86
- list.activeSelectionBackground#DFCA88
- list.activeSelectionForeground#6C6C6C
- list.focusBackground#DFCA8866
- list.highlightForeground#B58900
- list.hoverBackground#DFCA8844
- list.inactiveSelectionBackground#D1CBB8
- notifications.background#999178
- panel.border#DDD6C1
- peekView.border#B58900
- peekViewEditor.background#FFFBF2
- peekViewEditor.matchHighlightBackground#7744AA40
- peekViewResult.background#EEE8D5
- peekViewTitle.background#EEE8D5
- pickerGroup.border#2AA19899
- pickerGroup.foreground#2AA19899
- progressBar.background#B58900
- selection.background#CCC4B0
- sideBar.background#EEE8D5
- sideBarTitle.foreground#586E75
- statusBar.background#EEE8D5
- statusBar.debuggingBackground#EEE8D5
- statusBar.foreground#586E75
- statusBar.noFolderBackground#EEE8D5
- statusBarItem.prominentBackground#DDD6C1
- statusBarItem.prominentHoverBackground#DDD6C199
- tab.activeBackground#FDF6E3
- tab.border#DDD6C1
- tab.inactiveBackground#D3CBB7
- tab.inactiveForeground#586E75
- terminal.ansiBlack#FDF6E3
- terminal.ansiBlue#268BD2
- terminal.ansiBrightBlack#839496
- terminal.ansiBrightBlue#268BD2
- terminal.ansiBrightCyan#2AA198
- terminal.ansiBrightGreen#859900
- terminal.ansiBrightMagenta#6C71C4
- terminal.ansiBrightRed#DC322F
- terminal.ansiBrightWhite#002B36
- terminal.ansiBrightYellow#B58900
- terminal.ansiCyan#2AA198
- terminal.ansiGreen#859900
- terminal.ansiMagenta#6C71C4
- terminal.ansiRed#DC322F
- terminal.ansiWhite#586E75
- terminal.ansiYellow#B58900
- terminal.background#FDF6E3
- terminal.foreground#586E75
- terminalCursor.background#586E75
- terminalCursor.foreground#586E75
- titleBar.activeBackground#EEE8D5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #93A1A1 | — |
| string | #2AA198 | — |
| string.regexp | #D30102 | — |
| constant.numeric | #D33682 | — |
| variable.language, variable.other | #268BD2 | — |
| keyword | #859900 | — |
| storage | #6c71c4 | — |
| entity.name.class, entity.name.type | #268BD2 | — |
| entity.name.function | #268BD2 | — |
| punctuation.definition.variable | #859900 | — |
| punctuation.section.embedded.begin, punctuation.section.embedded.end | #D30102 | — |
| constant.language, meta.preprocessor | #B58900 | — |
| support.function.construct, keyword.other.new | #D30102 | — |
| constant.character, constant.other | #CB4B16 | — |
| entity.other.inherited-class | — | — |
| variable.parameter | — | — |
| entity.name.tag | #268BD2 | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end | #93A1A1 | — |
| entity.other.attribute-name | #dc322f | — |
| support.function | #268BD2 | — |
| punctuation.separator.continuation | #D30102 | — |
| support.constant | — | — |
| support.type, support.class | #859900 | — |
| support.type.exception | #CB4B16 | — |
| support.other.variable | — | — |
| invalid | — | — |
| meta.diff, meta.diff.header | #E0EDDD | italic |
| markup.deleted | #dc322f | |
| markup.changed | #cb4b16 | |
| markup.inserted | #219186 | — |
| markup.quote | #859900 | — |
| markup.list | #B58900 | — |
| markup.bold, markup.italic | #D33682 | — |
| markup.inline.raw | #2AA198 | |
| markup.heading | #268BD2 | — |
| markup.heading.setext | #268BD2 | |
| var.this.js,var.this.ts,variable.language.this.js,variable.language.this.ts | #dc322f | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...