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#16161e
  • editor.background#1a1b26
  • editor.foreground#a9b1d6
  • editor.lineHighlightBackground#24283b
  • editor.selectionBackground#364a82
  • editorCursor.foreground#c0caf5
  • editorIndentGuide.activeBackground#3b4261
  • editorIndentGuide.background#292e42
  • editorWhitespace.foreground#3b4261
  • sideBar.background#16161e
  • sideBar.foreground#a9b1d6
  • statusBar.background#16161e
  • tab.activeBackground#1a1b26
  • tab.inactiveBackground#16161e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.block#565f89italic
string, string.quoted#9ece6a
variable.interpolation#7dcfff
constant.numeric#ff9e64
keyword.control, keyword.declaration#bb9af7bold
keyword.modifier#f7768e
constant.language.boolean#ff9e64
constant.language.null#737aa2
storage.type.primitive, storage.type.sized#2ac3de
entity.name.type#7aa2f7
entity.name.function#7aa2f7
support.function.builtin#e0af68
support.function.ui#73dacabold
support.function.color#f7768e
support.function.animation#bb9af7italic
support.function.view#7dcfff
support.function.text#9ece6a
entity.name.tag.attribute#ff9e64italic
keyword.operator#89ddff
keyword.operator.arrow#bb9af7
punctuation#a9b1d6
variable.other#c0caf5
REOX Programming Language by ketiveeai - VS Code Theme