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.activeBorder#a0cba1
  • activityBar.background#1b1d1a
  • activityBar.border#2b2e2a
  • activityBar.foreground#cfdac7
  • dropdown.background#2b2e2a
  • dropdown.border#3a3d38
  • dropdown.foreground#d0dcc8
  • editor.background#1b1d1a
  • editor.foreground#d0dcc8
  • editor.lineHighlightBackground#232622
  • editor.selectionBackground#3d574433
  • editor.selectionHighlightBackground#5c745433
  • editorBracketMatch.background#2a3527
  • editorBracketMatch.border#6e8f6e
  • editorCursor.foreground#a0cba1
  • editorGutter.background#1b1d1a
  • editorIndentGuide.activeBackground#3a3d38
  • editorIndentGuide.background#2b2e2a
  • editorLineNumber.activeForeground#a0cba1
  • editorLineNumber.foreground#5c6f5b
  • editorWhitespace.foreground#444944
  • list.activeSelectionBackground#374837
  • list.hoverBackground#2f332f
  • list.inactiveSelectionBackground#2a352a
  • panel.background#1b1d1a
  • panel.border#2b2e2a
  • sideBar.background#1b1d1a
  • sideBar.border#2b2e2a
  • sideBar.foreground#cfdac7
  • statusBar.background#1b1d1a
  • statusBar.border#2b2e2a
  • statusBar.foreground#cfdac7
  • tab.activeBackground#2b2e2a
  • tab.activeForeground#d0dcc8
  • tab.border#2b2e2a
  • tab.inactiveBackground#1b1d1a
  • tab.inactiveForeground#7a897a
  • titleBar.activeBackground#1b1d1a
  • titleBar.activeForeground#cfdac7
  • titleBar.inactiveBackground#181a18
  • titleBar.inactiveForeground#7a897a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5c6f5bitalic
keyword, storage.type#a0cba1bold
string, constant.other.symbol#d4bfa3
variable, identifier#c3d0bd
entity.name.function, support.function, meta.function-call#90b78a
number, constant.numeric#8dab84
constant, variable.language#7fa07e
entity.name.type, support.class#a4cbb4
punctuation.definition.string, punctuation#cfdac7
invalid, invalid.deprecated#ffffff
Forest Floor Theme by Inna Sodri - VS Code Theme