Calm Coder
Publisher: maxdevtoolThemes in package: 2
A soothing color theme optimized for ADHD focus, featuring soft blues, greens, and earth tones to reduce visual overstimulation
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#1f282c
- activityBar.border#1a2428
- activityBar.foreground#8aafbf
- activityBar.inactiveForeground#5a6a70
- activityBarBadge.background#6b9d8a
- activityBarBadge.foreground#1a2428
- badge.background#6b9d8a
- badge.foreground#1a2428
- button.background#6b9d8a
- button.foreground#1a2428
- button.hoverBackground#7aad9a
- diffEditor.insertedTextBackground#3a4f4a30
- diffEditor.removedTextBackground#4a3a3840
- dropdown.background#1f282c
- dropdown.border#3a4448
- dropdown.foreground#d0dade
- editor.background#2a3438
- editor.findMatchBackground#4a5f54
- editor.findMatchHighlightBackground#3a4f4460
- editor.foreground#d0dade
- editor.lineHighlightBackground#2f3a3e
- editor.selectionBackground#3a4f5580
- editor.selectionHighlightBackground#3a4a5060
- editorBracketMatch.background#3a4f5540
- editorBracketMatch.border#7aada6
- editorCursor.foreground#8aafbf
- editorError.foreground#c5a49b
- editorHint.foreground#8abdb6
- editorHoverWidget.background#1f282c
- editorHoverWidget.border#3a4448
- editorIndentGuide.activeBackground#4a5458
- editorIndentGuide.background#3a4448
- editorInfo.foreground#7a9fb3
- editorLineNumber.activeForeground#7a9fb3
- editorLineNumber.foreground#5a6a70
- editorSuggestWidget.background#1f282c
- editorSuggestWidget.border#3a4448
- editorSuggestWidget.selectedBackground#2a3f45
- editorWarning.foreground#d9c99e
- editorWhitespace.foreground#3a4448
- editorWidget.background#1f282c
- editorWidget.border#3a4448
- gitDecoration.conflictingResourceForeground#d9c99e
- gitDecoration.deletedResourceForeground#c5a49b
- gitDecoration.ignoredResourceForeground#5a6a70
- gitDecoration.modifiedResourceForeground#9aad87
- gitDecoration.untrackedResourceForeground#8abdb6
- input.background#1f282c
- input.border#3a4448
- input.foreground#d0dade
- input.placeholderForeground#5a6a70
- inputOption.activeBorder#6b9d8a
- inputValidation.errorBackground#3a2e2c
- inputValidation.errorBorder#b5948b
- inputValidation.warningBackground#3a342c
- inputValidation.warningBorder#d9c99e
- list.activeSelectionBackground#3a4f55
- list.activeSelectionForeground#d0dade
- list.focusBackground#3a4f4a
- list.highlightForeground#8aafbf
- list.hoverBackground#2f3f43
- list.inactiveSelectionBackground#2a3f45
- list.inactiveSelectionForeground#c0d0d4
- panel.background#2a3438
- panel.border#1a2428
- panelTitle.activeBorder#6b9d8a
- panelTitle.activeForeground#d0dade
- panelTitle.inactiveForeground#7a8a8e
- progressBar.background#6b9d8a
- scrollbarSlider.activeBackground#5a6a6ec0
- scrollbarSlider.background#3a4a4e80
- scrollbarSlider.hoverBackground#4a5a5ea0
- sideBar.background#242e32
- sideBar.border#1a2428
- sideBar.foreground#c0d0d4
- sideBarSectionHeader.background#2a3438
- sideBarSectionHeader.foreground#c0d0d4
- sideBarTitle.foreground#8aafbf
- statusBar.background#1f282c
- statusBar.border#1a2428
- statusBar.debuggingBackground#7a9d77
- statusBar.debuggingForeground#1a2428
- statusBar.foreground#c0d0d4
- statusBar.noFolderBackground#242e32
- tab.activeBackground#2a3438
- tab.activeBorder#6b9d8a
- tab.activeBorderTop#6b9d8a
- tab.activeForeground#d0dade
- tab.border#1a2428
- tab.hoverBackground#2a3438
- tab.inactiveBackground#1f282c
- tab.inactiveForeground#7a8a8e
- tab.unfocusedActiveBorder#5a7a75
- terminal.ansiBlack#2a3438
- terminal.ansiBlue#7a9fb3
- terminal.ansiBrightBlack#4a5a5e
- terminal.ansiBrightBlue#8aafc3
- terminal.ansiBrightCyan#9acdc6
- terminal.ansiBrightGreen#8abdb6
- terminal.ansiBrightMagenta#abafc3
- terminal.ansiBrightRed#c5a49b
- terminal.ansiBrightWhite#e0eaee
- terminal.ansiBrightYellow#e9d9ae
- terminal.ansiCyan#8abdb6
- terminal.ansiGreen#7aada6
- terminal.ansiMagenta#9b9fb3
- terminal.ansiRed#b5948b
- terminal.ansiWhite#c0d0d4
- terminal.ansiYellow#d9c99e
- terminal.background#242e32
- terminal.foreground#c0d0d4
- titleBar.activeBackground#1f282c
- titleBar.activeForeground#c0d0d4
- titleBar.border#1a2428
- titleBar.inactiveBackground#1a2428
- titleBar.inactiveForeground#5a6a70
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a7a80 | italic |
| string, string.quoted, string.template | #7aada6 | — |
| punctuation.definition.template-expression, meta.embedded | #7a9fb3 | — |
| constant.numeric, constant.language.numeric | #9aad87 | — |
| constant.language, constant.character, constant.other | #8abdb6 | — |
| keyword, keyword.control, keyword.operator.new, keyword.other | #7a9fb3 | bold |
| keyword.operator, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.comparison | #8aafc3 | — |
| storage, storage.type, storage.modifier | #7a9fb3 | bold |
| entity.name.function, support.function | #8abdb6 | — |
| meta.function-call, variable.function | #8abdb6 | — |
| entity.name.type, entity.name.class, support.type, support.class | #8aafc3 | — |
| variable, variable.other, variable.parameter | #b0c5ca | — |
| variable.other.property, variable.other.object.property, support.variable.property | #a0b5ba | — |
| variable.language, variable.language.this, variable.language.super | #c9ba9d | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #7a9fb3 | — |
| entity.name.tag, meta.tag | #8aafc3 | — |
| entity.other.attribute-name | #8abdb6 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #8aafc3 | — |
| support.type.property-name.css | #a0b5ba | — |
| support.type.property-name.json, string.json support.type.property-name.json | #7a9fb3 | — |
| markup.heading, entity.name.section.markdown | #7a9fb3 | bold |
| markup.bold | #8aafc3 | bold |
| markup.italic | #8abdb6 | italic |
| markup.underline.link, string.other.link.title.markdown | #7aada6 | — |
| markup.inline.raw, markup.fenced_code.block.markdown | #9aad87 | — |
| string.regexp | #c9ba9d | — |
| punctuation | #8a9a9e | — |
| invalid, invalid.deprecated | #c5a49b | underline |