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.activeFocusBorder#ffd76d
  • activityBar.background#121212
  • activityBar.border#161821
  • activityBar.foreground#f59e0b
  • activityBar.inactiveForeground#333333
  • activityBarBadge.background#f59e0b
  • activityBarBadge.foreground#121212
  • button.background#f59e0b
  • button.foreground#121212
  • button.hoverBackground#b91c1c
  • dropdown.background#1a1a1a
  • dropdown.border#8a8a8d
  • dropdown.foreground#bebebe
  • editor.background#121212
  • editor.foreground#bebebe
  • editor.lineHighlightBackground#1a1a1a
  • editor.selectionBackground#333333cc
  • editor.selectionHighlightBackground#f59e0b33
  • editorCursor.foreground#eaeaea
  • editorIndentGuide.activeBackground1#8a8a8d
  • editorIndentGuide.background1#333333
  • editorLineNumber.activeForeground#f59e0b
  • editorLineNumber.foreground#8a8a8d
  • focusBorder#f59e0b
  • gitDecoration.addedResourceForeground#FFC107
  • gitDecoration.conflictingResourceForeground#D35F5F
  • gitDecoration.deletedResourceForeground#B91C1C
  • gitDecoration.ignoredResourceForeground#424242
  • gitDecoration.modifiedResourceForeground#f59e0b
  • gitDecoration.submoduleResourceForeground#8a8a8d
  • gitDecoration.untrackedResourceForeground#fad991
  • input.background#1a1a1a
  • input.border#8a8a8d
  • input.foreground#bebebe
  • input.placeholderForeground#8a8a8d
  • list.activeSelectionBackground#9e6708
  • list.focusOutline#9e6708
  • list.highlightForeground#f59e0b
  • panel.background#121212
  • panel.border#8a8a8d
  • sideBar.background#121212
  • sideBar.foreground#8a8a8d
  • sideBarSectionHeader.background#1a1a1a
  • sideBarSectionHeader.foreground#f59e0b
  • sideBarTitle.foreground#bebebe
  • statusBar.background#121212
  • statusBar.debuggingBackground#b91c1c
  • statusBar.debuggingForeground#EAEAEA
  • statusBar.foreground#8a8a8d
  • terminal.ansiBlack#333333
  • terminal.ansiBlue#e68e0d
  • terminal.ansiBrightBlack#8a8a8d
  • terminal.ansiBrightBlue#f59e0b
  • terminal.ansiBrightCyan#eaeaea
  • terminal.ansiBrightGreen#FFC107
  • terminal.ansiBrightMagenta#B91C1C
  • terminal.ansiBrightRed#B91C1C
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#b90a0a
  • terminal.ansiCyan#bebebe
  • terminal.ansiGreen#FFC107
  • terminal.ansiMagenta#D35F5F
  • terminal.ansiRed#D35F5F
  • terminal.ansiWhite#bebebe
  • terminal.ansiYellow#b91c1c
  • terminal.background#121212
  • terminal.foreground#bebebe
  • titleBar.activeBackground#1a1a1a
  • titleBar.activeForeground#bebebe
  • titleBar.inactiveBackground#121212
  • titleBar.inactiveForeground#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#8a8a8ditalic
keyword, storage.type#f59e0b
string#e68e0d
constant.numeric, constant.language#B91C1C
variable, identifier#bebebe
entity.name.function, support.function#FFC107
entity.name.class, support.class#8a8a8d
entity.name.tag, markup.deleted#D35F5F
invalid, invalid.illegal#B91C1C
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#f59e0b
meta.block variable.other#D35F5F
support.other.variable, string.other.link#D35F5F
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#B91C1C
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#8a8a8d
entity.other.attribute-name#f59e0b
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFC107italic
markup.inserted#FFC107
markup.deleted#D35F5F
markup.changed#f59e0b
*url*, *link*, *uri*underline
punctuation, meta.brace#bebebe

Shiki preview

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

Loading...

Omarchy Matte Black - Coding Theme