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.activeBackground#ffffff
  • activityBar.activeBorder#3399ff
  • activityBar.background#f0f0f0
  • activityBar.border#c7c7c7
  • activityBar.foreground#5b5b5b
  • activityBarBadge.background#007acc
  • editor.background#ffffff
  • editor.foreground#000000
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#FAFFE6
  • editor.selectionHighlightBackground#add6ff4d
  • editorGutter.background#f4f4f4
  • editorGutter.modifiedBackground#00ff00
  • editorIndentGuide.background#d3d3d3
  • editorLineNumber.foreground#9999cc
  • editorSuggestWidget.background#ffffff
  • editorSuggestWidget.border#aaaaaa
  • focusBorder#8bbef1
  • input.border#7a7a7a
  • input.foreground#000000
  • inputOption.activeBorder#3399ff
  • list.focusBackground#3299FF
  • list.hoverBackground#3399ff
  • list.inactiveSelectionBackground#F0F0F0
  • panel.border#7a7a7a
  • selection.background#89c4ff
  • sideBar.background#ffffff
  • sideBar.border#7a7a7a
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#e3e3e3
  • sideBarSectionHeader.border#c7c7c7
  • sideBarTitle.foreground#000000
  • statusBar.background#f0f0f0
  • statusBar.border#c7c7c7
  • statusBar.foreground#000000
  • tab.activeBackground#ffffff
  • tab.activeBorderTop#7a7a7a
  • tab.activeForeground#000000
  • tab.border#000000
  • tab.inactiveBackground#d8d8d8
  • tab.inactiveForeground#000000
  • terminal.background#c7c7c7
  • titleBar.activeBackground#f0f0f0
  • titleBar.border#33333399
  • titleBar.inactiveBackground#adadad
  • window.activeBorder#fcfcfc
  • window.inactiveBorder#adadad

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#333333ff
comment, punctuation.definition.comment#008000italic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation, string.quoted.docstring.multi.python#3a9401
invalid.deprecated
invalid.illegal#660000
keyword.operator#000097bold
keyword, storage#0000ffbold
storage.type, support.type#8000ff
constant.language, support.constant, variable.language#000097bold
variable, support.variable#000000
entity.name.function, support.function#000000
meta.definition.function, entity.name.function.definition, entity.name.function.python, entity.name.function.kotlin, meta.method.identifier.javabold
entity.name.type, entity.other.inherited-class, support.class, storage.type.java, storage.type.generic.java#7F008Bbold
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#ff8000
string#0000ff
constant.character.escape#777777
string.regexp#008080
constant.other.symbol#AB6526
punctuation#777777
string source, text source
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#5fb849bold
entity.name.tag#5fb849bold
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#AB6526italic bold
constant.character.entity, punctuation.definition.entity#AB6526
string.quoted.double.html#4a53b6
text.html.derivativebold
meta.embedded.block.html, meta.tag.attributes.js
meta.jsx.children.js#000000
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#7A3E9D
meta.property-name, support.type.property-name#AB6526
meta.property-value, meta.property-value constant.other, support.constant.property-value#448C27
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#AA3731
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#7A3E9D
markup.list#4B83CD
markup.bold, markup.italic#448C27
markup.inline.raw#AB6526
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343
support.type.property-name
storage.type.annotation.java#808000

Shiki preview

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

Loading...

skivvy themes - Coding Theme