Cold Black
Publisher: VSCodeStylizedThemes in package: 1
Dark icy blue theme
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#101010
- activityBar.border#102030
- activityBar.foreground#508090
- activityBarBadge.background#506070
- activityBarBadge.foreground#508090
- badge.background#406080
- badge.foreground#101010
- button.background#50607080
- button.foreground#508090
- button.hoverBackground#50607060
- debugToolBar.background#101010
- diffEditor.insertedTextBackground#40608030
- diffEditor.insertedTextBorder#20979700
- diffEditor.removedTextBackground#30405030
- diffEditor.removedTextBorder#60304000
- dropdown.background#101010
- dropdown.border#102030
- dropdown.foreground#508090
- editor.background#101010
- editor.findMatchBackground#30405070
- editor.findMatchHighlightBackground#30405030
- editor.findRangeHighlightBackground#30405070
- editor.foreground#508090
- editor.hoverHighlightBackground#50908050
- editor.lineHighlightBackground#10203060
- editor.lineHighlightBorder#10203000
- editor.selectionBackground#50908040
- editor.selectionHighlightBackground#10305040
- editorBracketMatch.background#30405080
- editorBracketMatch.border#10101000
- editorCodeLens.foreground#45556590
- editorCursor.foreground#508090
- editorError.foreground#603040
- editorGroup.border#102030
- editorGroup.dropBackground#10203060
- editorGroupHeader.noTabsBackground#102030
- editorGroupHeader.tabsBackground#101010
- editorGroupHeader.tabsBorder#102030
- editorGutter.addedBackground#406080
- editorGutter.background#10101000
- editorGutter.deletedBackground#304050
- editorGutter.modifiedBackground#607080
- editorHoverWidget.background#101010
- editorHoverWidget.border#102030
- editorIndentGuide.activeBackground#45556550
- editorIndentGuide.background#45556520
- editorInfo.foreground#506070
- editorLineNumber.activeForeground#508090
- editorLineNumber.foreground#334455
- editorLink.activeForeground#508090
- editorOverviewRuler.addedForeground#607080
- editorOverviewRuler.border#10101000
- editorOverviewRuler.commonContentForeground#209090
- editorOverviewRuler.currentContentForeground#506070
- editorOverviewRuler.deletedForeground#607080
- editorOverviewRuler.errorForeground#304050
- editorOverviewRuler.findMatchForeground#758595
- editorOverviewRuler.incomingContentForeground#509080
- editorOverviewRuler.infoForeground#406080
- editorOverviewRuler.modifiedForeground#607080
- editorOverviewRuler.rangeHighlightForeground#758595
- editorOverviewRuler.selectionHighlightForeground#334455
- editorOverviewRuler.warningForeground#d07020
- editorOverviewRuler.wordHighlightForeground#334455
- editorOverviewRuler.wordHighlightStrongForeground#334455
- editorRuler.foreground#45556540
- editorSuggestWidget.background#101010
- editorSuggestWidget.border#102030
- editorSuggestWidget.foreground#508090
- editorSuggestWidget.highlightForeground#509080
- editorSuggestWidget.selectedBackground#10203060
- editorWarning.foreground#d07020
- editorWhitespace.foreground#45556520
- editorWidget.background#101010
- editorWidget.border#102030
- errorForeground#304050
- extensionButton.prominentBackground#40607080
- extensionButton.prominentHoverBackground#40608030
- focusBorder#102030
- foreground#508090
- gitDecoration.conflictingResourceForeground#d0a0b0
- gitDecoration.deletedResourceForeground#603040
- gitDecoration.ignoredResourceForeground#7c6f64
- gitDecoration.modifiedResourceForeground#d07020
- gitDecoration.untrackedResourceForeground#209797
- input.background#50809005
- input.border#102030
- input.foreground#508090
- input.placeholderForeground#50809060
- inputOption.activeBorder#50809060
- inputValidation.errorBackground#60304080
- inputValidation.errorBorder#304050
- inputValidation.infoBackground#50607080
- inputValidation.infoBorder#607080
- inputValidation.warningBackground#d0702080
- inputValidation.warningBorder#607080
- list.activeSelectionBackground#10203080
- list.activeSelectionForeground#304050
- list.dropBackground#102030
- list.focusBackground#102030
- list.focusForeground#508090
- list.highlightForeground#509080
- list.hoverBackground#10203080
- list.hoverForeground#405060
- list.inactiveSelectionBackground#10203080
- list.inactiveSelectionForeground#509080
- merge.border#10101000
- merge.currentContentBackground#50607020
- merge.currentHeaderBackground#50607040
- merge.incomingContentBackground#50908020
- merge.incomingHeaderBackground#50908040
- panel.border#102030
- panelTitle.activeForeground#508090
- peekView.border#102030
- peekViewEditor.background#10203050
- peekViewEditor.matchHighlightBackground#30405030
- peekViewEditorGutter.background#10203050
- peekViewResult.background#10203050
- peekViewResult.fileForeground#508090
- peekViewResult.matchHighlightBackground#30405030
- peekViewResult.selectionBackground#30405030
- peekViewResult.selectionForeground#30405030
- peekViewTitle.background#10203050
- peekViewTitleDescription.foreground#758595
- peekViewTitleLabel.foreground#508090
- progressBar.background#509080
- scrollbar.shadow#101010
- scrollbarSlider.activeBackground#509080
- scrollbarSlider.background#50494599
- scrollbarSlider.hoverBackground#334455
- selection.background#50908080
- settings.headerForeground#cecece
- sideBar.background#101010
- sideBar.border#102030
- sideBar.foreground#405060
- sideBarSectionHeader.background#10101000
- sideBarSectionHeader.foreground#508090
- sideBarTitle.foreground#508090
- statusBar.background#101010
- statusBar.border#102030
- statusBar.debuggingBackground#304050
- statusBar.debuggingBorder#10101000
- statusBar.debuggingForeground#101010
- statusBar.foreground#508090
- statusBar.noFolderBackground#101010
- statusBar.noFolderBorder#10101000
- tab.activeBackground#101010
- tab.activeBorder#509080
- tab.activeForeground#508090
- tab.border#10101000
- tab.inactiveBackground#101010
- tab.inactiveForeground#455565
- tab.unfocusedActiveBorder#10101000
- tab.unfocusedActiveForeground#455565
- tab.unfocusedInactiveForeground#209090
- terminal.ansiBlack#102030
- terminal.ansiBlue#506070
- terminal.ansiBrightBlack#209090
- terminal.ansiBrightBlue#607080
- terminal.ansiBrightCyan#304050
- terminal.ansiBrightGreen#406080
- terminal.ansiBrightMagenta#406080
- terminal.ansiBrightRed#304050
- terminal.ansiBrightWhite#508090
- terminal.ansiBrightYellow#607080
- terminal.ansiCyan#509080
- terminal.ansiGreen#209797
- terminal.ansiMagenta#d0a0b0
- terminal.ansiRed#603040
- terminal.ansiWhite#455565
- terminal.ansiYellow#d07020
- terminal.background#101010
- terminal.foreground#508090
- textLink.activeForeground#506070
- textLink.foreground#607080
- titleBar.activeBackground#101010
- titleBar.activeForeground#508090
- titleBar.inactiveBackground#101010
- widget.shadow#10101030
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #506070 | — |
| comment, punctuation.definition.comment | #209090 | italic |
| constant, support.constant, variable.arguments | #406080 | — |
| constant.rgb-value | #508090 | — |
| entity.name.selector | #304050 | — |
| entity.other.attribute-name | #607080 | — |
| entity.name.tag, punctuation.tag | #304050 | — |
| invalid, invalid.illegal | #603040 | — |
| invalid.deprecated | #d0a0b0 | — |
| meta.selector | #304050 | — |
| meta.preprocessor | #304050 | — |
| meta.preprocessor.string | #406080 | — |
| meta.preprocessor.numeric | #406080 | — |
| meta.header.diff | #304050 | — |
| storage | #304050 | — |
| storage.modifier | #304050 | — |
| string | #406080 | — |
| string.tag | #406080 | — |
| string.value | #406080 | — |
| string.regexp | #304050 | — |
| string.escape | #304050 | — |
| string.quasi | #304050 | — |
| string.entity | #406080 | — |
| object | #508090 | — |
| module.node | #607080 | — |
| support.type.property-name | #509080 | — |
| keyword | #304050 | — |
| keyword.control | #304050 | — |
| keyword.control.module | #304050 | — |
| keyword.control.less | #d07020 | — |
| keyword.operator | #304050 | — |
| keyword.operator.new | #304050 | — |
| keyword.other.unit | #406080 | — |
| metatag.php | #304050 | — |
| support.function.git-rebase | #509080 | — |
| constant.sha.git-rebase | #406080 | — |
| meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, storage.type.cs, variable.class | #607080 | — |
| variable.this, support.variable | #406080 | — |
| entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type | #607080 | — |
| storage.type.function, entity.function, entity.name.function.static | #304050 | — |
| entity.name.function.function-call | #304050 | — |
| support.function.builtin | #304050 | — |
| entity.name.method, entity.name.method.function-call, entity.name.static.function-call | #509080 | — |
| brace | #405060 | — |
| meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder | #607080 | — |
| prototype | #406080 | — |
| storage.type.class | #304050 | — |
| punctuation | #455565 | — |
| punctuation.quoted | #508090 | — |
| punctuation.quasi | #304050 | — |
| *url*, *link*, *uri* | — | underline |
| meta.function.python, entity.name.function.python | #304050 | — |
| storage.type.function.python, storage.modifier.declaration, storage.type.class.python | #304050 | — |
| meta.function-call.generic | #607080 | — |
| meta.function-call.arguments | #405060 | — |
| entity.name.function.decorator | #607080 | bold |
| constant.other.caps | — | bold |
| keyword.operator.logical | #304050 | — |
| punctuation.definition.logical-expression | #304050 | — |
| string.inperpolated.dollar.shell | #304050 | — |
| string.interpolated.dollar.shell, string.interpolated.backtick.shell | #304050 | — |
| keyword.control.directive | #304050 | — |
| support.function.C99 | #607080 | — |
| meta.scope.prerequisites | #607080 | — |
| entity.name.function.target | #406080 | bold |
| storage.modifier.import.java, storage.modifier.package.java | #758595 | — |
| keyword.other.import.java, keyword.other.package.java | #304050 | — |
| storage.type.java | #607080 | — |
| storage.type.annotation | #607080 | bold |
| keyword.other.documentation.javadoc | #304050 | — |
| comment.block.javadoc variable.parameter.java | #406080 | bold |
| source.java variable.other.object, source.java variable.other.definition.java | #508090 | — |
| meta.function-parameters.lisp | #607080 | — |
| markup.underline | — | underline |
| string.other.link.title.markdown | #209090 | underline |
| markup.underline.link | #406080 | — |
| markup.bold | #304050 | bold |
| markup.heading | #304050 | bold |
| markup.italic | — | italic |
| markup.inserted | #406080 | — |
| markup.deleted | #405060 | — |
| markup.changed | #304050 | — |
| markup.punctuation.quote.beginning | #209797 | — |
| markup.punctuation.list.beginning | #607080 | — |
| markup.inline.raw, markup.fenced_code.block | #304050 | — |
| string.quoted.double.json | #607080 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #406080 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #304050 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #406080 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #406080 | — |
| entity.other.attribute-name.css | #304050 | — |
| source.css meta.selector | #508090 | — |
| support.type.property-name.css | #304050 | — |
| entity.other.attribute-name.class | #406080 | — |
| source.css support.function.transform, source.css support.function.timing-function, source.css support.function.misc | #304050 | — |
| support.property-value, constant.rgb-value, support.property-value.scss, constant.rgb-value.scss | #405060 | — |
| entity.name.tag.css | — | |
| punctuation.definition.tag | #607080 | — |
| text.html entity.name.tag, text.html punctuation.tag | #304050 | bold |
| source.js variable.language | #304050 | — |
| source.ts variable.language | #304050 | — |
| source.go storage.type | #607080 | — |
| source.go entity.name.import | #406080 | — |
| source.go keyword.package, source.go keyword.import | #304050 | — |
| source.go keyword.interface, source.go keyword.struct | #607080 | — |
| source.go entity.name.type | #508090 | — |
| source.go entity.name.function | #406080 | — |
| keyword.control.cucumber.table | #607080 | — |
| source.reason string.double, source.reason string.regexp | #406080 | — |
| source.reason keyword.control.less | #304050 | — |
| source.reason entity.name.function | #607080 | — |
| source.reason support.property-value, source.reason entity.name.filename | #304050 | — |
| source.powershell variable.other.member.powershell | #304050 | — |
| source.powershell support.function.powershell | #607080 | — |
| source.powershell support.function.attribute.powershell | #758595 | — |
| source.powershell meta.hashtable.assignment.powershell variable.other.readwrite.powershell | #304050 | — |