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#EAE6E0
- activityBar.border#E5E0D8
- activityBar.foreground#6B5D4F
- activityBar.inactiveForeground#A89B8C
- activityBarBadge.background#8B9070
- activityBarBadge.foreground#FFFFFF
- badge.background#8B9070
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#433D38
- breadcrumb.background#FAF8F5
- breadcrumb.focusForeground#433D38
- breadcrumb.foreground#7A7068
- breadcrumbPicker.background#F2F0EC
- button.background#8B9070
- button.foreground#FFFFFF
- button.hoverBackground#7A8060
- button.secondaryBackground#E5E0D8
- button.secondaryForeground#433D38
- button.secondaryHoverBackground#D4CCC2
- debugConsole.errorForeground#C65D3D
- debugConsole.infoForeground#2A6DB0
- debugConsole.warningForeground#B35D00
- debugIcon.breakpointDisabledForeground#A89B8C
- debugIcon.breakpointForeground#C65D3D
- debugIcon.pauseForeground#B35D00
- debugIcon.restartForeground#1A7A6C
- debugIcon.startForeground#1A7A6C
- debugIcon.stopForeground#C65D3D
- debugToolBar.background#F2F0EC
- diffEditor.insertedLineBackground#D8EAD010
- diffEditor.insertedTextBackground#B8D4A820
- diffEditor.removedLineBackground#F0DED010
- diffEditor.removedTextBackground#DEB8A820
- dropdown.background#FDFCF9
- dropdown.border#D4CCC2
- dropdown.foreground#433D38
- dropdown.listBackground#FDFCF9
- editor.background#FAF8F5
- editor.findMatchBackground#F0D87580
- editor.findMatchBorder#C9A84B
- editor.findMatchHighlightBackground#F0D87540
- editor.foreground#433D38
- editor.hoverHighlightBackground#EBE8E320
- editor.inactiveSelectionBackground#E8DFD550
- editor.lineHighlightBackground#F5F2EE
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#F5F2EE10
- editor.selectionBackground#E0D5C880
- editor.selectionHighlightBackground#E8DFD540
- editor.wordHighlightBackground#EBE0D020
- editor.wordHighlightStrongBackground#E0D5C840
- editorBracketHighlight.foreground1#2A6DB0
- editorBracketHighlight.foreground2#B35D00
- editorBracketHighlight.foreground3#7B5EA7
- editorBracketHighlight.foreground4#0D7377
- editorBracketHighlight.foreground5#2A6DB0
- editorBracketHighlight.foreground6#B35D00
- editorBracketMatch.background#E0D5C850
- editorBracketMatch.border#9B8B7A
- editorCursor.foreground#6B5D4F
- editorGroupHeader.tabsBackground#F2F0EC
- editorGroupHeader.tabsBorder#E5E0D8
- editorGutter.addedBackground#1A7A6C
- editorGutter.background#FAF8F5
- editorGutter.deletedBackground#C65D3D
- editorGutter.modifiedBackground#2A6DB0
- editorHoverWidget.background#FAF8F5
- editorHoverWidget.border#E5E0D8
- editorIndentGuide.activeBackground#D4CCC2
- editorIndentGuide.background#E8E2DA
- editorLineNumber.activeForeground#6B5D4F
- editorLineNumber.foreground#A89B8C
- editorRuler.foreground#E8E2DA
- editorSuggestWidget.background#FAF8F5
- editorSuggestWidget.border#E5E0D8
- editorSuggestWidget.foreground#433D38
- editorSuggestWidget.highlightForeground#7A7052
- editorSuggestWidget.selectedBackground#E0D5C8
- editorWhitespace.foreground#D4CCC2
- editorWidget.background#F2F0EC
- editorWidget.border#E5E0D8
- editorWidget.foreground#433D38
- errorForeground#C65D3D
- focusBorder#9B8B7A
- foreground#433D38
- gitDecoration.addedResourceForeground#1A7A6C
- gitDecoration.conflictingResourceForeground#B35D00
- gitDecoration.deletedResourceForeground#C65D3D
- gitDecoration.ignoredResourceForeground#A89B8C
- gitDecoration.modifiedResourceForeground#2A6DB0
- gitDecoration.stageDeletedResourceForeground#C65D3D
- gitDecoration.stageModifiedResourceForeground#2A6DB0
- gitDecoration.untrackedResourceForeground#1A7A6C
- icon.foreground#6B5D4F
- input.background#FDFCF9
- input.border#D4CCC2
- input.foreground#433D38
- input.placeholderForeground#A89B8C
- inputOption.activeBackground#E0D5C8
- inputOption.activeBorder#9B8B7A
- inputOption.activeForeground#433D38
- inputValidation.errorBackground#FEF4F2
- inputValidation.errorBorder#C65D3D
- inputValidation.infoBackground#F5F6F2
- inputValidation.infoBorder#8B9070
- inputValidation.warningBackground#FDF8EB
- inputValidation.warningBorder#B35D00
- list.activeSelectionBackground#E0D5C8
- list.activeSelectionForeground#433D38
- list.errorForeground#C65D3D
- list.focusBackground#E0D5C8
- list.focusForeground#433D38
- list.highlightForeground#7A7052
- list.hoverBackground#EAE6E0
- list.hoverForeground#433D38
- list.inactiveSelectionBackground#E8E2DA
- list.inactiveSelectionForeground#433D38
- list.warningForeground#B35D00
- merge.currentContentBackground#B8D4A820
- merge.currentHeaderBackground#B8D4A840
- merge.incomingContentBackground#D4C8B820
- merge.incomingHeaderBackground#D4C8B840
- minimap.errorHighlight#C65D3D80
- minimap.findMatchHighlight#F0D875
- minimap.selectionHighlight#E0D5C8
- minimap.warningHighlight#B35D0080
- minimapGutter.addedBackground#1A7A6C
- minimapGutter.deletedBackground#C65D3D
- minimapGutter.modifiedBackground#2A6DB0
- notifications.background#FAF8F5
- notifications.border#E5E0D8
- notifications.foreground#433D38
- notificationsErrorIcon.foreground#C65D3D
- notificationsInfoIcon.foreground#8B9070
- notificationsWarningIcon.foreground#B35D00
- panel.background#F2F0EC
- panel.border#E5E0D8
- panelTitle.activeBorder#8B9070
- panelTitle.activeForeground#433D38
- panelTitle.inactiveForeground#7A7068
- peekView.border#9B8B7A
- peekViewEditor.background#F5F3F0
- peekViewEditor.matchHighlightBackground#F0D87560
- peekViewResult.background#EDEBE6
- peekViewResult.fileForeground#433D38
- peekViewResult.lineForeground#6B5D4F
- peekViewResult.matchHighlightBackground#F0D87560
- peekViewResult.selectionBackground#E0D5C8
- peekViewResult.selectionForeground#433D38
- peekViewTitle.background#EAE6E0
- peekViewTitleDescription.foreground#7A7068
- peekViewTitleLabel.foreground#433D38
- progressBar.background#8B9070
- scrollbar.shadow#00000010
- scrollbarSlider.activeBackground#A89B8C80
- scrollbarSlider.background#A89B8C40
- scrollbarSlider.hoverBackground#A89B8C60
- selection.background#E0D5C8
- sideBar.background#F2F0EC
- sideBar.border#E5E0D8
- sideBar.foreground#5B5248
- sideBarSectionHeader.background#EAE6E0
- sideBarSectionHeader.foreground#433D38
- sideBarTitle.foreground#433D38
- statusBar.background#EAE6E0
- statusBar.border#E5E0D8
- statusBar.debuggingBackground#C4926B
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#6B5D4F
- statusBar.noFolderBackground#EAE6E0
- statusBarItem.activeBackground#DDD8D0
- statusBarItem.hoverBackground#E4E0D8
- statusBarItem.prominentBackground#DDD8D0
- statusBarItem.remoteBackground#8B9070
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#FAF8F5
- tab.activeBorder#00000000
- tab.activeBorderTop#8B9070
- tab.activeForeground#433D38
- tab.border#E5E0D8
- tab.hoverBackground#F5F3F0
- tab.inactiveBackground#EDEBE6
- tab.inactiveForeground#7A7068
- terminal.ansiBlack#433D38
- terminal.ansiBlue#6B7B60
- terminal.ansiBrightBlack#7A7068
- terminal.ansiBrightBlue#7A8B70
- terminal.ansiBrightCyan#60A0A0
- terminal.ansiBrightGreen#608850
- terminal.ansiBrightMagenta#A08088
- terminal.ansiBrightRed#C46050
- terminal.ansiBrightWhite#F2F0EC
- terminal.ansiBrightYellow#C09040
- terminal.ansiCyan#508080
- terminal.ansiGreen#507040
- terminal.ansiMagenta#8B6B70
- terminal.ansiRed#B84A3D
- terminal.ansiWhite#D4CCC2
- terminal.ansiYellow#A87030
- terminal.background#F2F0EC
- terminal.foreground#433D38
- terminalCursor.foreground#6B5D4F
- testing.iconErrored#C65D3D
- testing.iconFailed#C65D3D
- testing.iconPassed#1A7A6C
- testing.iconQueued#B35D00
- testing.iconSkipped#A89B8C
- testing.iconUnset#A89B8C
- titleBar.activeBackground#F2F0EC
- titleBar.activeForeground#433D38
- titleBar.border#E5E0D8
- titleBar.inactiveBackground#F2F0EC
- titleBar.inactiveForeground#A89B8C
- widget.shadow#00000015
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7F8A93 | italic |
| string, string.quoted, string.template | #1A7A6C | — |
| constant.character.escape, string.regexp | #1A7A6C | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex | #B35D00 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #9E6B00 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage.type, storage.modifier | #7B5EA7 | — |
| keyword.control.conditional, keyword.control.loop, keyword.control.flow, keyword.control.return, keyword.control.trycatch | #7B5EA7 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison | #6B5D4F | — |
| entity.name.function, meta.function-call, support.function | #2A6DB0 | — |
| variable.parameter, meta.parameter | #7A7068 | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.name.type.class | #0D7377 | — |
| entity.name.type.interface, entity.name.type.alias | #0D7377 | — |
| entity.name.type.parameter | #0D7377 | — |
| variable, variable.other, variable.other.readwrite | #433D38 | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key | #6B5D4F | — |
| variable.other.constant | #B35D00 | — |
| entity.name.tag, punctuation.definition.tag | #C65D3D | — |
| entity.other.attribute-name | #9E6B00 | — |
| support.class.component | #0D7377 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #9E6B00 | — |
| support.type.property-name.css | #2A6DB0 | — |
| support.constant.property-value.css, meta.property-value.css | #1A7A6C | — |
| keyword.other.unit.css | #B35D00 | — |
| support.type.property-name.json | #2A6DB0 | — |
| string.quoted.double.json | #1A7A6C | — |
| heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown, markup.heading | #2A6DB0 | bold |
| markup.bold | #433D38 | bold |
| markup.italic | #433D38 | italic |
| markup.underline.link | #0D7377 | — |
| markup.inline.raw, markup.fenced_code.block | #9E6B00 | — |
| markup.quote | #7F8A93 | italic |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #7A7068 | — |
| support.variable, support.constant | #0D7377 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #7B5EA7 | — |
| entity.name.import, entity.name.package | #1A7A6C | — |
| meta.decorator, punctuation.decorator | #9E6B00 | — |
| invalid, invalid.illegal | #C65D3D | underline |
| invalid.deprecated | #B35D00 | strikethrough |