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#423E3A
  • activityBarBadge.background#CC5200
  • activityBarBadge.foreground#ffffff
  • activityBarTop.background#4D4843
  • button.background#993D00
  • button.hoverBackground#CC5200
  • editor.background#22201E
  • editor.foldBackground#00000033
  • editor.foldPlaceholderForeground#665447
  • editor.foreground#B2927D
  • editorGroupHeader.tabsBackground#2E2B28
  • editorWhitespace.foreground#b2927d20
  • focusBorder#CC5200
  • foreground#B3B3B3
  • gitDecoration.ignoredResourceForeground#665447
  • gitDecoration.submoduleResourceForeground#FFF0E5
  • input.background#423E3A
  • input.border#4D4843
  • list.activeSelectionBackground#993D00
  • list.hoverBackground#993D0033
  • list.inactiveSelectionBackground#993D0033
  • menu.selectionBackground#993D00
  • menu.selectionBorder#CC5200
  • notifications.background#2E2B28
  • progressBar.background#CC5200
  • sideBar.background#2E2B28
  • sideBarTitle.background#423E3A
  • statusBar.background#4D4843
  • statusBar.debuggingBackground#8659B2
  • statusBar.focusBorder#57514C
  • statusBar.noFolderBackground#993D00
  • tab.activeBackground#22201E
  • tab.inactiveBackground#2E2B28
  • textLink.activeForeground#73ACE5
  • textLink.foreground#6B8299
  • titleBar.activeBackground#57514C
  • titleBar.inactiveBackground#423E3A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source.python variable.parameter.function#B2927D
