Relaxed Theme - Semantic Focus
Publisher: nomad-in-codeThemes in package: 3
A calm, readable dark theme for Visual Studio Code with first‑class semantic highlighting. Tuned for TypeScript/JavaScript and C# (.NET)
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#26292e
- activityBarBadge.background#7e8f9c
- breadcrumb.activeSelectionForeground#dde1e6
- breadcrumb.background#2b2f34
- breadcrumb.focusForeground#dde1e6
- breadcrumb.foreground#b7bcc6
- breadcrumbPicker.background#282c31e6
- diffEditor.insertedTextBackground#8fae6b55
- diffEditor.removedTextBackground#c4776f55
- dropdown.background#282c31e6
- dropdown.border#363b42
- editor.background#2b2f34
- editor.findMatchBackground#7e8f9c55
- editor.findMatchBorder#7e8f9c
- editor.findMatchHighlightBackground#7e8f9c30
- editor.findRangeHighlightBackground#ffffff10
- editor.foldBackground#ffffff08
- editor.foreground#dde1e6
- editor.hoverHighlightBackground#7e8f9c22
- editor.lineHighlightBackground#3a404a
- editor.linkedEditingBackground#7e8f9c15
- editor.selectionBackground#5b6374
- editor.selectionForeground#ffffff
- editor.selectionHighlightBackground#5b637455
- editor.wordHighlightBackground#ffffff1a
- editor.wordHighlightStrongBackground#ffffff30
- editorBracketHighlight.foreground1#85a7bf
- editorBracketHighlight.foreground2#8fae6b
- editorBracketHighlight.foreground3#d7c27e
- editorBracketHighlight.foreground4#a47aa7
- editorBracketHighlight.foreground5#b9d3ea
- editorBracketHighlight.foreground6#c4776f
- editorBracketPairGuide.activeBackground1#85a7bf40
- editorBracketPairGuide.activeBackground2#8fae6b40
- editorBracketPairGuide.activeBackground3#d7c27e40
- editorBracketPairGuide.activeBackground4#a47aa740
- editorBracketPairGuide.activeBackground5#b9d3ea40
- editorBracketPairGuide.activeBackground6#c4776f40
- editorBracketPairGuide.background1#85a7bf20
- editorBracketPairGuide.background2#8fae6b20
- editorBracketPairGuide.background3#d7c27e20
- editorBracketPairGuide.background4#a47aa720
- editorBracketPairGuide.background5#b9d3ea20
- editorBracketPairGuide.background6#c4776f20
- editorGroupHeader.tabsBackground#282c31
- editorGutter.addedBackground#8fae6b
- editorGutter.deletedBackground#c4776f
- editorGutter.modifiedBackground#d7c27e
- editorInlayHint.background#00000030
- editorInlayHint.foreground#cfd6de
- editorInlayHint.parameterBackground#00000030
- editorInlayHint.parameterForeground#e2e8ef
- editorInlayHint.typeBackground#00000030
- editorInlayHint.typeForeground#cfd6de
- editorLineNumber.activeForeground#d7c27e
- editorLineNumber.foreground#9aa1aa
- editorRuler.foreground#7f8590
- editorStickyScroll.background#2b2f34
- editorStickyScroll.border#363b42
- editorStickyScrollHover.background#30353b
- editorSuggestWidget.background#24282de6
- editorSuggestWidget.border#363b42
- editorSuggestWidget.foreground#dde1e6
- editorSuggestWidget.highlightForeground#7e8f9c
- editorSuggestWidget.selectedBackground#30353b
- editorSuggestWidget.selectedForeground#ffffff
- editorWhitespace.foreground#8a8f98
- editorWidget.background#30353bdd
- editorWidget.border#7e8f9c
- focusBorder#7e8f9c
- gitDecoration.conflictingResourceForeground#a47aa7
- gitDecoration.deletedResourceForeground#c4776f
- gitDecoration.ignoredResourceForeground#8a8f98
- gitDecoration.modifiedResourceForeground#d7c27e
- gitDecoration.untrackedResourceForeground#8fae6b
- input.border#7e8f9c
- list.activeSelectionBackground#30353b
- list.activeSelectionForeground#ffffff
- list.focusBackground#3a4b41
- list.focusForeground#ffffff
- list.focusOutline#8fae6b
- list.highlightForeground#7e8f9c
- list.hoverBackground#30353b
- list.inactiveSelectionForeground#dde1e6
- menu.background#282c31e6
- menu.selectionBackground#30353b
- minimap.background#262b30
- minimap.findMatchHighlight#d7c27eaa
- minimap.selectionHighlight#7e8f9c80
- minimapGutter.addedBackground#8fae6b
- minimapGutter.deletedBackground#c4776f
- minimapGutter.modifiedBackground#d7c27e
- notificationCenter.border#363b42
- notificationLink.foreground#7e8f9c
- notifications.background#282c31e6
- notificationToast.border#363b42
- panel.background#292e33
- panel.border#3b4149
- peekView.border#7e8f9c
- peekViewEditor.background#2f3540f0
- peekViewEditor.matchHighlightBackground#7e8f9c30
- peekViewResult.background#282c31
- peekViewResult.matchHighlightBackground#7e8f9c30
- peekViewResult.selectionBackground#30353b
- peekViewTitle.background#2b3036e6
- peekViewTitleDescription.foreground#a9b3bc
- peekViewTitleLabel.foreground#dde1e6
- pickerGroup.foreground#7e8f9c
- progressBar.background#7e8f9c
- quickInput.background#282c31e6
- quickInputList.focusBackground#30353b
- scrollbar.shadow#3a404640
- scrollbarSlider.activeBackground#7e8f9c
- selection.background#7e8f9c33
- sideBar.background#282d32
- sideBar.border#3b4149
- sideBarSectionHeader.background#333941
- sideBarTitle.foreground#dde1e6
- statusBar.background#282d33
- statusBar.border#363b42
- statusBar.debuggingBackground#7e8f9c
- statusBar.debuggingForeground#24282d
- statusBar.noFolderBackground#24282d
- statusBar.noFolderForeground#ffffff
- tab.activeBorder#7e8f9c
- tab.activeModifiedBorder#d7c27e
- tab.hoverBackground#2b2f34
- tab.inactiveBackground#25292e
- tab.inactiveForeground#b7bcc6
- tab.inactiveModifiedBorder#d7c27e88
- tab.unfocusedActiveBorder#627786
- terminal.ansiBlack#151515
- terminal.ansiBlue#85a7bf
- terminal.ansiBrightBlack#8a8f98
- terminal.ansiBrightBlue#85a7bf
- terminal.ansiBrightCyan#b9d3ea
- terminal.ansiBrightGreen#8fae6b
- terminal.ansiBrightMagenta#a47aa7
- terminal.ansiBrightRed#c4776f
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#d7c27e
- terminal.ansiCyan#b9d3ea
- terminal.ansiGreen#8fae6b
- terminal.ansiMagenta#a47aa7
- terminal.ansiRed#c4776f
- terminal.ansiWhite#dde1e6
- terminal.ansiYellow#d7c27e
- terminal.background#30353b
- terminal.foreground#dde1e6
- terminal.selectionBackground#7e8f9ca0
- terminalCursor.background#dde1e6
- terminalCursor.foreground#dde1e6
- textLink.foreground#7e8f9c
- titleBar.activeBackground#272b2f
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8a9098 | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator | #a47aa7 | — |
| string, string.quoted, string.template | #8fae6b | — |
| constant.numeric, constant.character, constant.language, support.constant | #b8854a | — |
| string.regexp, constant.character.escape | #b9d3ea | — |
| invalid, invalid.illegal | #c4776f | — |
| punctuation, meta.brace, meta.bracket, meta.delimiter, keyword.other.template, keyword.other.substitution | #dde1e6 | — |
| entity.name.function, entity.name.method, meta.function-call, support.function | #85a7bf | bold |
| variable, variable.other.readwrite, string constant.other.placeholder | #dde1e6 | — |
| variable.parameter, meta.parameter | #b8c8d8 | — |
| entity.name.type, entity.name.class, support.type, support.class, support.type.sys-types | #d7c27e | bold |
| entity.name.type.interface, support.type.interface | #b8c8d8 | — |
| entity.name.type.enum, variable.other.enummember, constant.other.enummember | #e8b85f | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.property.object, meta.object-literal.key, meta.member | #b9d3ea | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, meta.decorator, meta.attribute, entity.name.attribute, entity.name.function.decorator, variable.function.decorator | #85a7bf | italic |
| variable.language, variable.language.this, variable.language.super, variable.language.self, constant.language.null, constant.language.undefined | #c4776f | italic |
| source.ts entity.name.function, source.tsx entity.name.function, source.js entity.name.function, source.jsx entity.name.function, source.ts entity.name.method, source.tsx entity.name.method, source.js entity.name.method, source.jsx entity.name.method | #85a7bf | — |
| source.ts variable.parameter, source.tsx variable.parameter, source.js variable.parameter, source.jsx variable.parameter | #b8c8d8 | — |
| source.ts variable.other.property, source.ts meta.object-literal.key, source.js variable.other.property, source.js meta.object-literal.key, support.variable.property.js, support.variable.property.ts | #b9d3ea | — |
| source.ts entity.name.type, source.ts entity.name.class, source.tsx entity.name.type, source.tsx entity.name.class, source.ts entity.name.type.interface, source.tsx entity.name.type.interface, source.ts entity.name.type.enum, source.tsx entity.name.type.enum | #d7c27e | — |
| source.ts entity.name.type.interface, source.tsx entity.name.type.interface | #b8c8d8 | — |
| source.ts keyword.other.type-alias, source.tsx keyword.other.type-alias | #d7c27e | italic |
| source.ts meta.type.annotation, source.tsx meta.type.annotation, source.ts storage.type, source.tsx storage.type | #d7c27e | — |
| entity.name.tag.tsx, entity.name.tag.jsx, meta.tag.tsx, meta.tag.jsx, entity.other.attribute-name.tsx, entity.other.attribute-name.jsx | #c4776f | — |
| source.ts variable.function, source.tsx variable.function, source.js variable.function, source.jsx variable.function | #95a7bf | — |
| source.ts meta.decorator, source.tsx meta.decorator | #85a7bf | italic |
| source.python entity.name.function, source.python meta.function-call, source.python support.function | #85a7bf | — |
| source.python variable.parameter.function, source.python variable.parameter | #b8c8d8 | — |
| source.python entity.name.class, source.python support.type, source.python support.class | #d7c27e | — |
| source.python support.function.builtin, source.python support.type.builtin, constant.language.python | #dfc39a | — |
| source.python variable.language.self | #c4776f | italic |
| source.cs entity.name.method, source.cs meta.method-call, source.cs support.function | #85a7bf | — |
| source.cs variable.parameter, source.cs meta.parameter | #b8c8d8 | — |
| source.cs variable.parameter.primary-constructor | #e9c28a | — |
| source.cs entity.name.type, source.cs entity.name.class, source.cs entity.name.struct, source.cs entity.name.interface, source.cs entity.name.enum, source.cs support.type, source.cs support.class | #d7c27e | — |
| source.cs entity.name.namespace, source.cs support.namespace | #8aa0b3 | — |
| source.cs meta.attribute, source.cs entity.name.attribute | #85a7bf | italic |
| source.cs keyword.other.access-modifier | #9a7aa7 | — |
| source.cs keyword.other.record | #b47aa7 | — |
| source.cs keyword.other.async | #a47aa7 | italic |
| source.cs storage.modifier.static | #a47aa7 | bold |
| source.cs keyword.other.linq | #a47aa7 | underline |
| source.cs keyword.other.pattern | #a47aa7 | bold |
| source.cs keyword, source.cs storage.type, source.cs storage.modifier | #a47aa7 | — |
| source.json support.type.property-name.json | #9ab4c6 | |
| source.json string.quoted.double.json | #8fae6b | — |
| entity.name.tag.yaml, meta.mapping.key.yaml | #85a7bf | |
| string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.plain.yaml | #8fae6b | — |
| constant.numeric.yaml | #e4a85c | — |
| constant.language.boolean.yaml | #c4776f | — |
| entity.name.tag.yaml, variable.other.alias.yaml | #a47aa7 | — |
| comment.line.yaml | #8a9098 | italic |
| meta.embedded.expression, meta.embedded.expression.yaml, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin.yaml, punctuation.section.embedded.end.yaml | #b9d3ea | |
| variable.other.template.yaml, meta.template.expression.yaml, entity.name.function.template.yaml, support.function.template.yaml | #85a7bf | |
| markup.heading, markdown.heading, markup.heading.markdown punctuation.definition.heading.markdown | #8fae6b | — |
| string.other.link.title.markdown, string.other.link.description.title.markdown, constant.other.reference.link.markdown | #7e8f9c | — |
| source.dockerfile entity.name.instruction, source.dockerfile keyword.other, source.dockerfile keyword.control | #d7c27e | bold |
| source.dockerfile variable.parameter, source.dockerfile variable.other | #b9d3ea | — |
| source.dockerfile comment, source.dockerfile punctuation.definition.comment | #8a9098 | italic |
| meta.mapping.key.yaml, entity.name.tag.yaml, support.type.property-name.yaml | #85a7bf | |
| meta.preprocessor.cs, keyword.control.directive.cs, punctuation.definition.preprocessor.cs | #8a9098 | italic |
| keyword.other.export, storage.modifier.export | #a47aa7 | bold |
| variable.other.property.readonly, meta.property.readonly, storage.modifier.readonly | #e4a85c |