Carbon Code Theme
Publisher: sazardevThemes in package: 10
Clean, minimal VS Code theme for focused coding. Professional variants with indigo, emerald, crimson, rose, and amber color schemes.
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.activeBackground#00000000
- activityBar.activeBorder#f59e0b
- activityBar.activeFocusBorder#00000000
- activityBar.background#0b0905
- activityBar.border#00000000
- activityBar.dropBorder#00000000
- activityBar.foreground#d0d0d0
- activityBar.inactiveForeground#606060
- activityBarBadge.background#f59e0b
- activityBarBadge.foreground#000000
- button.background#f59e0b
- button.foreground#000000
- button.hoverBackground#d97706
- contrastActiveBorder#f59e0b
- contrastBorder#333333
- editor.background#100e08
- editor.findMatchBackground#3b82f644
- editor.findMatchHighlightBackground#3b82f622
- editor.foreground#e6e6e6
- editor.lineHighlightBackground#00000000
- editor.rangeHighlightBackground#f59e0b11
- editor.selectionBackground#f59e0b33
- editor.selectionHighlightBackground#f59e0b22
- editor.wordHighlightBackground#f59e0b15
- editor.wordHighlightStrongBackground#f59e0b25
- editorCursor.foreground#f59e0b
- editorGroupHeader.border#00000000
- editorGroupHeader.tabsBackground#080808
- editorGroupHeader.tabsBorder#00000000
- editorIndentGuide.activeBackground1#f59e0b
- editorIndentGuide.background1#1c1c1c
- editorLineNumber.activeForeground#f59e0b
- editorLineNumber.foreground#454545
- editorRuler.foreground#1c1c1c
- editorWhitespace.foreground#2a2a2a
- focusBorder#00000000
- input.background#1a1a1a
- input.border#333333
- input.foreground#ffffff
- inputOption.activeBorder#f59e0b
- list.activeSelectionBackground#f59e0b11
- list.activeSelectionForeground#ffffff
- list.dropBackground#f59e0b22
- list.focusBackground#f59e0b22
- list.focusForeground#ffffff
- list.focusHighlightForeground#f59e0b
- list.hoverBackground#f59e0b15
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#f59e0b11
- list.inactiveSelectionForeground#ffffff
- panel.background#050505
- panel.border#1a1a1a
- panelTitle.activeBorder#f59e0b
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#666666
- sideBar.background#0b0a08
- sideBar.border#00000000
- sideBar.foreground#b8b8b8
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#d0d0d0
- sideBarTitle.foreground#d0d0d0
- statusBar.background#080808
- statusBar.border#f59e0b33
- statusBar.debuggingBackground#f59e0b
- statusBar.debuggingForeground#000000
- statusBar.foreground#b8b8b8
- statusBar.noFolderBackground#080808
- tab.activeBackground#00000000
- tab.activeBorder#00000000
- tab.activeBorderTop#f59e0b
- tab.activeForeground#d0d0d0
- tab.border#00000000
- tab.focusBorder#00000000
- tab.hoverBackground#0f0f0f22
- tab.hoverBorder#00000000
- tab.hoverForeground#b8b8b8
- tab.inactiveBackground#00000000
- tab.inactiveForeground#707070
- tab.lastPinnedBorder#00000000
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#00000000
- tab.unfocusedActiveForeground#a0a0a0
- tab.unfocusedInactiveForeground#606060
- terminal.ansiBlack#000000
- terminal.ansiBlue#3b82f6
- terminal.ansiCyan#06b6d4
- terminal.ansiGreen#22c55e
- terminal.ansiMagenta#a855f7
- terminal.ansiRed#ef4444
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#f59e0b
- terminal.background#000000
- terminal.foreground#f5f5f5
- titleBar.activeBackground#080808
- titleBar.activeForeground#d0d0d0
- titleBar.border#00000000
- titleBar.inactiveBackground#080808
- titleBar.inactiveForeground#606060
- tree.inactiveIndentGuidesStroke#f59e0b33
- tree.indentGuidesStroke#f59e0b33
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #666666 | italic |
| variable, string constant.other.placeholder | #e6e6e6 | — |
| entity.name.function, meta.require, support.function.any-method | #f59e0b | — |
| entity.name.class, entity.name.type.class | #fb923c | — |
| keyword, storage.type, storage.modifier | #a855f7 | — |
| string, punctuation.definition.string | #22c55e | — |
| constant.numeric | #3b82f6 | — |
| constant.language, support.constant, constant.character, constant.escape | #06b6d4 | — |
| support.class.dart, support.type.dart, entity.name.type.class.dart, entity.name.type.dart | #7cb3b3 | — |
| storage.type.primitive.dart, storage.type.built-in.dart | #66ccff | — |
| entity.name.function.dart, support.function.dart | #6366f1 | — |
| variable.other.dart, variable.parameter.dart, variable.declaration.dart, meta.definition.variable.dart | #e8e8e8 | — |
| variable.other.property.dart, meta.field.declaration.dart | #a8d0ff | — |
| keyword.control.dart, keyword.declaration.dart, storage.type.annotation.dart | #66ccff | — |
| support.class.flutter, support.type.flutter, meta.function-call.dart entity.name.function.dart | #dd88ff | — |
| string.interpolated.dart, punctuation.definition.interpolation.dart, meta.template.expression.dart | #6366f1 | — |
| storage.type.annotation.dart, meta.declaration.annotation.dart | #a87cb3 | — |
| entity.name.constructor, meta.constructor.dart | #7cb3b3 | — |
| entity.name.type.rust, storage.type.rust, storage.class.std.rust | #7cb3b3 | — |
| meta.macro.rust, entity.name.function.macro.rust | #a87cb3 | — |
| entity.name.type.swift, support.type.swift | #7cb3b3 | — |
| variable.language.php, variable.other.global.php | #dd88ff | — |
| constant.other.symbol.ruby | #c4b078 | — |
| entity.name.type.class.cs, storage.type.cs | #7cb3b3 | — |
| entity.name.tag.cs, meta.attribute.cs | #a87cb3 | — |
| meta.decorator.ts, meta.decorator.tsx | #a87cb3 | — |
| entity.name.tag.js, entity.name.tag.tsx, entity.name.tag.jsx, support.class.component.js, support.class.component.tsx | #dd88ff | — |
| entity.name.tag.js.jsx, entity.name.tag.tsx | #dd88ff | — |
| entity.name.tag.html, entity.name.tag.inline.any.html, entity.name.tag.other.html, entity.name.tag.block.any.html | #7aa3c4 | — |
| entity.name.tag.yaml | #7cb3b3 | — |
| entity.name.type.class.java, storage.type.java, storage.type.generic.java | #7cb3b3 | — |
| entity.name.type.class.kotlin, storage.type.kotlin | #7cb3b3 | — |