markup.heading, source.toml support.type.property-name.table, source.toml support.type.property-name.array, source.toml punctuation.definition.table.toml, source.toml punctuation.definition.array.table.toml, source.toml meta.table punctuation.separator.dot, source.toml meta.array.table punctuation.separator.dot, source.ini punctuation.definition.entity, source.ini entity.name.section, text.html.markdown entity.name.section, text.html.markdown punctuation.definition.heading, text.html.markdown markup.heading.setext, source.css keyword.control.at-rule, source.gdresource keyword, source.yaml entity.other.document.begin, source.github-actions-workflow entity.other.document.begin, source.yaml entity.other.document.end, source.github-actions-workflow entity.other.document.end, source.css entity.other.attribute-name.id#FF8533bold
keyword, storage, source.python punctuation.definition.arguments, punctuation.separator.element, source.css meta.selector punctuation.definition.entity, source.gdshader support.type, source.yaml constant.numeric.indentation-indicator, source.github-actions-workflow constant.numeric.indentation-indicator, source.rust variable.language.super, constant.other.color.rgb-value.hex punctuation.definition.constant, source.cs punctuation.separator.question-mark.cs, text.beancount support.function, source.yaml punctuation.definition.block, source.github-actions-workflow punctuation.definition.block#CC6A29
comment keyword#FFF0E5bold
comment, string.quoted.docstring#B3B3B3
punctuation.definition.comment, comment punctuation.definition.tag, comment entity.name.tag, comment entity.other.attribute-name, comment punctuation.separator.equals, string.quoted.docstring punctuation#4D4D4D
string.quoted, string.template, string.other.link.description, string.regexp, markup.inline.raw, markup.bold, markup.italic, markup.strikethrough, source.rst entity.name.tag#B2AD7D
string.unquoted.block, markup.fenced_code.block, markup.raw.block, markup.quote, string.unquoted.heredoc, string.quoted.narration#807766italic
entity, support.type.property-name, source.ini keyword.other.definition, variable.parameter.function-call.python, support.type.exception, source.makefile meta.scope.prerequisites, source.js meta.object-literal.key, source.js.jsx meta.object-literal.key, source.ts meta.object-literal.key, source.tsx meta.object-literal.key, source.js.jsx support.class.component, source.tsx support.class.component, meta.tag.custom entity.name.tag, source.fish source.option, source.shell constant.other.option, source.vdf variable, source.env variable, source.dotenv variable, source.gdresource variable, source.sql string.quoted.double, source.Caddyfile support.constant, source.yaml entity.name.tag, source.github-actions-workflow entity.name.tag, text.beancount meta.directive.option support.variable, source.rst keyword.control#B25962
meta.definition entity.name.function, meta.function.definition entity.name.function, source.python entity.name.function, source.python entity.name.type.class, text.html meta.attribute.id string.unquoted, text.html meta.attribute.id string.quoted, source.css meta.selector entity, source.cs entity.name.type.class, source.cs entity.name.type.enum, source.makefile entity.name.function.target, source.gdscript meta.function.gdscript entity.name.function, source.gdshader support.function, source.gdresource constant.character, source.Caddyfile keyword.control#E5737Ebold
punctuation.definition.decorator, entity.name.function.decorator, entity.name.function.macro, meta.shebang, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag, source.python meta.function.decorator entity.name.function, source.python meta.function.decorator support.type, source.js meta.brace, source.cs punctuation.separator.hash, source.cs keyword.preprocessor, source.cpp keyword.control.directive, source.yaml punctuation.definition.directive, source.github-actions-workflow punctuation.definition.directive, source.yaml keyword.other.directive, source.github-actions-workflow keyword.other.directive, source.yaml string.unquoted.directive-name, source.github-actions-workflow string.unquoted.directive-name, source.yaml constant.numeric.yaml-version, source.github-actions-workflow constant.numeric.yaml-version, text.beancount meta.directive punctuation.separator, text.beancount constant.numeric.date#665254
support, source.python support.type, source.cs entity.name.variable.preprocessor.symbol, source.cs keyword.operator.expression, entity.name.tag, source.gdscript meta.literal.nodepath keyword, source.gdscript meta.literal.nodepath constant, source.shell entity.name.command, source.yaml punctuation.definition.tag, source.github-actions-workflow punctuation.definition.tag, source.yaml storage.type.tag, source.github-actions-workflow storage.type.tag, source.rust variable.language.self, source.rust entity.name.type.result, source.rust entity.name.type.option, text.beancount variable.language#8659B2
source.python meta.function support.function.magic, text.html.markdown fenced_code.block.language, source.makefile support.function.target, source.yaml storage.type.tag-handle, source.github-actions-workflow storage.type.tag-handle, source.yaml storage.type.tag-handle punctuation.definition.tag, source.github-actions-workflow storage.type.tag-handle punctuation.definition.tag, source.css entity.name.tag, source.css entity.other.attribute-name.pseudo-class, source.css entity.other.attribute-name.pseudo-element, source.shell entity.name.function#AC73E5bold
variable, string.other.link.title, source.python variable.parameter.function.language.special, source.env string.unquoted variable, source.dotenv string.unquoted variable, source.Caddyfile support.function#B27247
variable.other.anchor, variable.other.assignment, text.html.markdown constant.other.reference, meta.definition.variable variable, meta.definition.property variable, source.cs entity.name.variable, source.gdscript meta.variable.declaration.gdscript variable, variable.other.jinja.block, source.yaml entity.name.type.anchor, source.github-actions-workflow entity.name.type.anchor#FFA466
constant, string.interpolated, punctuation.section.embedded, punctuation.definition.template-expression, text.html punctuation.definition.entity, source.js.jsx punctuation.definition.entity, source.tsx punctuation.definition.entity, source.cmake storage.source, source.makefile string.interpolated variable, punctuation.definition.subshell, punctuation.definition.interpolation, punctuation.definition.variable, source.shell variable.language.special.wildcard, source.github-actions-workflow meta.embedded.block#E5A173bold
punctuation.separator.array, punctuation.separator.map, punctuation.separator.mapping, punctuation.separator.sequence, punctuation.separator.dictionary, punctuation.separator.key-value, punctuation.separator.dot, punctuation.separator.period, punctuation.separator.arguments, punctuation.separator.colon, punctuation.separator.comma, punctuation.separator.annotation, punctuation.separator.continuation, punctuation.separator.scope-resolution, punctuation.separator.dot-access, punctuation.separator.pointer-access, punctuation.separator.delimiter, punctuation.separator.parameter, punctuation.separator.namespace, punctuation.separator.list.comma, punctuation.definition.raw, punctuation.definition.bold, punctuation.definition.italic, punctuation.definition.strikethrough, punctuation.definition.tag, punctuation.definition.constant, punctuation.definition.eq, punctuation.definition.array, punctuation.definition.table.inline, punctuation.definition.link, punctuation.definition.metadata, punctuation.definition.dictionary, punctuation.definition.list, punctuation.definition.dict, punctuation.definition.parameters, punctuation.definition.inheritance, punctuation.definition.entity, punctuation.definition.begin.bracket, punctuation.definition.end.bracket, punctuation.definition.binding-pattern, punctuation.definition.condition, punctuation.definition.slice, punctuation.definition.arguments, punctuation.definition.keyValue, punctuation.definition.mapping, punctuation.definition.sequence, punctuation.definition.typeparameters, punctuation.definition.string.heredoc.delimiter, punctuation.definition.block, punctuation.definition.map, punctuation.squarebracket, punctuation.curlybrace, punctuation.parenthesis, punctuation.terminator, punctuation.accessor, punctuation.eq, punctuation.destructuring, punctuation.section.function, punctuation.section.class, punctuation.section.parameters, punctuation.section.block, punctuation.section.arguments, punctuation.section.parens, punctuation.section.angle-brackets, punctuation.section.property-list, punctuation.brackets, punctuation.comma, punctuation.semi, punctuation.other, meta.brace.round, meta.brace.square, text.html.markdown markup.fenced_code.block punctuation.definition, source.ts keyword.operator.type, source.tsx keyword.operator.type, source.env keyword.operator.assignment, source.dotenv keyword.operator.assignment, source.rust keyword.operator.namespace, source.rust keyword.operator.access, source.rust keyword.operator.key-value, source.rust keyword.operator.arrow, entity.other.jinja.delimiter, variable.entity.other.jinja.delimiter, text.beancount meta.account punctuation.separator#665447
markup.underline.link, meta.attribute.href string.quoted.double, source.css meta.at-rule.import string.quoted, source.gdresource support.function.any-method, text.beancount meta.directive.include string.quoted.double#6B8299
markup.underline.link.image, meta.attribute.src string.quoted.double, source.gdresource support.class.library, source.yaml support.type.tag-prefix, source.github-actions-workflow support.type.tag-prefix, source.cs entity.name.type.namespace, source.cs entity.name.type.alias, source.xaml entity.name.tag.namespace, source.xaml entity.other.attribute-name.namespace, text.beancount keyword.operator.link, text.beancount markup.underline.link, text.beancount keyword.operator.tag, text.beancount entity.name.tag#736680
invalid#FF3333
markup.boldbold
markup.italicitalic
markup.strikethroughstrikethrough
markup.bold markup.italic, markup.italic markup.boldbold italic
markup.italic markup.strikethrough, markup.strikethrough markup.italicitalic strikethrough
markup.bold markup.strikethrough, markup.strikethrough markup.boldbold strikethrough
markup.bold markup.italic markup.strikethrough, markup.italic markup.bold markup.strikethrough, markup.bold markup.strikethrough markup.italic, markup.italic markup.strikethrough markup.bold, markup.strikethrough markup.bold markup.italic, markup.strikethrough markup.italic markup.boldbold italic strikethrough
Ora Code by Stefano Pigozzi - VS Code Theme