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#D4D4D4
  • editorLineNumber.foreground#5A5A5A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.line.number-sign.tiber#6A9955italic
punctuation.definition.label.begin.tiber, punctuation.definition.label.end.tiber#4FC1FF
entity.name.label.tiber#4FC1FFitalic
keyword.control.tiber, keyword.control.import.tiber#C586C0
keyword.operator.logical.tiber#569CD6
constant.language.tiber#79C0FF
support.function.builtin.tiber#4EC9B0
entity.name.function.definition.tiber, entity.name.function.tiber#DCDCAA
variable.other.tiber#9CDCFE
entity.name.type.page.tiber, entity.name.type.page.definition.tiber, entity.name.type.rid.definition.tiber#b5b7fa
string.quoted.double.tiber, string.quoted.single.tiber, string.quoted.tiber#CE9178
constant.character.escape.tiber#D7BA7D
punctuation.definition.string.begin.tiber, punctuation.definition.string.end.tiber#CE9178
constant.numeric.tiber#B5CEA1
keyword.operator.tiber#D4D4D4
punctuation.tiber#A0A0A0