IndigoCoal Dark Theme
Publisher: ACWeathersbyThemes in package: 1
A dark pastel color theme for long coding sessions
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.activeBackground#4138728a
- activityBar.background#16141e
- activityBar.border#1e1c29
- activityBar.dropBorder#1e1c29
- activityBar.foreground#c0c0c0
- activityBar.inactiveForeground#77747e
- activityBarBadge.background#a74116
- badge.background#3f3b66
- badge.foreground#c0c0c0
- breadcrumb.background#161222
- breadcrumb.focusForeground#352d4e
- breadcrumb.foreground#c0c0c0
- breadcrumbPicker.background#161222
- button.background#3f3b66
- button.hoverBackground#6945ca
- checkbox.background#2d2449
- checkbox.border#32294d
- debugExceptionWidget.background#161222
- debugIcon.breakpointCurrentStackframeForeground#7b4bff
- debugIcon.breakpointDisabledForeground#7b4bff
- debugIcon.breakpointForeground#7b4bff
- diffEditor.insertedTextBackground#38689062
- diffEditor.removedTextBackground#8a443363
- dropdown.background#161222
- editor.background#16141e
- editor.findMatchBackground#863cda83
- editor.findMatchHighlightBackground#3a3452
- editor.findMatchHighlightBorder#81818185
- editor.foreground#c0c0c0
- editor.lineHighlightBackground#36363638
- editor.selectionBackground#a18fbe2f
- editor.snippetTabstopHighlightBackground#cc3c3c7e
- editor.wordHighlightBackground#2d2842
- editorCursor.background#ecc543
- editorCursor.foreground#ecc543
- editorError.foreground#ff518b
- editorGroupHeader.tabsBackground#1e1c29
- editorGutter.addedBackground#9ec26f
- editorGutter.deletedBackground#b83535
- editorGutter.modifiedBackground#8492d3
- editorHint.foreground#79d9ff
- editorHoverWidget.background#26242e
- editorHoverWidget.border#282536
- editorIndentGuide.activeBackground#8d8d8a
- editorIndentGuide.background#332b50
- editorInfo.foreground#79d9ff
- editorLineNumber.activeForeground#352d4e
- editorLineNumber.foreground#797683
- editorRuler.foreground#352d4e
- editorSuggestWidget.background#26242e
- editorWarning.foreground#f15bff
- editorWhitespace.foreground#352d4e
- editorWidget.background#26242e
- extensionButton.prominentBackground#3f3b66
- extensionButton.prominentHoverBackground#6945ca
- focusBorder#8c889746
- gitDecoration.addedResourceForeground#9ec26f
- gitDecoration.deletedResourceForeground#b83535
- gitDecoration.ignoredResourceForeground#6e6880
- gitDecoration.modifiedResourceForeground#8492d3
- gitDecoration.untrackedResourceForeground#9ec26f
- input.background#342f44
- input.border#32294d
- list.activeSelectionBackground#6c6a704b
- list.dropBackground#2d2449
- list.errorForeground#e45c6e
- list.focusBackground#8c889746
- list.hoverBackground#452b8d46
- list.inactiveSelectionBackground#6c6a704b
- menu.background#1d1a27
- menubar.selectionBackground#352d4e
- menubar.selectionBorder#352d4e
- minimap.errorHighlight#b83535
- peekViewEditor.background#161222
- peekViewResult.background#161222
- peekViewTitle.background#161222
- problemsErrorIcon.foreground#b83535
- scrollbarSlider.activeBackground#9061f591
- scrollbarSlider.background#9061f548
- scrollbarSlider.hoverBackground#9061f56b
- settings.dropdownBackground#342f44
- settings.dropdownBorder#32294d
- sideBar.background#1b1a25
- sideBar.border#1e1c29
- sideBar.foreground#a3a3a3
- sideBarSectionHeader.background#16141e
- sideBarSectionHeader.border#16141e
- sideBarSectionHeader.foreground#c4c4c4
- statusBar.background#1e1c29
- statusBar.border#6b6b6b31
- statusBar.debuggingBackground#5536aaca
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#c0c0c0
- statusBar.noFolderBackground#ff2c2c93
- statusBarItem.hoverBackground#452b8d93
- tab.activeBackground#16141e
- tab.activeForeground#c4c4c4
- tab.border#1e1c29
- tab.inactiveBackground#1e1c29
- textLink.activeForeground#e6662f
- textLink.foreground#8f73ee
- titleBar.activeBackground#161222
- titleBar.activeForeground#c4c4c4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant.language.json, keyword, meta.function, meta.tag.metadata.doctype.html, punctuation.brackets.curly.rust, punctuation.definition.block, punctuation.definition.parameters, punctuation.section.block, storage | #626e8a | bold |
| entity.name.label, storage.type.modifier.access.control | #475972 | bold |
| support.constant.property-value.css, support.constant.color | #c0c0c0 | bold |
| entity.name.namespace, entity.name.scope-resolution, punctuation.separator.scope-resolution, support.constant.math, variable.language.special.self.python, variable.language.super, variable.language.this | #8398c5 | bold |
| entity.name.tag.css, meta.body, meta.function-call.arguments, new.expr, variable.other, variable.parameter | #bebebe | bold |
| entity.name.function.member, entity.other.attribute-name.id.css, markup.list, meta.attribute.python, meta.attribute.rust, meta.member.access, meta.object.member, support.variable.property, variable.other.constant.property, variable.other.object.property, variable.other.property | #dfd4cdce | italic |
| entity.name.function.call, meta.function-call, meta.function.call, markup.quote.markdown | #a8a8a8 | italic |
| entity.name.label, entity.other.attribute-name.html, entity.other.attribute-name, literal.key, meta.attribute.html, meta.definition.property, meta.definition.variable, meta.object-literal.key, meta.object.member, support.type.property-name.css | #c9ba9fe5 | italic |
| entity.name.function.constructor, entity.name.function.definition, entity.name.module, entity.name.type.class, keyword.other.operator.overload, meta.function.definition.rust, meta.definition.function, meta.definition.method, meta.head.function.definition.special.operator-overload, support.type.property-name.json | #fc7f4a | bold |
| cast.expr, entity.name.type, entity.other.inherited-class, fenced_code.block.language.markdown, markup.heading.markdown, meta.arguments.decltype, meta.return.type, meta.template.definition, meta.type, keyword.operator.dereference, keyword.operator.borrow, storage.type.built-in.primitive, storage.type.primitive, storage.type.template.argument, storage.modifier | #887fda | italic |
| meta.tag | #8675c2d7 | italic |
| entity.name.tag.css | #adadad | italic |
| entity.other.attribute-name.class.css | #bbbbbb | bold |
| meta.selector.css | #a5a5a5 | italic |
| string, source.ignore, punctuation.definition.string, markup.underline.link.image.markdown, meta.link.inline.markdown | #6ea363 | italic |
| string.unquoted, markup.inline | #62aeda | italic |
| constant.language, constant.numeric, keyword.other.unit, meta.structure.dictionary.value.json | #9873c2 | bold |
| meta.array.literal, meta.objectliteral | #c9ba9fe5 | bold |
| comment, punctuation.definition.comment, markup.heading.setext | #7E7A8FBD | bold |
| constant.language.import-export-all.js, keyword.operator, operator, storage.type.function.arrow | #5d97b4 | italic |
| entity.name.function.macro, keyword.control.directive, markup, meta.arrow, meta.class, meta.method.declaration, meta.object-binding-pattern-variable.ts, punctuation | #78737e | bold |
| punctuation.accessor, punctuation.separator.key-value | #848b8f | bold |
| punctuation.definition.tag, punctuation.section.property-list | #7f77ccd7 | bold |
| punctuation.definition.template-expression | #5b7a61 | bold |
| meta.brace.css, punctuation.section.arguments.begin.bracket, punctuation.section.arguments.end.bracket, punctuation.section.parameters.begin.bracket, punctuation.section.parameters.end.bracket | #5d97b4 | bold |
| text, text.html.markdown, text.html.derivative | #c0c0c0 | bold |
| markup.bold.markdown, punctuation.definition.bold.markdown | #d8b08d | bold |
| markup.italic | #a5c7d8 | italic |
| meta.image.inline.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, string.other.link.description.markdown, string.other.link.title.markdown | #8f73ee | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...