Skip to main content
Coding 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#151617
  • activityBar.border#424852
  • activityBar.foreground#bcb28d
  • activityBarBadge.background#424852
  • descriptionForeground#bcb28d
  • editor.background#1C1C1D
  • editor.findMatchBorder#bcb28d66
  • editor.findMatchHighlightBackground#2c5a65
  • editor.findRangeHighlightBackground#2c5a65
  • editor.foreground#bcb28d
  • editor.lineHighlightBackground#5252522A
  • editor.lineHighlightBorder#5252522A
  • editor.selectionBackground#ED4C7630
  • editor.selectionHighlightBackground#2c5a65
  • editor.wordHighlightBackground#2c5a65
  • editorCursor.foreground#bcb28d
  • editorError.foreground#ED4C76
  • editorGroupHeader.tabsBackground#151617
  • editorGutter.addedBackground#4EC9B0
  • editorGutter.background#1C1C1D
  • editorGutter.deletedBackground#ED4C76
  • editorGutter.modifiedBackground#b18ed5
  • editorHoverWidget.background#151617
  • editorIndentGuide.background#2f3033
  • editorLineNumber.foreground#666
  • editorLink.activeForeground#999
  • editorWarning.foreground#E9BB5E
  • errorForeground#E03C8A
  • focusBorder#40627C
  • foreground#bcb28d
  • gitDecoration.addedResourceForeground#4EC9B0
  • gitDecoration.deletedResourceForeground#ED4C76
  • gitDecoration.modifiedResourceForeground#b18ed5
  • list.errorForeground#ED4C76
  • list.warningForeground#E9BB5E
  • panel.background#151617
  • selection.background#58b2dc
  • sideBar.background#151617
  • sideBar.foreground#D4CEBB
  • sideBarSectionHeader.background#151617
  • sideBarSectionHeader.foreground#999
  • sideBarTitle.foreground#999
  • statusBar.background#151617
  • statusBar.border#424852
  • statusBar.debuggingBackground#bcb28d
  • statusBar.debuggingForeground#1f2023
  • statusBar.foreground#bcb28d
  • statusBar.noFolderBackground#1f2023
  • statusBar.noFolderForeground#bcb28d
  • tab.activeBackground#1f2023
  • tab.activeBorderTop#F28773
  • tab.activeForeground#D4CEBB
  • tab.inactiveBackground#151617
  • tab.inactiveForeground#424852
  • terminal.ansiBlack#2c5a65
  • terminal.ansiBlue#58b2dc
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#58b2dc
  • terminal.ansiBrightCyan#93a1a1
  • terminal.ansiBrightGreen#5c8490
  • terminal.ansiBrightMagenta#646695
  • terminal.ansiBrightRed#e6844f
  • terminal.ansiBrightWhite#fdf6e3
  • terminal.ansiBrightYellow#657b83
  • terminal.ansiCyan#69b0ac
  • terminal.ansiGreen#24936e
  • terminal.ansiMagenta#e03c8a
  • terminal.ansiRed#E03C8A
  • terminal.ansiWhite#eee8d5
  • terminal.ansiYellow#e6844f
  • terminal.background#1C1C1D
  • terminal.foreground#bcb28d
  • terminalCursor.background#eee8d5
  • terminalCursor.foreground#657b83
  • titleBar.activeBackground#151617
  • titleBar.activeForeground#151617
  • titleBar.inactiveBackground#151617
  • titleBar.inactiveForeground#151617

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source.shell#D4CEBB
comment, punctuation.definition.comment, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, punctuation.definition.tag#6B6B6B
support.type.object.module, keyword.other.type.php, entity.name.class, keyword.operator.logical.shell, keyword.control, keyword.blade, storage.type.type, storage.type, storage.type.function, punctuation.definition.block.tag, storage.modifier, keyword.other.use.php, keyword.other.phpdoc.php, meta.at-rule.include.scss, meta.at-rule.mixin.scss, variable.language.super, keyword.other.using.directive.cpp, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.ternary, keyword.operator.assignment, keyword.operator.or.regexp, storage.modifier.reference.cpp, keyword.operator.bitwise.cpp#D2A8FF
constant.language.boolean, constant.language, entity.name.section.group-title.ini, constant.numeric.decimal, support.type.builtin, support.type.primitive, string.regexp, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.name.tag.html, entity.name.tag.localname.xml#80C0F5
entity.name.function, punctuation.decorator, support.function.builtin.shell, meta.scope.logical-expression.shell, keyword.other.unit.percentage.css, variable.other.bracket.shell, keyword.cmake, keyword.operator.wordlike.cpp, keyword.operator.functionlike.cpp, keyword.other.definition.ini#E96192
support.constant.property-value.css, support.constant.font-name.css, keyword.other.unit.suffix.floating-point.cpp, entity.name.scope-resolution.cpp, variable.parameter, variable.other.object, entity.name.type.class.cpp, entity.name.scope-resolution.parameter.cpp, entity.name.type.cpp, entity.name.type.alias, entity.name.type.instance, entity.other.inherited-class, support.class, entity.name.type, entity.name.tag, string.quoted.double.html, meta.attribute.name.html#F28773
string#77C9BF
constant.character.escape#3A857C
variable.language.this#F28773italic
meta.import, variable.other.readwrite, meta.definition.variable, support.type.property-name, meta.object-literal.key, meta.function-call, variable.other.constant.object, variable.other.constant, variable.other.enummember, support.type.property-name.css, variable.other.php, meta.jsx.children.tsx, punctuation.definition.block, keyword.operator.increment, meta.brace.square, meta.brace.round, variable.scss, source.ignore, variable.other.normal.shell, variable.other.positional.shell, text, source.cmake, source.ini, support.variable, meta.function-call.ts#D4CEBB
entity.other.attribute-name, keyword.operator.new, support.other.namespace.php, variable.other.readwrite.cpp, entity.name.scope-resolution.template.call.cpp, meta.body.function.definition.cpp, variable.object.property, variable.other.object.property, variable.other.property#C1BEB0
keyword.operator.class.php, punctuation.terminator.statement, punctuation.terminator.expression, punctuation.separator, punctuation.definition.typeparameters.end, punctuation.definition.typeparameters.begin, keyword.operator.type, punctuation.definition.bracket.curly, entity.name.function.operator.member.cpp, entity.name.function.operator.cpp#808080
Astroid Theme by simmxns - VS Code Theme