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#0D1117
  • editor.foreground#E6E6E6
  • editor.lineHighlightBackground#1A1A1A
  • editor.selectionBackground#333366
  • editor.selectionHighlightBackground#44448880
  • editorCursor.foreground#FF0000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6A6A6Aitalic
keyword#FF4D4Ditalic
keyword.control, keyword.control.conditional, keyword.control.loop#4D88FFbold
string#1398f1
variable#ffffff
function, entity.name.function#f6892aitalic
import, keyword.operator#f46a0d
support.class, entity.name.type.module, storage.type#4D88FFitalic
meta.object-literal.key#99b1e1
constant.numeric#F7B500
constant.language#c0f415italic
storage.modifier#C792EAitalic
entity.name.class, support.type#8BE9FDitalic
meta.brace, punctuation.section#C5C8C6
entity.other.attribute-name#FF79C6italic
meta.function-call, support.function#50FA7B
meta.tag, entity.name.tag#FF5555
meta.selector, entity.other.attribute-name.class#FFB86Citalic
punctuation.definition.string#50FA7B
punctuation.definition.variable#F8F8F2
markup.heading, markup.heading entity.name#FFD700italic
markup.bold, string.regexp#FF79C6italic
markup.italic#F8F8F2italic
markup.list#FFB86C
markup.quote#50FA7Bitalic
markup.underline#F1FA8Citalic
RedWhiteBlue Theme by Subham Sarkar - VS Code Theme