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#EDEBE8
- activityBar.border#E8E6E3
- activityBar.foreground#5A6673
- activityBar.inactiveForeground#9CA3AF
- activityBarBadge.background#2A6DB0
- activityBarBadge.foreground#FFFFFF
- badge.background#2A6DB0
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#3D424A
- breadcrumb.background#FDFCFA
- breadcrumb.focusForeground#3D424A
- breadcrumb.foreground#7A8086
- breadcrumbPicker.background#F5F4F2
- button.background#2A6DB0
- button.foreground#FFFFFF
- button.hoverBackground#1E5A94
- button.secondaryBackground#E5E7EB
- button.secondaryForeground#3D424A
- button.secondaryHoverBackground#D1D5DB
- debugConsole.errorForeground#C65D3D
- debugConsole.infoForeground#2A6DB0
- debugConsole.warningForeground#9E6B00
- debugIcon.breakpointDisabledForeground#9CA3AF
- debugIcon.breakpointForeground#C65D3D
- debugIcon.pauseForeground#9E6B00
- debugIcon.restartForeground#0D7377
- debugIcon.startForeground#0D7377
- debugIcon.stopForeground#C65D3D
- debugToolBar.background#F5F4F2
- diffEditor.insertedLineBackground#0D737710
- diffEditor.insertedTextBackground#0D737720
- diffEditor.removedLineBackground#C65D3D10
- diffEditor.removedTextBackground#C65D3D20
- dropdown.background#FFFFFF
- dropdown.border#D1D5DB
- dropdown.foreground#3D424A
- dropdown.listBackground#FFFFFF
- editor.background#FDFCFA
- editor.findMatchBackground#F5D77B80
- editor.findMatchBorder#9E6B00
- editor.findMatchHighlightBackground#F5D77B40
- editor.foreground#3D424A
- editor.hoverHighlightBackground#E8E4E020
- editor.inactiveSelectionBackground#D4E4F250
- editor.lineHighlightBackground#F5F3F0
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#F5F3F010
- editor.selectionBackground#C9D8E880
- editor.selectionHighlightBackground#D4E4F240
- editor.wordHighlightBackground#E8D4C820
- editor.wordHighlightStrongBackground#C9D8E840
- editorBracketHighlight.foreground1#2A6DB0
- editorBracketHighlight.foreground2#9E6B00
- editorBracketHighlight.foreground3#7B5EA7
- editorBracketHighlight.foreground4#0D7377
- editorBracketHighlight.foreground5#2A6DB0
- editorBracketHighlight.foreground6#9E6B00
- editorBracketMatch.background#C9D8E850
- editorBracketMatch.border#2A6DB0
- editorCursor.foreground#5A6673
- editorGroupHeader.tabsBackground#F5F4F2
- editorGroupHeader.tabsBorder#E8E6E3
- editorGutter.addedBackground#0D7377
- editorGutter.background#FDFCFA
- editorGutter.deletedBackground#C65D3D
- editorGutter.modifiedBackground#2A6DB0
- editorHoverWidget.background#FDFCFA
- editorHoverWidget.border#E8E6E3
- editorIndentGuide.activeBackground#C9CDD2
- editorIndentGuide.background#E5E7EB
- editorLineNumber.activeForeground#5A6673
- editorLineNumber.foreground#9CA3AF
- editorRuler.foreground#E5E7EB
- editorSuggestWidget.background#FDFCFA
- editorSuggestWidget.border#E8E6E3
- editorSuggestWidget.foreground#3D424A
- editorSuggestWidget.highlightForeground#2A6DB0
- editorSuggestWidget.selectedBackground#D4E4F2
- editorWhitespace.foreground#D1D5DB
- editorWidget.background#F5F4F2
- editorWidget.border#E8E6E3
- editorWidget.foreground#3D424A
- errorForeground#C65D3D
- focusBorder#2A6DB0
- foreground#3D424A
- gitDecoration.addedResourceForeground#0D7377
- gitDecoration.conflictingResourceForeground#9E6B00
- gitDecoration.deletedResourceForeground#C65D3D
- gitDecoration.ignoredResourceForeground#9CA3AF
- gitDecoration.modifiedResourceForeground#2A6DB0
- gitDecoration.stageDeletedResourceForeground#C65D3D
- gitDecoration.stageModifiedResourceForeground#2A6DB0
- gitDecoration.untrackedResourceForeground#0D7377
- icon.foreground#5A6673
- input.background#FFFFFF
- input.border#D1D5DB
- input.foreground#3D424A
- input.placeholderForeground#9CA3AF
- inputOption.activeBackground#D4E4F2
- inputOption.activeBorder#2A6DB0
- inputOption.activeForeground#3D424A
- inputValidation.errorBackground#FEF2F2
- inputValidation.errorBorder#C65D3D
- inputValidation.infoBackground#EFF6FF
- inputValidation.infoBorder#2A6DB0
- inputValidation.warningBackground#FFFBEB
- inputValidation.warningBorder#9E6B00
- list.activeSelectionBackground#D4E4F2
- list.activeSelectionForeground#3D424A
- list.errorForeground#C65D3D
- list.focusBackground#D4E4F2
- list.focusForeground#3D424A
- list.highlightForeground#2A6DB0
- list.hoverBackground#EDEBE8
- list.hoverForeground#3D424A
- list.inactiveSelectionBackground#E4E8EC
- list.inactiveSelectionForeground#3D424A
- list.warningForeground#9E6B00
- merge.currentContentBackground#0D737720
- merge.currentHeaderBackground#0D737740
- merge.incomingContentBackground#2A6DB020
- merge.incomingHeaderBackground#2A6DB040
- minimap.errorHighlight#C65D3D80
- minimap.findMatchHighlight#F5D77B
- minimap.selectionHighlight#C9D8E8
- minimap.warningHighlight#9E6B0080
- minimapGutter.addedBackground#0D7377
- minimapGutter.deletedBackground#C65D3D
- minimapGutter.modifiedBackground#2A6DB0
- notifications.background#FDFCFA
- notifications.border#E8E6E3
- notifications.foreground#3D424A
- notificationsErrorIcon.foreground#C65D3D
- notificationsInfoIcon.foreground#2A6DB0
- notificationsWarningIcon.foreground#9E6B00
- panel.background#F5F4F2
- panel.border#E8E6E3
- panelTitle.activeBorder#2A6DB0
- panelTitle.activeForeground#3D424A
- panelTitle.inactiveForeground#7A8086
- peekView.border#2A6DB0
- peekViewEditor.background#F8F7F5
- peekViewEditor.matchHighlightBackground#F5D77B60
- peekViewResult.background#F0EFED
- peekViewResult.fileForeground#3D424A
- peekViewResult.lineForeground#5A6673
- peekViewResult.matchHighlightBackground#F5D77B60
- peekViewResult.selectionBackground#D4E4F2
- peekViewResult.selectionForeground#3D424A
- peekViewTitle.background#EDEBE8
- peekViewTitleDescription.foreground#7A8086
- peekViewTitleLabel.foreground#3D424A
- progressBar.background#2A6DB0
- scrollbar.shadow#00000010
- scrollbarSlider.activeBackground#9CA3AF80
- scrollbarSlider.background#9CA3AF40
- scrollbarSlider.hoverBackground#9CA3AF60
- selection.background#C9D8E8
- sideBar.background#F5F4F2
- sideBar.border#E8E6E3
- sideBar.foreground#4B5563
- sideBarSectionHeader.background#EDEBE8
- sideBarSectionHeader.foreground#3B3F44
- sideBarTitle.foreground#3B3F44
- statusBar.background#EDEBE8
- statusBar.border#E8E6E3
- statusBar.debuggingBackground#9E6B00
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#5A6673
- statusBar.noFolderBackground#EDEBE8
- statusBarItem.activeBackground#D9D6D2
- statusBarItem.hoverBackground#E2DFDC
- statusBarItem.prominentBackground#D9D6D2
- statusBarItem.remoteBackground#2A6DB0
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#FDFCFA
- tab.activeBorder#00000000
- tab.activeBorderTop#2A6DB0
- tab.activeForeground#3D424A
- tab.border#E8E6E3
- tab.hoverBackground#F8F7F5
- tab.inactiveBackground#F0EFED
- tab.inactiveForeground#7A8086
- terminal.ansiBlack#3D424A
- terminal.ansiBlue#2A6DB0
- terminal.ansiBrightBlack#6B7280
- terminal.ansiBrightBlue#3A85D0
- terminal.ansiBrightCyan#1A9A9E
- terminal.ansiBrightGreen#1A9A9E
- terminal.ansiBrightMagenta#9575BD
- terminal.ansiBrightRed#E07050
- terminal.ansiBrightWhite#F5F4F2
- terminal.ansiBrightYellow#B87D00
- terminal.ansiCyan#0D7377
- terminal.ansiGreen#0D7377
- terminal.ansiMagenta#7B5EA7
- terminal.ansiRed#C65D3D
- terminal.ansiWhite#D1D5DB
- terminal.ansiYellow#9E6B00
- terminal.background#F5F4F2
- terminal.foreground#3D424A
- terminalCursor.foreground#5A6673
- testing.iconErrored#C65D3D
- testing.iconFailed#C65D3D
- testing.iconPassed#0D7377
- testing.iconQueued#9E6B00
- testing.iconSkipped#9CA3AF
- testing.iconUnset#9CA3AF
- titleBar.activeBackground#F5F4F2
- titleBar.activeForeground#3B3F44
- titleBar.border#E8E6E3
- titleBar.inactiveBackground#F5F4F2
- titleBar.inactiveForeground#9CA3AF
- 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 | #0D9488 | — |
| 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 | #5A6673 | — |
| entity.name.function, meta.function-call, support.function | #2A6DB0 | — |
| variable.parameter, meta.parameter | #5A6673 | — |
| 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 | #1A9A9E | — |
| variable, variable.other, variable.other.readwrite | #3D424A | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key | #525A66 | — |
| variable.other.constant | #9E6B00 | — |
| 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 | #3D424A | bold |
| markup.italic | #3D424A | italic |
| markup.underline.link | #0D7377 | — |
| markup.inline.raw, markup.fenced_code.block | #9E6B00 | — |
| markup.quote | #7F8A93 | italic |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #6B7280 | — |
| 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 | #9E6B00 | strikethrough |