Skip to main content
Coding Theme

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.background#050000
  • activityBar.inactiveForeground#410000
  • activityBarBadge.background#ff0000
  • dropdown.background#050000
  • dropdown.border#200000
  • editor.background#050000
  • editor.lineHighlightBackground#410000
  • editorGroup.border#410000
  • editorGroupHeader.tabsBackground#050000
  • editorHoverWidget.background#410000
  • editorHoverWidget.border#410000
  • editorIndentGuide.background#410000
  • editorLineNumber.activeForeground#ffafaf
  • editorLineNumber.foreground#410000
  • editorSuggestWidget.background#410000
  • editorSuggestWidget.border#410000
  • editorWidget.background#410000
  • focusBorder#200000
  • foreground#ddd
  • input.background#050000
  • list.activeSelectionBackground#410000
  • list.hoverBackground#200000
  • list.inactiveSelectionBackground#200000
  • panel.border#410000
  • peekViewEditor.background#050000
  • progressBar.background#ffafaf
  • scrollbarSlider.activeBackground#410000
  • scrollbarSlider.background#410000
  • scrollbarSlider.hoverBackground#410000
  • selection.background#ffafaf
  • sideBar.background#050000
  • sideBar.border#200000
  • sideBarSectionHeader.background#410000
  • statusBar.background#050000
  • statusBar.noFolderBackground#050000
  • tab.activeBackground#410000
  • tab.activeBorder#ff0000
  • tab.border#050000
  • tab.inactiveBackground#050000
  • titleBar.activeBackground#050000
  • titleBar.inactiveBackground#050000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#fff
comment, string.comment, punctuation.definition.comment, string.quoted.docstring.multi, string.quoted.docstring.multi storage.type.string#555
string#9AA83A
string source#D08442
constant.numeric#6089B4
constant.language#959700
constant.character, constant.other#959700
keyword#6089B4
support#C7444A
storage#63007c
entity.name.class, entity.name.type#ff66009b
entity.other.inherited-class#c7444b9a
entity.name.function#CE6700
variable.parameter#6089B4
entity.name.tag#73118b
entity.other.attribute-name#9872A2
support.function#70018b
keyword#002ab4
variable.other, variable.js, punctuation.separator.variable#6089B4
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#008200
invalid#FF0B00
variable.other.php, variable.other.normal#6089B4
meta.function-call.object#550023
variable.other.property#4c005f
keyword.control#8c00af
meta.tag#D0B344
entity.name.tag#6089B4
meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype#9AA83A
meta.tag.inline source, text.html.php.source#9AA83A
meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html#9872A2
entity.other.attribute-name, meta.tag punctuation.definition.string#D0B344
meta.tag string -source -punctuation, text source text meta.tag string -punctuation#6089B4
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#D0B344
meta.toc-list.id#9AA83A
string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#9AA83A
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#6089B4
meta.selector.css entity.other.attribute-name.id#9872A2
support.type.property-name.css#676867
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#C7444A
variable.language.js#CC555A
punctuation.definition.template-expression, punctuation.section.embedded.coffee#D08442
meta.template.expression#C5C8C6
meta.function-call.object.php#D0B344
punctuation.definition.string.end.php, punctuation.definition.string.begin.php#9AA83A
source.php.embedded.line.html#676867
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#D08442
constant.other.symbol.python#9AA83A
variable.language.python#D0B344
keyword.other.special-method.python#D9B700
punctuation.section.embedded.begin.python, punctuation.section.embedded.end.python#D08442
keyword.other.DML.sql#D0B344
meta.diff, meta.diff.header#E0EDDDitalic
markup.deleted#dc322f
markup.changed#cb4b16
markup.inserted#219186
markup.quote#9872A2
markup.list#9AA83A
markup.bold, markup.italic#6089B4
markup.inline.raw#FF0080
markup.heading#D0B344
markup.heading.setext#D0B344
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
variable.language#44c744

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Cika dark purple, red, blue, black Theme - Coding Theme