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.

  • editor.background#1e1e1e
  • editor.foreground#d4d4d4
  • editor.lineHighlightBackground#2a2a2a
  • editor.selectionBackground#264f78
  • editorCursor.foreground#00d9ff
  • editorWhitespace.foreground#3b3b3b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.block#6A9955italic
string, string.quoted#ce9178
constant.character.escape#d7ba7d
keyword.control.flow, keyword.control.import, keyword.control.exception#C586C0bold
keyword.operator.logical#C586C0bold
storage.type, storage.type.class, storage.type.function#569CD6bold
storage.modifier, storage.modifier.access#569CD6
storage.type.numeric, storage.type.string, storage.type.boolean, storage.type.void, storage.type.collection#4EC9B0italic
entity.name.type#4EC9B0
entity.name.function.call#DCDCAA
support.function.builtin#DCDCAAitalic
constant.numeric, constant.numeric.integer, constant.numeric.float#b5cea8
constant.language.boolean#569CD6bold
constant.language.null#569CD6italic
variable.language#4FC1FFitalic
keyword.operator.arithmetic#d4d4d4
keyword.operator.comparison#d4d4d4
keyword.operator.assignment#d4d4d4
keyword.operator.pipe, keyword.operator.arrow, keyword.operator.optional#C586C0bold
punctuation#d4d4d4
keyword.other#C586C0
variable.other.key.hocon, variable.other.key.quoted.hocon#569CD6
punctuation.section.object.begin.hocon, punctuation.section.object.end.hocon#C586C0
entity.name.tag.hocon.object-key, entity.name.tag.hocon.object-key.quoted#C586C0
Stratos Language Support by arthur-kamau - VS Code Theme