ProtectEye Hami Melon Light
Publisher: seriousSamThemes in package: 1
A gentle bright VS Code theme with a fresh, eye-friendly melon palette.
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#D0DBB3
- activityBar.border#C2CEA4
- activityBar.foreground#505C49
- activityBar.inactiveForeground#84907E
- badge.background#93B665
- badge.foreground#25311F
- button.background#93B665
- button.foreground#25311F
- button.hoverBackground#A2C374
- descriptionForeground#697561
- dropdown.background#EAF0DE
- dropdown.border#B9C79B
- dropdown.foreground#46523F
- editor.background#E5ECD5
- editor.findMatchBackground#EBCB6888
- editor.findMatchHighlightBackground#C8DDA166
- editor.foreground#46523F
- editor.hoverHighlightBackground#DCE7C3
- editor.inactiveSelectionBackground#D9E4BC
- editor.lineHighlightBackground#DDE5CA
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#DCE4C8
- editor.selectionBackground#CCDEAA
- editor.selectionHighlightBackground#DBE6C1
- editor.wordHighlightBackground#D7E3BB
- editor.wordHighlightStrongBackground#C4D69B
- editorBracketMatch.background#D1DDB1
- editorBracketMatch.border#95AE70
- editorCursor.foreground#6A8646
- editorError.foreground#B85F55
- editorGroupHeader.noTabsBackground#DCE4C8
- editorGroupHeader.tabsBackground#DCE4C8
- editorGutter.addedBackground#84AF65
- editorGutter.deletedBackground#D4867B
- editorGutter.modifiedBackground#D3B65B
- editorHint.foreground#7AA08E
- editorHoverWidget.background#E3EAD3
- editorHoverWidget.border#BECCA3
- editorIndentGuide.activeBackground1#B0C28E
- editorIndentGuide.background1#CDD8BB
- editorInfo.foreground#5C8FA1
- editorLineNumber.activeForeground#69775D
- editorLineNumber.foreground#9DA994
- editorLink.activeForeground#3B7030
- editorSuggestWidget.background#E0E7CF
- editorSuggestWidget.border#BECCA3
- editorSuggestWidget.foreground#46523F
- editorSuggestWidget.selectedBackground#D0DDB2
- editorWarning.foreground#B38B22
- editorWhitespace.foreground#C1CCAE
- editorWidget.background#E3EAD3
- errorForeground#B85F55
- focusBorder#89AF5E
- foreground#46523F
- input.background#EAF0DE
- input.border#B9C79B
- input.foreground#46523F
- input.placeholderForeground#919D8B
- inputOption.activeBorder#87AB5E
- inputValidation.errorBackground#F8E4E1
- inputValidation.errorBorder#CF7C72
- inputValidation.warningBackground#F6ECD0
- inputValidation.warningBorder#D0A841
- list.activeSelectionBackground#CDDCAD
- list.activeSelectionForeground#404C39
- list.highlightForeground#4C853B
- list.hoverBackground#D9E3BE
- list.inactiveSelectionBackground#D4DEB8
- panel.background#DCE4C8
- panel.border#C5D2AA
- panelTitle.activeForeground#46523F
- panelTitle.inactiveForeground#828E7A
- peekView.border#BECCA3
- peekViewEditor.background#E5ECD5
- peekViewEditorGutter.background#E5ECD5
- peekViewResult.background#DCE4C8
- peekViewResult.selectionBackground#CDDCAD
- peekViewTitle.background#D3DEB5
- peekViewTitleDescription.foreground#6D7A65
- peekViewTitleLabel.foreground#46523F
- scrollbarSlider.activeBackground#788B5CCC
- scrollbarSlider.background#9EB18088
- scrollbarSlider.hoverBackground#889B6CAA
- selection.background#CCDEAA
- selection.foreground#3E4C37
- sideBar.background#DCE4C8
- sideBar.border#C5D2AA
- sideBar.foreground#55614E
- sideBarSectionHeader.background#D2DCB5
- sideBarSectionHeader.foreground#4B5744
- statusBar.background#C6D4A2
- statusBar.debuggingBackground#BBCF92
- statusBar.debuggingForeground#404B39
- statusBar.foreground#44503D
- statusBar.noFolderBackground#D1DCB3
- statusBarItem.hoverBackground#BDD096
- tab.activeBackground#E5ECD5
- tab.activeForeground#46523F
- tab.border#C5D2AA
- tab.hoverBackground#DCE4C8
- tab.inactiveBackground#D4DEB7
- tab.inactiveForeground#7D8976
- terminal.ansiBlack#55604E
- terminal.ansiBlue#5A8CA0
- terminal.ansiBrightBlack#8E9987
- terminal.ansiBrightBlue#6CA1B6
- terminal.ansiBrightCyan#63A8AA
- terminal.ansiBrightGreen#6EA15C
- terminal.ansiBrightMagenta#9A88CA
- terminal.ansiBrightRed#C96F64
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#C49A34
- terminal.ansiCyan#4F9596
- terminal.ansiGreen#5D9148
- terminal.ansiMagenta#8B7ABB
- terminal.ansiRed#B85F55
- terminal.ansiWhite#EEF4E2
- terminal.ansiYellow#B48A22
- terminal.background#DFE7CC
- terminal.foreground#46523F
- textLink.activeForeground#3B7030
- textLink.foreground#4C853B
- textPreformat.foreground#967128
- titleBar.activeBackground#D5DFB9
- titleBar.activeForeground#48533F
- titleBar.inactiveBackground#CCD8AE
- titleBar.inactiveForeground#7D8976
- tree.indentGuidesStroke#C4CEA8
- widget.border#BECCA3
- widget.shadow#9CAF8140
- window.activeBorder#C3D0AA
- window.inactiveBorder#D3DDC4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #87937F | italic |
| keyword, storage, keyword.control, keyword.operator.new, keyword.operator.expression | #7E72B1 | — |
| string, string.quoted, string.template, string.regexp | #AD7B1D | — |
| constant.numeric, constant.language, constant.character, constant.other | #C56D5E | — |
| entity.name.function, support.function, meta.function-call, variable.function | #578D46 | — |
| entity.name.type, entity.name.class, support.type, support.class, storage.type | #52888E | — |
| variable, meta.definition.variable, support.variable | #46523F | — |
| variable.parameter, meta.parameter | #6A755F | — |
| punctuation, meta.brace, meta.delimiter, keyword.operator | #78836F | — |
| entity.name.tag, meta.tag, support.class.component | #578D46 | — |
| attribute.name, entity.other.attribute-name | #B27E23 | — |
| invalid, invalid.illegal | #FFF8F6 | — |