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#15161A
- activityBar.border#27292E
- activityBar.foreground#D8DCE2
- activityBar.inactiveForeground#52525B
- activityBarBadge.background#6AAFE6
- activityBarBadge.foreground#FFFFFF
- badge.background#6AAFE6
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#D8DCE2
- breadcrumb.background#1C1E22
- breadcrumb.focusForeground#D8DCE2
- breadcrumb.foreground#71717A
- breadcrumbPicker.background#1F2125
- button.background#6AAFE6
- button.foreground#FFFFFF
- button.hoverBackground#5A9FD6
- button.secondaryBackground#3A3D44
- button.secondaryForeground#D8DCE2
- button.secondaryHoverBackground#4A4D55
- debugConsole.errorForeground#E8835A
- debugConsole.infoForeground#6AAFE6
- debugConsole.warningForeground#E8A854
- debugIcon.breakpointDisabledForeground#52525B
- debugIcon.breakpointForeground#E8835A
- debugIcon.pauseForeground#E8A854
- debugIcon.restartForeground#56C4C8
- debugIcon.startForeground#56C4C8
- debugIcon.stopForeground#E8835A
- debugToolBar.background#1F2125
- diffEditor.insertedLineBackground#56C4C810
- diffEditor.insertedTextBackground#56C4C820
- diffEditor.removedLineBackground#E8835A10
- diffEditor.removedTextBackground#E8835A20
- dropdown.background#24262B
- dropdown.border#3A3D44
- dropdown.foreground#D8DCE2
- dropdown.listBackground#1C1E22
- editor.background#1C1E22
- editor.findMatchBackground#C4880050
- editor.findMatchBorder#E8A854
- editor.findMatchHighlightBackground#C4880030
- editor.foreground#D8DCE2
- editor.hoverHighlightBackground#2A2D3320
- editor.inactiveSelectionBackground#3D5A7340
- editor.lineHighlightBackground#24262B
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#24262B20
- editor.selectionBackground#3D5A7360
- editor.selectionHighlightBackground#3D5A7330
- editor.wordHighlightBackground#4A4A5520
- editor.wordHighlightStrongBackground#3D5A7340
- editorBracketHighlight.foreground1#6AAFE6
- editorBracketHighlight.foreground2#E8A854
- editorBracketHighlight.foreground3#B794D4
- editorBracketHighlight.foreground4#56C4C8
- editorBracketHighlight.foreground5#6AAFE6
- editorBracketHighlight.foreground6#E8A854
- editorBracketMatch.background#3D5A7340
- editorBracketMatch.border#6AAFE6
- editorCursor.foreground#D8DCE2
- editorGroupHeader.tabsBackground#18191D
- editorGroupHeader.tabsBorder#27292E
- editorGutter.addedBackground#56C4C8
- editorGutter.background#1C1E22
- editorGutter.deletedBackground#E8835A
- editorGutter.modifiedBackground#6AAFE6
- editorHoverWidget.background#1F2125
- editorHoverWidget.border#27292E
- editorIndentGuide.activeBackground#4A4A55
- editorIndentGuide.background#2E3035
- editorLineNumber.activeForeground#A1A8B3
- editorLineNumber.foreground#52525B
- editorRuler.foreground#2E3035
- editorSuggestWidget.background#1C1E22
- editorSuggestWidget.border#27292E
- editorSuggestWidget.foreground#D8DCE2
- editorSuggestWidget.highlightForeground#6AAFE6
- editorSuggestWidget.selectedBackground#3D5A73
- editorWhitespace.foreground#3F3F46
- editorWidget.background#1F2125
- editorWidget.border#27292E
- editorWidget.foreground#D8DCE2
- errorForeground#E8835A
- focusBorder#6AAFE6
- foreground#D8DCE2
- gitDecoration.addedResourceForeground#56C4C8
- gitDecoration.conflictingResourceForeground#E8A854
- gitDecoration.deletedResourceForeground#E8835A
- gitDecoration.ignoredResourceForeground#52525B
- gitDecoration.modifiedResourceForeground#6AAFE6
- gitDecoration.stageDeletedResourceForeground#E8835A
- gitDecoration.stageModifiedResourceForeground#6AAFE6
- gitDecoration.untrackedResourceForeground#56C4C8
- icon.foreground#A1A8B3
- input.background#24262B
- input.border#3A3D44
- input.foreground#D8DCE2
- input.placeholderForeground#71717A
- inputOption.activeBackground#3D5A73
- inputOption.activeBorder#6AAFE6
- inputOption.activeForeground#D8DCE2
- inputValidation.errorBackground#5C2D1D
- inputValidation.errorBorder#E8835A
- inputValidation.infoBackground#1E3A5F
- inputValidation.infoBorder#6AAFE6
- inputValidation.warningBackground#5C4A1D
- inputValidation.warningBorder#E8A854
- list.activeSelectionBackground#3D5A73
- list.activeSelectionForeground#D8DCE2
- list.errorForeground#E8835A
- list.focusBackground#3D5A73
- list.focusForeground#D8DCE2
- list.highlightForeground#6AAFE6
- list.hoverBackground#24262B
- list.hoverForeground#D8DCE2
- list.inactiveSelectionBackground#2E3035
- list.inactiveSelectionForeground#D8DCE2
- list.warningForeground#E8A854
- merge.currentContentBackground#56C4C820
- merge.currentHeaderBackground#56C4C840
- merge.incomingContentBackground#6AAFE620
- merge.incomingHeaderBackground#6AAFE640
- minimap.errorHighlight#E8835A80
- minimap.findMatchHighlight#E8A854
- minimap.selectionHighlight#3D5A73
- minimap.warningHighlight#E8A85480
- minimapGutter.addedBackground#56C4C8
- minimapGutter.deletedBackground#E8835A
- minimapGutter.modifiedBackground#6AAFE6
- notifications.background#1F2125
- notifications.border#27292E
- notifications.foreground#D8DCE2
- notificationsErrorIcon.foreground#E8835A
- notificationsInfoIcon.foreground#6AAFE6
- notificationsWarningIcon.foreground#E8A854
- panel.background#18191D
- panel.border#27292E
- panelTitle.activeBorder#6AAFE6
- panelTitle.activeForeground#D8DCE2
- panelTitle.inactiveForeground#71717A
- peekView.border#6AAFE6
- peekViewEditor.background#1F2125
- peekViewEditor.matchHighlightBackground#E8A85440
- peekViewResult.background#18191D
- peekViewResult.fileForeground#D8DCE2
- peekViewResult.lineForeground#A1A8B3
- peekViewResult.matchHighlightBackground#E8A85440
- peekViewResult.selectionBackground#3D5A73
- peekViewResult.selectionForeground#D8DCE2
- peekViewTitle.background#15161A
- peekViewTitleDescription.foreground#A1A8B3
- peekViewTitleLabel.foreground#D8DCE2
- progressBar.background#6AAFE6
- scrollbar.shadow#00000030
- scrollbarSlider.activeBackground#52525B80
- scrollbarSlider.background#52525B40
- scrollbarSlider.hoverBackground#52525B60
- selection.background#3D5A73
- sideBar.background#18191D
- sideBar.border#27292E
- sideBar.foreground#A1A8B3
- sideBarSectionHeader.background#1F2125
- sideBarSectionHeader.foreground#D8DCE2
- sideBarTitle.foreground#D8DCE2
- statusBar.background#15161A
- statusBar.border#27292E
- statusBar.debuggingBackground#E8A854
- statusBar.debuggingForeground#15161A
- statusBar.foreground#A1A8B3
- statusBar.noFolderBackground#15161A
- statusBarItem.activeBackground#3A3D44
- statusBarItem.hoverBackground#2E3035
- statusBarItem.prominentBackground#3A3D44
- statusBarItem.remoteBackground#6AAFE6
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#1C1E22
- tab.activeBorder#00000000
- tab.activeBorderTop#6AAFE6
- tab.activeForeground#D8DCE2
- tab.border#27292E
- tab.hoverBackground#1F2125
- tab.inactiveBackground#18191D
- tab.inactiveForeground#71717A
- terminal.ansiBlack#27292E
- terminal.ansiBlue#6AAFE6
- terminal.ansiBrightBlack#52525B
- terminal.ansiBrightBlue#90C8F0
- terminal.ansiBrightCyan#70D8DC
- terminal.ansiBrightGreen#70D8DC
- terminal.ansiBrightMagenta#D0B0E8
- terminal.ansiBrightRed#F0A080
- terminal.ansiBrightWhite#F4F4F5
- terminal.ansiBrightYellow#F0C070
- terminal.ansiCyan#56C4C8
- terminal.ansiGreen#56C4C8
- terminal.ansiMagenta#B794D4
- terminal.ansiRed#E8835A
- terminal.ansiWhite#D8DCE2
- terminal.ansiYellow#E8A854
- terminal.background#18191D
- terminal.foreground#D8DCE2
- terminalCursor.foreground#D8DCE2
- testing.iconErrored#E8835A
- testing.iconFailed#E8835A
- testing.iconPassed#56C4C8
- testing.iconQueued#E8A854
- testing.iconSkipped#52525B
- testing.iconUnset#52525B
- titleBar.activeBackground#15161A
- titleBar.activeForeground#D8DCE2
- titleBar.border#27292E
- titleBar.inactiveBackground#15161A
- titleBar.inactiveForeground#52525B
- 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 | #70D8DC | — |
| 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 | #A1A8B3 | — |
| entity.name.function, meta.function-call, support.function | #6AAFE6 | — |
| variable.parameter, meta.parameter | #A1A8B3 | — |
| 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 | #70D8DC | — |
| variable, variable.other, variable.other.readwrite | #D8DCE2 | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key | #B8BCC4 | — |
| 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 | #D8DCE2 | bold |
| markup.italic | #D8DCE2 | italic |
| markup.underline.link | #56C4C8 | — |
| markup.inline.raw, markup.fenced_code.block | #E8A854 | — |
| markup.quote | #6B7A87 | italic |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #71717A | — |
| 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 |