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.

  • activityBarBadge.background#80c3ff
  • editor.background#1e1e1e
  • editor.foreground#cfcfcf
  • editor.lineHighlightBackground#1a1a1a
  • editor.lineHighlightBorder#222222
  • editorBracketHighlight.foreground1#ff8808
  • editorBracketHighlight.foreground2#ff8808
  • editorBracketHighlight.foreground3#ff8808
  • editorBracketHighlight.foreground4#ff8808
  • editorBracketHighlight.foreground5#ff8808
  • editorBracketHighlight.foreground6#ff8808
  • editorBracketHighlight.unexpectedBracket.foreground#ff4141
  • editorBracketMatch.border#cfcfcf

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source.rw.attributes.group1#6fdcc1
source.rw.attributes.group2#a8e6ff
source.rw.attributes.group3#80c3ff
source.rw.attributes.group4#85a5b2
source.rw.attributes.group5#ea8edc
source.rw.attributes.group6#bbb9ff
source.rw.digits#ffa361
source.rw.keywords1#a2cddc
source.rw.keywords2#5fafcc
source.rw.operators1#ffa82f
source.rw.operators2#ff632f
source.rw.other.line-comments#d4ff5citalic bold
source.rw.other.any#ff8025
source.rw.other.pipes#97440d
source.rw.other.diaktryczne#eeffff
source.rw.other.umlauts#eeffff
amazon-rule-writing-dark-theme by Maciej Świątek-Brzeziński - VS Code Theme