green-theme
Publisher: flyyn2Themes in package: 1
green-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#cce8cf
- activityBar.border#b1d8b6
- activityBar.dropBackground#414339
- activityBar.foreground#519657
- activityBarBadge.background#519657
- activityBarBadge.foreground#FFFFFF
- badge.background#bbddbd
- badge.foreground#333333
- breadcrumb.focusForeground#5d7460
- breadcrumb.foreground#86af8b
- button.background#519657
- button.foreground#FFFFFF
- button.hoverBackground#519657
- button.secondaryForeground#519657
- debugToolBar.background#a5d6a7
- diffEditor.insertedTextBackground#4b661680
- diffEditor.removedTextBackground#90274A70
- disabledForeground#939292
- dropdown.background#cce8cf
- dropdown.border#c5e1a5
- dropdown.listBackground#fffae8
- editor.background#cce8cf
- editor.findMatchBackground#bcd68d
- editor.findMatchHighlightBorder#4c4b46
- editor.foreground#46433c
- editor.lineHighlightBackground#dcedc8
- editor.selectionBackground#CDCDC2
- editor.selectionHighlightBackground#fffae8
- editor.selectionHighlightBorder#4c4b46
- editor.wordHighlightBackground#bcd68d
- editor.wordHighlightStrongBackground#fffae8
- editor.wordHighlightStrongBorder#5b6744
- editorBracketMatch.background#e1ddcd
- editorBracketMatch.border#bbb39e
- editorCursor.foreground#000000
- editorGroup.border#d8ca9e
- editorGroup.dropBackground#bddec0
- editorGroupHeader.tabsBackground#cce8cf
- editorGutter.background#cce8cf
- editorHoverWidget.background#cce8cf
- editorHoverWidget.border#a5d6a7
- editorIndentGuide.activeBackground#a5d6a7
- editorIndentGuide.background#cce8cf
- editorLineNumber.activeForeground#9f9371
- editorLineNumber.foreground#9f9371
- editorSuggestWidget.background#cce8cf
- editorSuggestWidget.border#a5d6a7
- editorSuggestWidget.foreground#338a3e
- editorSuggestWidget.highlightForeground#338a3e
- editorSuggestWidget.selectedBackground#a5d6a7
- editorWhitespace.foreground#a5d6a7
- editorWidget.background#cce8cf
- extensionButton.prominentBackground#3BBA54
- extensionButton.prominentHoverBackground#4CC263
- focusBorder#c5e1a5
- foreground#323131
- gitDecoration.modifiedResourceForeground#00600f
- inlineChat.border#b1d8b6
- input.background#cce8cf
- input.border#c5e1a5
- inputOption.activeBorder#ff0000
- inputValidation.errorBackground#e8dfc4
- inputValidation.errorBorder#ada793
- inputValidation.infoBackground#bcd68d
- inputValidation.infoBorder#879965
- inputValidation.warningBackground#a4d03c
- inputValidation.warningBorder#8b8b1c
- list.activeSelectionBackground#dcedc8
- list.activeSelectionForeground#519657
- list.focusBackground#fffae8
- list.highlightForeground#dcedc8
- list.hoverBackground#dcedc8
- list.inactiveSelectionBackground#dcedc8
- list.inactiveSelectionForeground#519657
- menu.background#fffefa
- menu.foreground#000000
- minimap.selectionHighlight#878b9180
- panel.border#cecdc2
- panelTitle.activeBorder#75715E
- panelTitle.activeForeground#41a863
- panelTitle.inactiveForeground#75715E
- peekView.border#cecdc2
- peekViewEditor.background#f7f2e2
- peekViewEditor.matchHighlightBackground#e0edd3
- peekViewResult.background#f7f2e2
- peekViewResult.matchHighlightBackground#e0edd3
- peekViewResult.selectionBackground#e0edd3
- peekViewTitle.background#d0e1e8
- pickerGroup.foreground#3887c8
- progressBar.background#008f00
- scrollbar.shadow#a5d6a7
- scrollbarSlider.activeBackground#81c784
- scrollbarSlider.background#a5d6a7
- scrollbarSlider.hoverBackground#81c784
- settings.checkboxForeground#5d7460
- settings.numberInputBackground#f7f2e1
- settings.textInputBackground#f7f2e1
- settings.textInputForeground#5d7460
- sideBar.background#cce8cf
- sideBar.border#b1d8b6
- sideBar.foreground#46433c
- sideBarSectionHeader.background#cce8cf
- statusBar.background#cce8cf
- statusBar.border#b1d8b6
- statusBar.debuggingBackground#519657
- statusBar.debuggingForeground#00701a
- statusBar.foreground#519657
- statusBar.noFolderBackground#519657
- statusBarItem.hoverBackground#dcedc8
- statusBarItem.remoteBackground#e8dfc4
- statusBarItem.remoteForeground#47a053
- tab.activeBackground#bbddbd
- tab.activeForeground#519657
- tab.border#cce8cf
- tab.hoverBackground#bbddbd7a
- tab.hoverForeground#61b368
- tab.inactiveBackground#cce8cf
- tab.inactiveForeground#6ac271
- tab.unfocusedActiveBackground#acd0b1
- terminal.ansiBlack#333333
- terminal.ansiBlue#5566a1
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#4b5994
- terminal.ansiBrightCyan#326c76
- terminal.ansiBrightGreen#557417
- terminal.ansiBrightMagenta#5e468b
- terminal.ansiBrightRed#c11d59
- terminal.ansiBrightWhite#878784
- terminal.ansiBrightYellow#93931e
- terminal.ansiCyan#438893
- terminal.ansiGreen#62841f
- terminal.ansiMagenta#644c8f
- terminal.ansiRed#8f1b46
- terminal.ansiWhite#868683
- terminal.ansiYellow#84841f
- titleBar.activeBackground#cce8cf
- titleBar.activeForeground#519657
- titleBar.border#b1d8b6
- titleBar.inactiveBackground#cce8cf
- titleBar.inactiveForeground#519657
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #657B83 | — |
| meta.embedded, source.groovy.embedded | #657B83 | — |
| meta.property-name | #3c7a03 | — |
| meta.image.inline.markdown | #373224 | — |
| markup.underline.link.image.markdown | #1564E6 | — |
| string.other.link.description.image.title.markdown | #EA465C | — |
| text.html.markdown | #373224 | — |
| comment | #93A1A1 | italic |
| punctuation.definition.comment | #93A1A1 | italic |
| comment.conditional.keyword | #859900 | — |
| comment.conditional.define | #268BD2 | bold |
| string | #248C85 | — |
| string.other.link.description.markdown | #EA465C | — |
| string.other.link.title.markdown | #1A9F00 | — |
| string.regexp | #D30102 | — |
| constant.numeric | #D33682 | — |
| variable.language, variable.scss | #268BD2 | — |
| keyword | #859900 | — |
| storage | #073642 | — |
| storage.type | #364BC0 | italic |
| entity.name.class, entity.name.type | #268BD2 | — |
| entity.name.function | #ae7a00 | — |
| punctuation.definition.variable | #859900 | — |
| beginning.punctuation.definition.list.markdown | #4E3B00 | — |
| punctuation.definition.todo.markdown | #E60000 | — |
| beginning.punctuation.definition.numbered.list.markdown | #4E759D | — |
| 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 | #2367C7 | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag | #2367C7 | — |
| entity.other.attribute-name | #cb2d01 | — |
| support.function | #268BD2 | — |
| punctuation.separator.continuation | #D30102 | — |
| support.constant | — | — |
| support.type, support.class | #3C7A03 | — |
| support.type.exception | #CB4B16 | — |
| support.other.variable | — | — |
| invalid | — | — |
| meta.diff, meta.diff.header | #E0EDDD | italic |
| markup.deleted | #dc322f | |
| markup.underline.link.markdown | #1564E6 | — |
| markup.changed | #cb4b16 | |
| markup.inserted | #219186 | — |
| markup.quote.markdown | #C05384 | italic |
| markup.list.numbered.markdown | #35485c | — |
| markup.list.unnumbered.markdown | #8d634a | — |
| markup.fenced_code.block.markdown | #325390 | italic|filled |
| text.html.markdown markup.list.numbered.markdown meta.paragraph.markdown markup.bold.markdown, text.html.markdown markup.list.numbered.markdown meta.paragraph.markdown markup.bold.markdown punctuation.definition.bold.markdown | #35485c | bold |
| text.html.markdown meta.paragraph.markdown markup.bold.markdown, text.html.markdown meta.paragraph.markdown markup.bold.markdown punctuation.definition.bold.markdown | #373224 | bold |
| text.html.markdown markup.heading.h1.markdown entity.name.section.markdown markup.bold.markdown, text.html.markdown markup.heading.h1.markdown entity.name.section.markdown markup.bold.markdown punctuation.definition.bold.markdown | #154431 | bold |
| text.html.markdown markup.heading.h2.markdown entity.name.section.markdown markup.bold.markdown, text.html.markdown markup.heading.h2.markdown entity.name.section.markdown markup.bold.markdown punctuation.definition.bold.markdown | #10642c | bold |
| text.html.markdown markup.heading.h3.markdown entity.name.section.markdown markup.bold.markdown, text.html.markdown markup.heading.h3.markdown entity.name.section.markdown markup.bold.markdown punctuation.definition.bold.markdown | #09734f | bold |
| text.html.markdown markup.heading.h4.markdown entity.name.section.markdown markup.bold.markdown, text.html.markdown markup.heading.h4.markdown entity.name.section.markdown markup.bold.markdown punctuation.definition.bold.markdown | #15936d | bold |
| text.html.markdown markup.quote.markdown meta.paragraph.markdown markup.bold.markdown, text.html.markdown markup.quote.markdown meta.paragraph.markdown markup.bold.markdown punctuation.definition.bold.markdown | #C05384 | bold|italic |
| text.html.markdown markup.list.unnumbered.markdown meta.paragraph.markdown markup.bold.markdown, text.html.markdown markup.list.unnumbered.markdown meta.paragraph.markdown markup.bold.markdown punctuation.definition.bold.markdown | #8d634a | bold |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| markup.dividingline.markdown | #B7AF94 | — |
| markup.commondividingline.markdown | #2B2922 | — |
| markup.inline.raw.string.markdown | #db0eb7 | |
| markup.heading.h1.markdown | #154431 | bold |
| markup.heading.h2.markdown | #10642c | bold |
| markup.heading.h3.markdown | #09734f | bold |
| markup.heading.h4.markdown | #15936d | bold |
| markup.heading.setext | #268BD2 |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...