IBM Carbon Color Theme
Publisher: eXotech-codeThemes in package: 1
Dark color theme based on IBM's Carbon Design System code snippets colors.
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.activeBorder#0353e9
- activityBar.background#262626
- activityBar.foreground#c6c6c6
- activityBarBadge.background#393939
- badge.background#161616
- breadcrumb.background#161616
- button.background#0f62fe
- button.hoverBackground#0353e9
- button.secondaryBackground#393939
- button.secondaryHoverBackground#4c4c4c
- checkbox.background#f4f4f4
- checkbox.border#f4f4f4
- checkbox.foreground#161616
- dropdown.background#262626
- dropdown.listBackground#262626
- editor.background#161616
- editor.foreground#fff
- editor.inactiveSelectionBackground#3a3d41
- editor.selectionHighlightBackground#add6ff26
- editorGroupHeader.tabsBackground#262626
- editorIndentGuide.activeBackground#707070
- editorIndentGuide.background#404040
- extensionButton.prominentBackground#0f62fe
- extensionButton.prominentHoverBackground#0353e9
- input.background#393939
- input.placeholderForeground#a6a6a6
- inputOption.activeBorder#6f6f6f
- list.dropBackground#383b3d
- menu.background#262626
- menu.foreground#cccccc
- menu.selectionBackground#353535
- minimap.errorHighlight#da1e28
- minimap.findMatchHighlight#f1c21b
- notificationCenterHeader.background#262626
- notificationCenterHeader.foreground#c6c6c6
- notificationLink.foreground#78a9ff
- notifications.background#262626
- notifications.foreground#c6c6c6
- notificationsErrorIcon.foreground#da1e28
- notificationsInfoIcon.foreground#c6c6c6
- notificationsWarningIcon.foreground#f1c21b
- settings.dropdownBackground#393939
- settings.dropdownListBorder#ffffff
- settings.modifiedItemIndicator#0f62fe
- sideBar.background#262626
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#cccccc33
- sideBarTitle.foreground#bbbbbb
- statusBar.background#262626
- statusBar.noFolderBackground#262626
- statusBarItem.prominentBackground#0f62fe
- statusBarItem.remoteBackground#198038
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#161616
- tab.lastPinnedBorder#cccccc33
- terminal.ansiBlue#78a9ff
- terminal.ansiBrightBlue#d0e2ff
- terminal.ansiBrightCyan#bae6ff
- terminal.ansiBrightGreen#a7f0ba
- terminal.ansiBrightMagenta#ffd6e8
- terminal.ansiBrightRed#ffd7d9
- terminal.ansiCyan#33b1ff
- terminal.ansiGreen#42be65
- terminal.ansiMagenta#ff7eb6
- terminal.ansiRed#ff8389
- terminal.border#262626
- titleBar.activeBackground#393939
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #D4D4D4 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| constant.language | #be95ff | — |
| constant.language.boolean.true | #42be65 | — |
| constant.language.boolean.false | #ff8389 | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #78a9ff | — |
| constant.regexp | #646695 | — |
| entity.name.tag.yaml | #9ef0f0 | — |
| entity.name.tag.css | #be95ff | — |
| entity.other.attribute-name | #9ef0f0 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss | #be95ff | — |
| support.function.misc.css | #9ef0f0 | — |
| invalid | #F44747 | — |
| markup.underline | #9ef0f0 | underline |
| markup.bold | #9ef0f0 | bold |
| markup.heading | #78a9ff | — |
| markup.italic | #9ef0f0 | italic |
| markup.inserted | #B5CEA8 | — |
| markup.deleted | #CE9178 | — |
| markup.changed | #569CD6 | — |
| markup.quote | #ff7eb6 | — |
| markup.list | #be95ff | — |
| punctuation.definition.string.end.markdown, punctuation.definition.string.begin.markdown | #78a9ff | — |
| punctuation.definition.metadata.markdown | #78a9ff | — |
| punctuation.definition.tag | #78a9ff | — |
| meta.preprocessor, entity.name.function.preprocessor | #569CD6 | — |
| meta.preprocessor.string | #CE9178 | — |
| meta.preprocessor.numeric | #B5CEA8 | — |
| meta.structure.dictionary.key.python | #9CDCFE | — |
| meta.diff.header | #569CD6 | — |
| storage | #be95ff | — |
| storage.type.function.arrow | #78a9ff | — |
| storage.modifier, keyword.operator.noexcept | #be95ff | — |
| string, meta.embedded.assembly | #ff7eb6 | — |
| string.tag | #CE9178 | — |
| string.value | #CE9178 | — |
| string.regexp | #D16969 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #569CD6 | — |
| meta.template.expression | #D4D4D4 | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded | #9ef0f0 | — |
| keyword | #be95ff | — |
| keyword.control | #be95ff | — |
| keyword.operator | #78a9ff | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #569CD6 | — |
| keyword.other.unit | #78a9ff | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #569CD6 | — |
| support.function.git-rebase | #9CDCFE | — |
| constant.sha.git-rebase | #B5CEA8 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #D4D4D4 | — |
| variable.language.this.js | #ff8389 | italic |
| comment | #6F6F6F | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| entity.name.function | #9ef0f0 | |
| meta.function-call | #9ef0f0 | — |
| variable | #fff | bold |
| support.class | #fff | — |
| constant.character.escape | #ff8389 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...