Carbon Theme VSCode
Publisher: PhanTriVietHoangThemes in package: 1
Carbon Theme VSCode
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#161e28
- activityBarBadge.background#00697c
- badge.background#00697c
- badge.foreground#ffffff
- button.background#084956
- button.foreground#f7f2de
- button.hoverBackground#084956d5
- button.secondaryBackground#2a3d4a
- button.secondaryForeground#eaf3f5
- button.secondaryHoverBackground#314654
- checkbox.background#2a3d4a
- debugToolBar.background#161e28
- descriptionForeground#8b949e
- diffEditor.insertedLineBackground#23863633
- diffEditor.insertedTextBackground#2386364d
- diffEditor.removedLineBackground#da363333
- diffEditor.removedTextBackground#da36334d
- dropdown.background#313131
- dropdown.foreground#bcbec4
- dropdown.listBackground#313131
- editor.background#161e28
- editor.findMatchBackground#2a3a4d4f
- editor.findMatchBorder#2a3a4d4f
- editor.findMatchHighlightBackground#2a3a4d4f
- editor.findMatchHighlightBorder#2a3a4d91
- editor.foldBackground#1e2a3e
- editor.foreground#bcbec4
- editor.lineHighlightBackground#1d2533
- editor.linkedEditingBackground#57535338
- editor.selectionBackground#214760
- editor.snippetFinalTabstopHighlightBackground#57535338
- editor.snippetFinalTabstopHighlightBorder#525252
- editor.snippetTabstopHighlightBackground#57535338
- editor.wordHighlightBackground#2a3a4d4f
- editor.wordHighlightStrongBackground#2a3a4d4f
- editorBracketMatch.background#2a3a4d4f
- editorBracketMatch.border#2a3a4d91
- editorCursor.background#1e2a3e
- editorCursor.foreground#bbbbbb
- editorGroupHeader.tabsBackground#161e28
- editorGutter.addedBackground#51966b
- editorGutter.deletedBackground#757575
- editorGutter.foldingControlForeground#a3a3a3
- editorGutter.modifiedBackground#214760
- editorWidget.background#161e28
- errorForeground#f85149
- focusBorder#0a677a
- foreground#bac8cb
- icon.foreground#bcbec4
- input.background#161e28
- input.foreground#bcbec4
- input.placeholderForeground#ffffff79
- inputOption.activeBackground#2489db82
- keybindingLabel.foreground#bcbec4
- list.activeSelectionBackground#0a677a
- list.activeSelectionForeground#ffffff
- list.activeSelectionIconForeground#ffffff
- list.dropBackground#383b3d
- list.highlightForeground#d6db92f2
- list.hoverBackground#1b2a40
- list.hoverForeground#cccccc
- list.inactiveSelectionBackground#1e2a3e
- list.inactiveSelectionForeground#dddddd
- menu.background#161e28
- menu.foreground#bcbec4
- menu.separatorBackground#454545
- panel.background#161e28
- panel.border#161e28
- panelTitle.activeBorder#161e28
- panelTitle.activeForeground#bcbec4
- panelTitle.inactiveForeground#8b949e
- peekViewEditor.background#161e28
- peekViewEditor.matchHighlightBackground#bb800966
- peekViewResult.background#161e28
- peekViewResult.matchHighlightBackground#bb800966
- pickerGroup.foreground#8b949e
- ports.iconRunningProcessForeground#369432
- progressBar.background#161e28
- quickInput.background#161e28
- quickInput.foreground#bcbec4
- scrollbar.shadow#161e28
- scrollbarSlider.activeBackground#6e768187
- scrollbarSlider.background#6e768133
- scrollbarSlider.hoverBackground#6e768145
- settings.dropdownBackground#313131
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#bb800966
- sideBar.background#161e28
- sideBar.foreground#bcbec4
- sideBarSectionHeader.background#161e28
- sideBarSectionHeader.foreground#bcbec4
- sideBarTitle.foreground#bcbec4
- statusBar.background#161e28
- statusBar.debuggingBackground#161e28
- statusBar.foreground#bcbec4
- statusBar.noFolderBackground#161e28
- statusBarItem.prominentBackground#6e768166
- statusBarItem.remoteBackground#161e28
- tab.activeBackground#161e28
- tab.activeForeground#bcbec4
- tab.border#161e28
- tab.hoverBackground#161e28
- tab.inactiveBackground#161e28
- tab.inactiveForeground#ffffff80
- tab.unfocusedHoverBackground#6e76811a
- terminal.foreground#bcbec4
- terminal.inactiveSelectionBackground#3a3d41
- textBlockQuote.background#010409
- textCodeBlock.background#6e768166
- textLink.activeForeground#40a6ff
- textLink.foreground#40a6ff
- textSeparator.foreground#21262d
- titleBar.activeBackground#161e28
- titleBar.activeForeground#161e28
- titleBar.inactiveBackground#161e28
- titleBar.inactiveForeground#161e28
- widget.shadow#161e28
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison | #9E74AE | — |
| variable.other.generic-type.haskell | #EB6689 | — |
| storage.type.haskell | #F6BEAD | — |
| support.constant.edge | #EB6689 | — |
| constant.other.character-class.regexp | #9E74AE | — |
| keyword.operator.quantifier.regexp | #F6BEAD | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #73A7A7 | — |
| variable.parameter.function | #BAC8CB | — |
| comment markup.link | #5D6976 | — |
| markup.changed.diff | #C8CCCD | — |
| meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff | #FFB1A9 | — |
| markup.inserted.diff | #73A7A7 | — |
| markup.deleted.diff | #9E74AE | — |
| punctuation.separator.key-value | #EB6689 | — |
| meta.attribute.class.html, punctuation.separator.key-value.html | #73A7A7 | — |
| punctuation.separator.key-value.css | #BCBEC4 | — |
| keyword.operator.expression.import | #FFB1A9 | — |
| support.constant.math | #C8CCCD | — |
| support.constant.property.math | #F6BEAD | — |
| variable.other.constant | #C8CCCD | — |
| variable.other.global.safer.php | #9E74AE | — |
| keyword.operator.logical | #EB6689 | — |
| keyword.operator.bitwise | #EB6689 | — |
| keyword.operator.channel | #EB6689 | — |
| support.constant.property-value.scss,support.constant.property-value.css | #EB6689 | — |
| keyword.operator.css,keyword.operator.scss,keyword.operator.less | #EB6689 | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #F6BEAD | — |
| punctuation.separator.list.comma.css | #BAC8CB | — |
| support.constant.color.w3c-standard-color-name.css | #F6BEAD | — |
| support.type.vendored.property-name.css | #EB6689 | — |
| support.module.node,support.type.object.module,support.module.node | #C8CCCD | — |
| entity.name.type.module | #C8CCCD | — |
| variable.other.readwrite,support.variable.property,support.variable.object.process,support.variable.object.node | — | — |
| variable.other.readwrite.alias | #C8CCCD | — |
| variable.parameter | #D0D6B5 | — |
| support.constant.json | #F6BEAD | — |
| keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof | #EB6689 | — |
| support.type.object.console | #9E74AE | — |
| support.variable.property.process | #F6BEAD | — |
| entity.name.function,support.function.console | — | bold |
| support.function.console | #FFB1A9 | — |
| keyword.operator.delete | #EB6689 | — |
| support.type.object.dom | #EB6689 | — |
| support.variable.dom,support.variable.property.dom | #9E74AE | — |
| keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational | #EB6689 | — |
| punctuation.separator.delimiter | #BAC8CB | — |
| keyword.operator | #BAC8CB | — |
| keyword.operator.key | #EB6689 | — |
| keyword.operator.null-coalescing.php | #EB6689 | — |
| keyword.operator.assignment.compound | #EB6689 | — |
| keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts | #EB6689 | — |
| keyword | #EB6689 | — |
| entity.name.namespace | #C8CCCD | — |
| variable | — | — |
| variable.other.php | #9E74AE | — |
| variable.other.global.php | #9E74AE | — |
| variable.other.property.php | #C8CCCD | — |
| variable.language | #C8CCCD | — |
| variable.language.this | #9E74AE | — |
| token.package.keyword | #EB6689 | — |
| token.package | #BAC8CB | — |
| entity.name.function, meta.require, support.function.any-method, variable.function | #FFB1A9 | — |
| entity.name.type.namespace | #C8CCCD | — |
| support.class, entity.name.type.class | #C8CCCD | — |
| support.class.component | #26BDA4 | — |
| entity.name.class.identifier.namespace.type | #C8CCCD | — |
| entity.name.class, variable.other.class.js, variable.other.class.ts | #C8CCCD | — |
| variable.other.class.php | #9E74AE | italic |
| entity.name.type | #C8CCCD | — |
| keyword.control | #EB6689 | — |
| control.elements, keyword.operator.less | #F6BEAD | — |
| keyword.other.special-method | #FFB1A9 | — |
| storage | #EB6689 | — |
| token.storage | #EB6689 | — |
| keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void | #EB6689 | — |
| token.storage.type.java | #C8CCCD | — |
| support.function | #FFB1A9 | bold |
| support.type.property-name | #BAC8CB | — |
| support.constant.property-value | #BAC8CB | — |
| support.constant.font-name | #EB6689 | — |
| meta.tag | #BAC8CB | — |
| meta.tag.attributes keyword.operator.assignment | #73A7A7 | — |
| meta.tag.metadata.doctype.html entity.name.tag.html | #727E80 | — |
| string | #73A7A7 | — |
| entity.other.inherited-class | #C8CCCD | — |
| constant.other.symbol | #EB6689 | — |
| constant.other.class | #9E74AE | italic |
| constant.other.php | #9E74AE | italic |
| constant.numeric | #F6BEAD | — |
| constant | #F6BEAD | — |
| punctuation.definition.constant | #F6BEAD | — |
| entity.name.tag | #FFAE8F | — |
| entity.other.attribute-name | #D0D6B5 | bold |
| entity.other.attribute-name.id | #FFB1A9 | normal |
| entity.other.attribute-name.class.css | #F6BEAD | normal |
| punctuation.terminator.rule.css | #EB6689 | — |
| meta.selector | #EB6689 | — |
| markup.heading | #9E74AE | — |
| markup.heading punctuation.definition.heading, entity.name.section | #FFB1A9 | — |
| markup.bold,todo.bold | #F6BEAD | — |
| punctuation.definition.bold | #C8CCCD | — |
| markup.italic, punctuation.definition.italic,todo.emphasis | #EB6689 | — |
| emphasis md | #EB6689 | — |
| entity.name.section.markdown | #9E74AE | — |
| punctuation.definition.heading.markdown | #9E74AE | — |
| punctuation.definition.list.begin.markdown | #9E74AE | — |
| markup.heading.setext | #BAC8CB | — |
| punctuation.definition.bold.markdown | #F6BEAD | — |
| markup.inline.raw.markdown | #73A7A7 | — |
| markup.inline.raw.string.markdown | #73A7A7 | — |
| punctuation.definition.list.markdown | #9E74AE | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #9E74AE | — |
| beginning.punctuation.definition.list.markdown | #9E74AE | — |
| punctuation.definition.metadata.markdown | #9E74AE | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #EB6689 | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #FFB1A9 | — |
| string.regexp | #EB6689 | — |
| constant.character.escape | #EB6689 | — |
| punctuation.section.embedded, variable.interpolation | #9E74AE | — |
| punctuation.section.embedded.begin,punctuation.section.embedded.end | #EB6689 | — |
| invalid.illegal | #FFFFFF | — |
| invalid.illegal.bad-ampersand.html | #BAC8CB | — |
| invalid.broken | #FFFFFF | — |
| invalid.deprecated | #FFFFFF | — |
| invalid.unimplemented | #FFFFFF | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #9E74AE | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #9E74AE | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation | #73A7A7 | — |
| source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json | #EB6689 | — |
| support.type.property-name.json | #9E74AE | — |
| support.type.property-name.json punctuation | #9E74AE | — |
| text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade | #EB6689 | — |
| text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade | #EB6689 | — |
| support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php | #C8CCCD | — |
| keyword.operator.error-control.php | #EB6689 | — |
| keyword.operator.type.php | #EB6689 | — |
| punctuation.section.array.begin.php | #EB6689 | — |
| punctuation.section.array.end.php | #EB6689 | — |
| punctuation.definition.binding-pattern.array | #EB6689 | — |
| invalid.illegal.non-null-typehinted.php | #F44747 | — |
| meta.other.type.phpdoc.php,keyword.other.array.phpdoc.php | #C8CCCD | — |
| keyword.other.type.php | #EB6689 | — |
| storage.type.php, | #EB6689 | — |
| meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php | #FFB1A9 | — |
| meta.method-call.static.php entity.name.function.php | — | italic bold |
| punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php | #BAC8CB | — |
| punctuation.terminator.statement | #EB6689 | — |
| punctuation.terminator.expression.php | #EB6689 | — |
| support.constant.core.php,support.constant.parser-token.php | #F6BEAD | — |
| support.constant.ext.php,support.constant.std.php | #9E74AE | italic |
| entity.name.goto-label.php,support.other.php | #FFB1A9 | — |
| keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php | #EB6689 | — |
| keyword.operator.regexp.php | #EB6689 | — |
| keyword.operator.comparison.php | #EB6689 | — |
| keyword.operator.heredoc.php,keyword.operator.nowdoc.php | #EB6689 | — |
| function.parameter | #BAC8CB | — |
| function.brace | #BAC8CB | — |
| function.parameter.ruby, function.parameter.cs | #BAC8CB | — |
| constant.language.symbol.ruby | #EB6689 | — |
| constant.language.boolean.true.js, constant.language.boolean.true.ts, constant.language.boolean.false.js, constant.language.boolean.false.ts, constant.language.boolean.true.js.jsx, constant.language.boolean.true.ts.tsx, constant.language.boolean.false.js.jsx, constant.language.boolean.false.ts.tsx, constant.language.null.js.jsx, constant.language.null.ts.tsx | #EB6689 | — |
| constant.language.php | #EB6689 | — |
| rgb-value | #EB6689 | — |
| inline-color-decoration rgb-value | #F6BEAD | — |
| less rgb-value | #F6BEAD | — |
| selector.sass | #9E74AE | — |
| support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx | #C8CCCD | — |
| block.scope.end,block.scope.begin | #BAC8CB | — |
| storage.type.cs | #C8CCCD | — |
| entity.name.variable.local.cs | #9E74AE | — |
| token.info-token | #FFB1A9 | — |
| token.warn-token | #F6BEAD | — |
| token.error-token | #F44747 | — |
| token.debug-token | #EB6689 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #EB6689 | — |
| meta.template.expression | #BAC8CB | — |
| keyword.operator.module | #EB6689 | — |
| support.type.type.flowtype | #FFB1A9 | — |
| support.type.primitive | #C8CCCD | — |
| meta.property.object | #9E74AE | — |
| variable.parameter.function.js | #9E74AE | — |
| keyword.other.template.begin | #73A7A7 | — |
| keyword.other.template.end | #73A7A7 | — |
| keyword.other.substitution.begin | #73A7A7 | — |
| keyword.other.substitution.end | #73A7A7 | — |
| keyword.operator.assignment | #EB6689 | — |
| keyword.operator.assignment.php | #EB6689 | — |
| keyword.operator.class.php | #EB6689 | — |
| keyword.operator.assignment.go | #C8CCCD | — |
| keyword.operator.arithmetic.go, keyword.operator.address.go | #EB6689 | — |
| entity.name.package.go | #C8CCCD | — |
| support.type.prelude.elm | #EB6689 | — |
| support.constant.elm | #F6BEAD | — |
| punctuation.quasi.element | #EB6689 | — |
| constant.character.entity | #9E74AE | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #EB6689 | — |
| entity.global.clojure | #C8CCCD | — |
| meta.symbol.clojure | #9E74AE | — |
| constant.keyword.clojure | #EB6689 | — |
| meta.arguments.coffee, variable.parameter.function.coffee | #9E74AE | — |
| source.ini | #73A7A7 | — |
| meta.scope.prerequisites.makefile | #9E74AE | — |
| source.makefile | #C8CCCD | — |
| storage.modifier.import.groovy | #C8CCCD | — |
| meta.method.groovy | #FFB1A9 | — |
| meta.definition.variable.name.groovy | #9E74AE | — |
| meta.definition.class.inherited.classes.groovy | #73A7A7 | — |
| support.variable.semantic.hlsl | #C8CCCD | — |
| support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl | #EB6689 | — |
| text.variable, text.bracketed | #9E74AE | — |
| support.type.swift, support.type.vb.asp | #C8CCCD | — |
| entity.name.function.xi | #C8CCCD | — |
| entity.name.class.xi | #EB6689 | — |
| constant.character.character-class.regexp.xi | #9E74AE | — |
| constant.regexp.xi | #EB6689 | — |
| keyword.control.xi | #EB6689 | — |
| invalid.xi | #BAC8CB | — |
| beginning.punctuation.definition.quote.markdown.xi | #73A7A7 | — |
| beginning.punctuation.definition.list.markdown.xi | #5D6976 | — |
| constant.character.xi | #FFB1A9 | — |
| accent.xi | #FFB1A9 | — |
| wikiword.xi | #F6BEAD | — |
| constant.other.color.rgb-value.xi | #FFFFFF | — |
| punctuation.definition.tag.xi, punctuation.definition.tag | #727E80 | — |
| entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition | #C8CCCD | — |
| entity.name.label | #B87EA2 | — |
| entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #9E74AE | — |
| meta.brace.square | #EB6689 | — |
| comment, punctuation.definition.comment | #5D6976 | italic |
| markup.quote.markdown | #5D6976 | — |
| punctuation.definition.block.sequence.item.yaml | #BAC8CB | — |
| constant.language.symbol.elixir | #EB6689 | — |
| markup.italic.markdown | — | italic |