Gentle Theme
Publisher: carlossalgueroThemes in package: 6
Colorblind-safe, accessible theme family with 6 variants. Designed for extended coding, sensitive eyes, and neurodivergent users. WCAG AA compliant.
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#17151310
- activityBar.border#2E2A26
- activityBar.foreground#D8D4CF
- activityBar.inactiveForeground#5A5550
- activityBarBadge.background#A8B888
- activityBarBadge.foreground#1A1816
- badge.background#A8B888
- badge.foreground#1A1816
- breadcrumb.activeSelectionForeground#D8D4CF
- breadcrumb.background#1F1D1A
- breadcrumb.focusForeground#D8D4CF
- breadcrumb.foreground#787068
- breadcrumbPicker.background#22201D
- button.background#A8B888
- button.foreground#1A1816
- button.hoverBackground#98A878
- button.secondaryBackground#3A3632
- button.secondaryForeground#D8D4CF
- button.secondaryHoverBackground#4A4640
- debugConsole.errorForeground#E8835A
- debugConsole.infoForeground#6AAFE6
- debugConsole.warningForeground#E8A854
- debugIcon.breakpointDisabledForeground#5A5550
- debugIcon.breakpointForeground#E8835A
- debugIcon.pauseForeground#E8A854
- debugIcon.restartForeground#5FB49C
- debugIcon.startForeground#5FB49C
- debugIcon.stopForeground#E8835A
- debugToolBar.background#22201D
- diffEditor.insertedLineBackground#88B88810
- diffEditor.insertedTextBackground#88B88820
- diffEditor.removedLineBackground#C8908010
- diffEditor.removedTextBackground#C8908020
- dropdown.background#26231F
- dropdown.border#3A3632
- dropdown.foreground#D8D4CF
- dropdown.listBackground#1F1D1A
- editor.background#1F1D1A
- editor.findMatchBackground#C4926B50
- editor.findMatchBorder#C4926B
- editor.findMatchHighlightBackground#C4926B30
- editor.foreground#D8D4CF
- editor.hoverHighlightBackground#2A272320
- editor.inactiveSelectionBackground#5A4D4040
- editor.lineHighlightBackground#26231F
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#26231F20
- editor.selectionBackground#5A4D4060
- editor.selectionHighlightBackground#5A4D4030
- editor.wordHighlightBackground#4A454020
- editor.wordHighlightStrongBackground#5A4D4040
- editorBracketHighlight.foreground1#6AAFE6
- editorBracketHighlight.foreground2#E8A854
- editorBracketHighlight.foreground3#B794D4
- editorBracketHighlight.foreground4#56C4C8
- editorBracketHighlight.foreground5#6AAFE6
- editorBracketHighlight.foreground6#E8A854
- editorBracketMatch.background#5A4D4040
- editorBracketMatch.border#9B8B7A
- editorCursor.foreground#D8D4CF
- editorGroupHeader.tabsBackground#1A1816
- editorGroupHeader.tabsBorder#2E2A26
- editorGutter.addedBackground#5FB49C
- editorGutter.background#1F1D1A
- editorGutter.deletedBackground#E8835A
- editorGutter.modifiedBackground#6AAFE6
- editorHoverWidget.background#22201D
- editorHoverWidget.border#2E2A26
- editorIndentGuide.activeBackground#4A4540
- editorIndentGuide.background#332F2A
- editorLineNumber.activeForeground#A8A098
- editorLineNumber.foreground#5A5550
- editorRuler.foreground#332F2A
- editorSuggestWidget.background#1F1D1A
- editorSuggestWidget.border#2E2A26
- editorSuggestWidget.foreground#D8D4CF
- editorSuggestWidget.highlightForeground#C8B898
- editorSuggestWidget.selectedBackground#5A4D40
- editorWhitespace.foreground#3F3B36
- editorWidget.background#22201D
- editorWidget.border#2E2A26
- editorWidget.foreground#D8D4CF
- errorForeground#E8835A
- focusBorder#9B8B7A
- foreground#D8D4CF
- gitDecoration.addedResourceForeground#5FB49C
- gitDecoration.conflictingResourceForeground#E8A854
- gitDecoration.deletedResourceForeground#E8835A
- gitDecoration.ignoredResourceForeground#5A5550
- gitDecoration.modifiedResourceForeground#6AAFE6
- gitDecoration.stageDeletedResourceForeground#E8835A
- gitDecoration.stageModifiedResourceForeground#6AAFE6
- gitDecoration.untrackedResourceForeground#5FB49C
- icon.foreground#A8A098
- input.background#26231F
- input.border#3A3632
- input.foreground#D8D4CF
- input.placeholderForeground#787068
- inputOption.activeBackground#5A4D40
- inputOption.activeBorder#9B8B7A
- inputOption.activeForeground#D8D4CF
- inputValidation.errorBackground#5A3030
- inputValidation.errorBorder#E8835A
- inputValidation.infoBackground#3A4030
- inputValidation.infoBorder#A8B888
- inputValidation.warningBackground#5A4020
- inputValidation.warningBorder#E8A854
- list.activeSelectionBackground#5A4D40
- list.activeSelectionForeground#D8D4CF
- list.errorForeground#E8835A
- list.focusBackground#5A4D40
- list.focusForeground#D8D4CF
- list.highlightForeground#C8B898
- list.hoverBackground#26231F
- list.hoverForeground#D8D4CF
- list.inactiveSelectionBackground#332F2A
- list.inactiveSelectionForeground#D8D4CF
- list.warningForeground#E8A854
- merge.currentContentBackground#88B88820
- merge.currentHeaderBackground#88B88840
- merge.incomingContentBackground#B8A88820
- merge.incomingHeaderBackground#B8A88840
- minimap.errorHighlight#E8835A80
- minimap.findMatchHighlight#C4926B
- minimap.selectionHighlight#5A4D40
- minimap.warningHighlight#E8A85480
- minimapGutter.addedBackground#5FB49C
- minimapGutter.deletedBackground#E8835A
- minimapGutter.modifiedBackground#6AAFE6
- notifications.background#22201D
- notifications.border#2E2A26
- notifications.foreground#D8D4CF
- notificationsErrorIcon.foreground#E8835A
- notificationsInfoIcon.foreground#A8B888
- notificationsWarningIcon.foreground#E8A854
- panel.background#1A1816
- panel.border#2E2A26
- panelTitle.activeBorder#A8B888
- panelTitle.activeForeground#D8D4CF
- panelTitle.inactiveForeground#787068
- peekView.border#9B8B7A
- peekViewEditor.background#22201D
- peekViewEditor.matchHighlightBackground#C4926B40
- peekViewResult.background#1A1816
- peekViewResult.fileForeground#D8D4CF
- peekViewResult.lineForeground#A8A098
- peekViewResult.matchHighlightBackground#C4926B40
- peekViewResult.selectionBackground#5A4D40
- peekViewResult.selectionForeground#D8D4CF
- peekViewTitle.background#171513
- peekViewTitleDescription.foreground#A8A098
- peekViewTitleLabel.foreground#D8D4CF
- progressBar.background#A8B888
- scrollbar.shadow#00000030
- scrollbarSlider.activeBackground#5A555080
- scrollbarSlider.background#5A555040
- scrollbarSlider.hoverBackground#5A555060
- selection.background#5A4D40
- sideBar.background#1A1816
- sideBar.border#2E2A26
- sideBar.foreground#A8A098
- sideBarSectionHeader.background#22201D
- sideBarSectionHeader.foreground#D8D4CF
- sideBarTitle.foreground#D8D4CF
- statusBar.background#171513
- statusBar.border#2E2A26
- statusBar.debuggingBackground#C4926B
- statusBar.debuggingForeground#171513
- statusBar.foreground#A8A098
- statusBar.noFolderBackground#171513
- statusBarItem.activeBackground#3A3632
- statusBarItem.hoverBackground#2E2A26
- statusBarItem.prominentBackground#3A3632
- statusBarItem.remoteBackground#A8B888
- statusBarItem.remoteForeground#1A1816
- tab.activeBackground#1F1D1A
- tab.activeBorder#00000000
- tab.activeBorderTop#A8B888
- tab.activeForeground#D8D4CF
- tab.border#2E2A26
- tab.hoverBackground#22201D
- tab.inactiveBackground#1A1816
- tab.inactiveForeground#787068
- terminal.ansiBlack#2E2A26
- terminal.ansiBlue#A8B8C8
- terminal.ansiBrightBlack#5A5550
- terminal.ansiBrightBlue#B8C8D8
- terminal.ansiBrightCyan#A8D8C8
- terminal.ansiBrightGreen#A8D8A8
- terminal.ansiBrightMagenta#D8B8D8
- terminal.ansiBrightRed#F0B8A8
- terminal.ansiBrightWhite#F0ECE8
- terminal.ansiBrightYellow#F0D8A0
- terminal.ansiCyan#88C8B8
- terminal.ansiGreen#88B888
- terminal.ansiMagenta#C8A8C8
- terminal.ansiRed#E8A090
- terminal.ansiWhite#D8D4CF
- terminal.ansiYellow#E8C888
- terminal.background#1A1816
- terminal.foreground#D8D4CF
- terminalCursor.foreground#D8D4CF
- testing.iconErrored#E8835A
- testing.iconFailed#E8835A
- testing.iconPassed#5FB49C
- testing.iconQueued#E8A854
- testing.iconSkipped#5A5550
- testing.iconUnset#5A5550
- titleBar.activeBackground#171513
- titleBar.activeForeground#D8D4CF
- titleBar.border#2E2A26
- titleBar.inactiveBackground#171513
- titleBar.inactiveForeground#5A5550
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B7A87 | italic |
| string, string.quoted, string.template | #5FB49C | — |
| constant.character.escape, string.regexp | #5FB49C | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex | #E8A854 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #E8A854 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage.type, storage.modifier | #B794D4 | — |
| keyword.control.conditional, keyword.control.loop, keyword.control.flow, keyword.control.return, keyword.control.trycatch | #B794D4 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison | #A8A098 | — |
| entity.name.function, meta.function-call, support.function | #6AAFE6 | — |
| variable.parameter, meta.parameter | #A8A098 | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.name.type.class | #56C4C8 | — |
| entity.name.type.interface, entity.name.type.alias | #56C4C8 | — |
| entity.name.type.parameter | #56C4C8 | — |
| variable, variable.other, variable.other.readwrite | #D8D4CF | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key | #B8B4AF | — |
| variable.other.constant | #E8A854 | — |
| entity.name.tag, punctuation.definition.tag | #E8835A | — |
| entity.other.attribute-name | #E8A854 | — |
| support.class.component | #56C4C8 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #E8A854 | — |
| support.type.property-name.css | #6AAFE6 | — |
| support.constant.property-value.css, meta.property-value.css | #5FB49C | — |
| keyword.other.unit.css | #E8A854 | — |
| support.type.property-name.json | #6AAFE6 | — |
| string.quoted.double.json | #5FB49C | — |
| heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown, markup.heading | #6AAFE6 | bold |
| markup.bold | #D8D4CF | bold |
| markup.italic | #D8D4CF | italic |
| markup.underline.link | #56C4C8 | — |
| markup.inline.raw, markup.fenced_code.block | #E8A854 | — |
| markup.quote | #6B7A87 | italic |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #787068 | — |
| support.variable, support.constant | #56C4C8 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #B794D4 | — |
| entity.name.import, entity.name.package | #5FB49C | — |
| meta.decorator, punctuation.decorator | #E8A854 | — |
| invalid, invalid.illegal | #E8835A | underline |
| invalid.deprecated | #E8A854 | strikethrough |