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#e8eded
- activityBar.border#d8e0e0
- activityBar.foreground#4a7c8f
- activityBar.inactiveForeground#8a9a9f
- activityBarBadge.background#3a9d7f
- activityBarBadge.foreground#ffffff
- badge.background#3a9d7f
- badge.foreground#ffffff
- button.background#3a9d7f
- button.foreground#ffffff
- button.hoverBackground#4aad8f
- diffEditor.insertedTextBackground#d4e5d430
- diffEditor.removedTextBackground#f5e8e640
- dropdown.background#ffffff
- dropdown.border#d0d8d8
- dropdown.foreground#3a4a4f
- editor.background#f0f4f0
- editor.findMatchBackground#d4e5d4
- editor.findMatchHighlightBackground#e8f0e860
- editor.foreground#2d3748
- editor.lineHighlightBackground#f8fafa
- editor.selectionBackground#c5dae080
- editor.selectionHighlightBackground#d4e5d460
- editorBracketMatch.background#c5dae040
- editorBracketMatch.border#4a90a4
- editorCursor.foreground#4a7c8f
- editorError.foreground#a67c73
- editorHint.foreground#3a9d7f
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#d0d8d8
- editorIndentGuide.activeBackground#c0d0d0
- editorIndentGuide.background#e0e8e8
- editorInfo.foreground#4a90a4
- editorLineNumber.activeForeground#4a90a4
- editorLineNumber.foreground#a0b0b5
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#d0d8d8
- editorSuggestWidget.selectedBackground#e0ebe0
- editorWarning.foreground#b8941f
- editorWhitespace.foreground#d0d8d8
- editorWidget.background#ffffff
- editorWidget.border#d0d8d8
- gitDecoration.conflictingResourceForeground#b8941f
- gitDecoration.deletedResourceForeground#a67c73
- gitDecoration.ignoredResourceForeground#9ca9b3
- gitDecoration.modifiedResourceForeground#7a8d67
- gitDecoration.untrackedResourceForeground#3a9d8f
- input.background#ffffff
- input.border#d0d8d8
- input.foreground#3a4a4f
- input.placeholderForeground#8a9a9f
- inputOption.activeBorder#3a9d7f
- inputValidation.errorBackground#f5e8e6
- inputValidation.errorBorder#a67c73
- inputValidation.warningBackground#f5f0e6
- inputValidation.warningBorder#b8941f
- list.activeSelectionBackground#c5dae0
- list.activeSelectionForeground#3a4a4f
- list.focusBackground#d4e5d4
- list.highlightForeground#4a90a4
- list.hoverBackground#e8f0f0
- list.inactiveSelectionBackground#e0ebe0
- list.inactiveSelectionForeground#3a4a4f
- panel.background#f0f4f0
- panel.border#e0e6e6
- panelTitle.activeBorder#3a9d7f
- panelTitle.activeForeground#3a4a4f
- panelTitle.inactiveForeground#6a7a7f
- progressBar.background#3a9d7f
- scrollbarSlider.activeBackground#80b0b0c0
- scrollbarSlider.background#c0d0d080
- scrollbarSlider.hoverBackground#a0c0c0a0
- sideBar.background#f5f7f7
- sideBar.border#e0e6e6
- sideBar.foreground#3a4a4f
- sideBarSectionHeader.background#e8eded
- sideBarSectionHeader.foreground#3a4a4f
- sideBarTitle.foreground#4a7c8f
- statusBar.background#d4dfe0
- statusBar.border#c4d0d1
- statusBar.debuggingBackground#7a8d67
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#3a4a4f
- statusBar.noFolderBackground#d8e3e4
- tab.activeBackground#f0f4f0
- tab.activeBorder#3a9d7f
- tab.activeBorderTop#3a9d7f
- tab.activeForeground#3a4a4f
- tab.border#e0e6e6
- tab.hoverBackground#f5f9f9
- tab.inactiveBackground#e8eded
- tab.inactiveForeground#6a7a7f
- tab.unfocusedActiveBorder#7a9d8f
- terminal.ansiBlack#3a4a4f
- terminal.ansiBlue#4a90a4
- terminal.ansiBrightBlack#6a7a7f
- terminal.ansiBrightBlue#5aa0b4
- terminal.ansiBrightCyan#4aad9f
- terminal.ansiBrightGreen#4aad8f
- terminal.ansiBrightMagenta#9b9fb3
- terminal.ansiBrightRed#b58c83
- terminal.ansiBrightWhite#e0e8e8
- terminal.ansiBrightYellow#c8a42f
- terminal.ansiCyan#3a9d8f
- terminal.ansiGreen#3a9d7f
- terminal.ansiMagenta#8b8fa3
- terminal.ansiRed#a67c73
- terminal.ansiWhite#d0d8d8
- terminal.ansiYellow#b8941f
- terminal.background#e3e9e8
- terminal.foreground#3a4a4f
- titleBar.activeBackground#e8eded
- titleBar.activeForeground#3a4a4f
- titleBar.border#d8e0e0
- titleBar.inactiveBackground#f0f4f4
- titleBar.inactiveForeground#8a9a9f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a8a6f | italic |
| string, string.quoted, string.template | #2a8d6f | — |
| punctuation.definition.template-expression, meta.embedded | #4a90a4 | — |
| constant.numeric, constant.language.numeric | #a87f3f | — |
| constant.language, constant.character, constant.other | #2a8d8f | — |
| keyword, keyword.control, keyword.operator.new, keyword.other | #3a7a9f | bold |
| keyword.operator, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.comparison | #5a8aaf | — |
| storage, storage.type, storage.modifier | #3a7a9f | bold |
| entity.name.function, support.function | #a87f3f | — |
| meta.function-call, variable.function | #a87f3f | — |
| entity.name.type, entity.name.class, support.type, support.class | #2a8d8f | — |
| variable, variable.other, variable.parameter | #3a6a8f | — |
| variable.other.property, variable.other.object.property, support.variable.property | #4a7a9f | — |
| variable.language, variable.language.this, variable.language.super | #3a7a9f | italic bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #3a7a9f | bold |
| meta.decorator, entity.name.function.decorator, punctuation.definition.decorator | #a87f3f | italic |
| entity.name.tag, meta.tag | #3a7a9f | — |
| entity.other.attribute-name | #4a8a9f | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #3a7a9f | — |
| support.type.property-name.css | #4a7a9f | — |
| support.type.property-name.json, string.json support.type.property-name.json | #3a7a9f | — |
| markup.heading, entity.name.section.markdown | #3a7a9f | bold |
| markup.bold | #4a8a9f | bold |
| markup.italic | #3a9d7f | italic |
| markup.underline.link, string.other.link.title.markdown | #2a8d6f | — |
| markup.inline.raw, markup.fenced_code.block.markdown | #a87f3f | — |
| string.regexp | #a87f3f | — |
| punctuation | #5a7a8f | — |
| invalid, invalid.deprecated | #a67c73 | underline |
| source.json string.json support.type.property-name.json, source.json meta.structure.dictionary.json string.json support.type.property-name.json, source.yaml meta.map.key.yaml entity.name.tag.yaml, source.yaml meta.map.key.yaml string.unquoted.plain.yaml entity.name.tag.yaml, source.yaml meta.map.key.yaml string.quoted.double.yaml entity.name.tag.yaml, source.yaml meta.map.key.yaml string.quoted.single.yaml entity.name.tag.yaml, source.yaml meta.flow.map.key.yaml string.unquoted.plain.in.yaml entity.name.tag.yaml, source.toml variable.other.key.toml, source.toml entity.name.section.key.quoted.toml, text.xml entity.name.tag.xml, text.xml entity.name.tag.localname.xml, text.xml entity.other.attribute-name.xml, text.xml entity.other.attribute-name.localname.xml | #859900 | — |
| source.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.array.json string.quoted.double.json, source.yaml meta.map.value.yaml string.quoted.double.yaml, source.yaml meta.map.value.yaml string.quoted.single.yaml, source.yaml meta.map.value.yaml string.unquoted.plain.out.yaml, source.yaml meta.block.sequence.yaml string.quoted.double.yaml, source.yaml meta.block.sequence.yaml string.quoted.single.yaml, source.yaml string.unquoted.block.yaml, source.toml string.quoted.double.toml, source.toml string.quoted.single.toml, source.toml string.quoted.double.multiline.toml, source.toml string.quoted.single.multiline.toml, text.xml string.quoted.double.xml, text.xml string.quoted.single.xml, text.xml string.unquoted.cdata.xml | #2aa198 | — |
| source.json constant.numeric.json, source.json constant.numeric, source.yaml constant.numeric.integer.decimal.yaml, source.yaml constant.numeric.integer.octal.yaml, source.yaml constant.numeric.integer.hexadecimal.yaml, source.yaml constant.numeric.float.yaml, source.yaml constant.numeric.float.inf.yaml, source.yaml constant.numeric.float.nan.yaml, source.yaml constant.numeric.yaml-version.yaml, source.yaml constant.numeric.indentation-indicator.yaml, source.toml constant.numeric.toml, source.toml constant.numeric.integer.toml, source.toml constant.numeric.float.toml, source.toml constant.numeric.hex.toml, source.toml constant.numeric.binary.toml, source.toml constant.numeric.octal.toml | #d33682 | — |
| source.json constant.language.json, source.json constant.language, source.yaml constant.language.null.yaml, source.yaml constant.language.boolean.yaml, source.toml constant.language.boolean.toml | #b58900 | — |
| source.json constant.character.escape.json, source.yaml constant.character.escape.yaml, source.yaml constant.character.escape.single-quote.yaml, source.yaml constant.character.escape.unicode.8-bit.yaml, source.yaml constant.character.escape.unicode.16-bit.yaml, source.yaml constant.character.escape.unicode.32-bit.yaml, source.toml constant.character.escape.toml, text.xml constant.character.entity.xml, text.xml constant.character.parameter-entity.xml | #268bd2 | — |
| source.json punctuation.definition.dictionary.begin.json, source.json punctuation.definition.dictionary.end.json, source.json punctuation.definition.array.begin.json, source.json punctuation.definition.array.end.json, source.json punctuation.separator.dictionary.key-value.json, source.json punctuation.separator.dictionary.pair.json, source.json punctuation.definition.string.begin.json, source.json punctuation.definition.string.end.json, source.json punctuation.separator.array.json, source.json punctuation.support.type.property-name.begin.json, source.json punctuation.support.type.property-name.end.json, source.yaml punctuation.separator.map.value.yaml, source.yaml punctuation.definition.map.key.yaml, source.yaml punctuation.definition.block.sequence.item.yaml, source.yaml punctuation.definition.string.begin.yaml, source.yaml punctuation.definition.string.end.yaml, source.toml punctuation.definition.table.begin.toml, source.toml punctuation.definition.table.end.toml, source.toml punctuation.definition.table.array.begin.toml, source.toml punctuation.definition.table.array.end.toml, source.toml keyword.operator.assignment.toml, source.toml punctuation.separator.dot.toml, source.toml punctuation.definition.comment.toml, text.xml punctuation.definition.tag.xml, text.xml punctuation.definition.string.begin.xml, text.xml punctuation.definition.string.end.xml, text.xml punctuation.separator.namespace.xml, text.xml punctuation.definition.constant.xml | #93a1a1 | — |
| source.json invalid.illegal, source.json invalid.deprecated, source.yaml invalid.illegal, source.yaml invalid.deprecated, source.toml invalid.illegal, source.toml invalid.deprecated, text.xml invalid.illegal, text.xml invalid.deprecated | #dc322f | — |
| text.html.basic entity.name.tag, text.html.basic entity.name.tag.html | #72f1b8 | — |
| text.html.basic punctuation.definition.tag, text.html.basic punctuation.definition.tag.html | #36f9f6 | — |
| text.html.basic entity.other.attribute-name, text.html.basic entity.other.attribute-name.html | #fede5d | italic |
| text.html.basic meta.attribute.class.html, text.html.basic entity.other.attribute-name.id.html, text.html.basic entity.other.attribute-name.class.html | #fe4450 | — |
| text.html.basic string.quoted.double.html, text.html.basic string.quoted.single.html | #ff8b39 | — |
| text.html.basic string.unquoted.html | #ff8b39 | — |
| text.html.basic punctuation.separator.key-value.html, text.html.basic punctuation.definition.string.begin.html, text.html.basic punctuation.definition.string.end.html | #b6b1b1 | — |
| text.html.basic comment, text.html.basic comment.block.html | #848bbd | italic |
| text.html.basic punctuation.definition.entity.html, text.html.basic constant.character.entity | #36f9f6 | — |
| text.html.basic invalid.illegal, text.html.basic invalid.deprecated | #fe4450 | — |