HBuilderX Soft Green Light Theme
Publisher: qinainsThemes in package: 2
HBuilderX soft green light theme for Visual Studio 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.activeBorder#41a863
- activityBar.background#fffae8
- activityBar.border#e8e3d0
- activityBar.foreground#584c27
- activityBarBadge.background#b58900
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.background#fffae8
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#616161cc
- breadcrumbPicker.background#fffae8
- button.background#1ca035
- button.foreground#ffffff
- button.hoverBackground#17852c
- checkbox.background#ffffff
- checkbox.border#43a761
- checkbox.foreground#43a761
- checkbox.selectBackground#43a761
- checkbox.selectBorder#43a761
- commandCenter.activeBackground#fffae8
- commandCenter.background#fffefa
- commandCenter.border#33333333
- commandCenter.foreground#333333
- debugConsole.errorForeground#D73A49
- debugConsole.infoForeground#28A745
- debugConsole.sourceForeground#616161
- debugConsole.warningForeground#E6A700
- dropdown.background#fffae8
- dropdown.border#d8ca9e
- editor.background#fffae8
- editor.findMatchBackground#ffeb3b80
- editor.findMatchHighlightBackground#ffeb3b40
- editor.findRangeHighlightBackground#b4b4b44d
- editor.foreground#3e4b53
- editor.inactiveSelectionBackground#bcd68d80
- editor.lineHighlightBackground#f0f0d8
- editor.selectionBackground#bcd68d
- editor.selectionHighlightBackground#ffcc8060
- editor.wordHighlightBackground#fff9c440
- editor.wordHighlightStrongBackground#fff59d80
- editor.wordHighlightTextBackground#fff9c430
- editorGroup.border#d8ca9e
- editorGroupHeader.tabsBackground#fffae8
- editorGroupHeader.tabsBorder#ded0a0
- editorHoverWidget.background#f8f4e5
- editorHoverWidget.border#e8e3d0
- editorHoverWidget.foreground#586e75
- editorIndentGuide.activeBackground1#d8ca9e
- editorIndentGuide.background1#f7f2e4
- editorLineNumber.foreground#9f9371
- editorWhitespace.foreground#404040
- editorWidget.background#eee8d5
- focusBorder#41a863
- input.background#fffdf5
- input.border#d8ca9e
- input.foreground#586e75
- input.placeholderForeground#586e75aa
- inputOption.activeBorder#41a863
- list.activeSelectionBackground#e0edd3
- list.activeSelectionForeground#41a863
- list.focusBackground#dfca8866
- list.highlightForeground#b58900
- list.hoverBackground#f7f2e4
- list.inactiveSelectionBackground#e0edd3
- list.inactiveSelectionForeground#41a863
- notifications.background#fffae8
- panel.border#d8ca9e
- panelTitle.activeBorder#41a863
- progressBar.background#0e70c0
- quickInput.background#fffae8
- quickInput.foreground#616161
- quickInputList.focusBackground#e0edd3
- quickInputList.focusForeground#41a863
- quickInputTitle.background#fffae8
- scrollbarSlider.activeBackground#cfb56a
- scrollbarSlider.background#cfb56a99
- scrollbarSlider.hoverBackground#cfb56a
- searchEditor.findMatchBackground#fffefa
- searchEditor.textInputBorder#e8e3d0
- settings.dropdownBackground#fffdf5
- sideBar.background#fffae8
- sideBar.border#d8ca9e
- sideBarSectionHeader.background#fffae8
- sideBarTitle.foreground#586e75
- statusBar.background#fffae8
- statusBar.debuggingBackground#41a863
- statusBar.debuggingForeground#fffae8
- statusBar.foreground#586e75
- statusBar.noFolderBackground#eee8d5
- statusBarItem.activeBackground#ded0a0
- statusBarItem.hoverBackground#eae0c0
- statusBarItem.prominentBackground#ddd6c1
- tab.activeBackground#41a863
- tab.activeForeground#404040
- tab.border#ded0a0
- tab.hoverBackground#41a863
- tab.hoverForeground#ffffff
- tab.inactiveBackground#fffae8
- tab.inactiveForeground#41a863
- tab.unfocusedActiveBackground#41a863
- tab.unfocusedActiveForeground#ffffff
- terminal.ansiBlack#000000
- terminal.ansiBlue#5597ef
- terminal.ansiBrightBlack#686868
- terminal.ansiBrightBlue#7faff4
- terminal.ansiBrightCyan#6fdada
- terminal.ansiBrightGreen#74fa61
- terminal.ansiBrightMagenta#fe9cff
- terminal.ansiBrightRed#fe8885
- terminal.ansiBrightWhite#f1f1f1
- terminal.ansiBrightYellow#e2d301
- terminal.ansiCyan#39cbcc
- terminal.ansiGreen#097e00
- terminal.ansiMagenta#fe76ff
- terminal.ansiRed#fd6c67
- terminal.ansiWhite#bbbbbb
- terminal.ansiYellow#cdcb00
- terminal.background#fffae8
- terminal.foreground#616161
- titleBar.activeBackground#fffefa
- titleBar.border#e8e3d0
- tree.indentGuidesStroke#d8ca9e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| console.error | #D73A49 | — |
| console.input | #00AE50 | — |
| console.prompt | #B651BC | bold |
| console.warning | #E6A700 | — |
| console.debug | #0366D6 | — |
| hyperlink | #0D1171 | — |
| markup.deleted | #FFFFFF | — |
| markup.inserted | #000000 | — |
| markup.changed | #F8F8F8 | — |
| markup.underline | — | underline |
| markup.bold | — | bold |
| markup.italic | — | italic |
| property | #934B3C | — |
| comment | #95A3AB | — |
| constant | #9B1CEB | — |
| constant.other.placeholder.py | #7B0000 | — |
| entity | #CC3611 | — |
| entity.name.type | #6C65B0 | — |
| entity.other.inherited-class | #000000 | — |
| entity.name.function | #DB7800 | — |
| entity.name.function.argument | #A28D00 | — |
| entity.name.tag | #2369B6 | — |
| entity.other.attribute-name | #CB2D01 | — |
| keyword | #577909 | bold |
| keyword.control | #577909 | — |
| storage | #577909 | bold |
| token.storage.js,token.storage.ts | #577909 | bold |
| keyword.operator.expression.delete.js,keyword.operator.expression.in.js,keyword.operator.expression.of.js,keyword.operator.expression.instanceof.js,keyword.operator.new.js,keyword.operator.expression.typeof.js,keyword.operator.expression.void.js | #577909 | bold |
| meta.selector | #577909 | bold |
| string | punctuation.definition.string | #2AA198 | — |
| string, entity.other.inherited-class | #2AA198 | — |
| Number | #9B3AFF | — |
| support | #3C7A03 | — |
| variable | #499504 | — |
| variable.parameter | #A57800 | — |
| keyword.operator | #577909 | — |
| keyword.operator.logical.js,keyword.operator.logical.ts | #CA004B | — |
| keyword.operator.arithmetic.js,keyword.operator.comparison.js,keyword.operator.arithmetic.ts,keyword.operator.comparison.ts | #56B6C2 | — |
| invalid.deprecated | #333333 | — |
| invalid.illegal | #333333 | — |
| string source | #080808 | — |
| String constant | #696969 | — |
| string variable | #234A97 | — |
| string.regexp | #CF5628 | — |
| string.regexp.character-class, string.regexp constant.character.escaped, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #CF5628 | — |
| string.regexp constant.character.escape | #811F24 | — |
| text source | #080808 | — |
| function name | #AE7A00 | — |
| function argument | #99A600 | — |
| support.function | #CA004B | — |
| support.constant | #C44F00 | — |
| support.variable | #295502 | — |
| entity.name.type.namespace | #E5C07B | — |
| support.class, entity.name.type.class | #E5C07B | — |
| entity.name.class.identifier.namespace.type | #E5C07B | — |
| entity.name.class | #61AFEF | — |
| entity.name.type | #E5C07B | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #D19A66 | — |
| support.constant.color.w3c-standard-color-name.css,entity.other.attribute-name.class.css | #D19A66 | — |
| support.type.vendored.property-name.css | #56B6C2 | — |
| punctuation.definition.template-expression.begin.js,punctuation.definition.template-expression.end.js,punctuation.definition.template-expression.begin.ts,punctuation.definition.template-expression.end.ts | #499504 | — |
| support.module.node.js,support.type.object.module.js,support.module.node.js,support.module.node.ts,support.type.object.module.ts,support.module.node.ts | #E5C07B | — |
| variable.other.readwrite.js,meta.object-literal.key.js,support.variable.property.js,support.variable.object.process.js,variable.other.readwrite.ts,meta.object-literal.key.ts,support.variable.property.ts,support.variable.object.process.ts | #499504 | — |
| support.constant.json.js,support.constant.json.ts | #D19A66 | — |
| keyword.operator.expression.instanceof.js,keyword.operator.expression.instanceof.ts | #577909 | — |
| keyword.operator.expression.typeof.js,keyword.operator.expression.typeof.ts | #577909 | — |
| support.type.object.console.js,support.type.object.console.ts | #499504 | — |
| entity.name.function.js,support.function.console.js,entity.name.function.ts,support.function.console.ts | #61AFEF | — |
| keyword.operator.js,keyword.operator.ts | #56B6C2 | — |
| support.type.object.dom.js,support.type.object.dom.ts | #56B6C2 | — |
| support.variable.dom.js,support.variable.property.dom.js,support.variable.dom.ts,support.variable.property.dom.ts, | #499504 | — |
| var.this.js,var.this.ts,variable.language.this.js,variable.language.this.ts | #E5C07B | — |
| markup.list | #7D451C | — |
| markup.heading | markup.heading entity.name | #142B5A | — |
| markup.quote | #0B6125 | — |
| Markup.italic | #080808 | — |
| markup.bold | #080808 | bold |
| markup.underline | #080808 | underline |
| markup.link | #234A97 | underline |
| markup.raw | #234A97 | — |
| markup.deleted | #47565F | — |
| markup.inserted | #CC0000 | — |
| markup.changed | #FFFFFF | — |
| token.info-token | #28A745 | — |
| token.warn-token | #E6A700 | — |
| token.error-token | #D73A49 | — |
| token.debug-token | #0366D6 | — |
| log.level.debug | #0366D6 | — |
| log.level.info | #28A745 | — |
| log.level.warning | #E6A700 | — |
| log.level.error | #D73A49 | — |
| log.level.fatal | #B91C1C | bold |
| log.level.trace | #6A737D | — |
| log.debug, keyword.other.debug, entity.name.tag.debug | #0366D6 | — |
| log.info, keyword.other.info, entity.name.tag.info | #28A745 | — |
| log.warning, log.warn, keyword.other.warning, keyword.other.warn, entity.name.tag.warning, entity.name.tag.warn | #E6A700 | — |
| log.error, keyword.other.error, entity.name.tag.error | #D73A49 | — |
| log.date, log.time, constant.numeric.timestamp | #6A737D | — |
| keyword.control.log, keyword.other.log, support.constant.log | #0366D6 | — |
| string.quoted.double.log.debug, string.unquoted.log.debug, markup.bold.log.debug | #0366D6 | bold |
| string.quoted.double.log.info, string.unquoted.log.info, markup.bold.log.info | #28A745 | bold |
| string.quoted.double.log.warn, string.unquoted.log.warn, markup.bold.log.warn, string.quoted.double.log.warning, string.unquoted.log.warning, markup.bold.log.warning | #E6A700 | bold |
| string.quoted.double.log.error, string.unquoted.log.error, markup.bold.log.error | #D73A49 | bold |
| string.quoted.double.log.fatal, string.unquoted.log.fatal, markup.bold.log.fatal, log.fatal, keyword.other.fatal, entity.name.tag.fatal | #B91C1C | bold |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...