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#f0f0f0
  • activityBar.foreground#963200
  • activityBarBadge.background#f0f0f0
  • commandCenter.background#f0f0f0
  • editor.background#f0f0f0
  • list.activeSelectionBackground#979797
  • menu.background#f0f0f0
  • menu.selectionBackground#979797
  • notifications.background#f0f0f0
  • panel.background#f0f0f0
  • peekViewEditor.background#f0f0f0
  • peekViewResult.background#f0f0f0
  • sideBar.background#f0f0f0
  • statusBar.background#f0f0f0
  • statusBar.debuggingBackground#f0f0f0
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#f0f0f0
  • statusBar.noFolderForeground#000000
  • tab.activeBorder#963200
  • terminal.background#f0f0f0
  • titleBar.activeBackground#f0f0f0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#00800070
comment.block.preprocessor#00800070
comment.documentation, comment.block.documentation#00800070
invalid.illegal#660000
keyword.operator#A626A4
keyword, storage#A626A4
storage.type, support.type#A626A4
constant.language, support.constant, variable.language#A626A4
variable, support.variable#000000
entity.name.function, support.function#8250DF
entity.name.type, entity.other.inherited-class, support.class#000000
entity.name.exception#A626A4
entity.name.section#A626A4
constant.numeric, constant.character, constant#8250DF
string#963200
constant.character.escape#963200
string.regexp#8250DF
constant.other.symbol#963200
punctuation#000000
Safe Light Theme by vmtmz - VS Code Theme