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.activeBackground#555962
  • activityBar.activeBorder#6f7788
  • activityBar.background#21252B
  • activityBar.border#3C3C3C
  • activityBarBadge.background#757982
  • button.background#3c4048
  • dropdown.background#282C34
  • editor.background#282C34
  • editor.foldBackground#00000000
  • editor.foreground#d8dbe0
  • editor.lineHighlightBackground#2d323b
  • editor.lineHighlightBorder#00000000
  • focusBorder#3e424b
  • input.background#3c4048
  • input.border#4d515a
  • input.foreground#f3faff
  • input.placeholderForeground#9fa4ae
  • list.activeSelectionBackground#21252B
  • list.activeSelectionForeground#e7eef1
  • list.focusOutline#686969
  • list.inactiveFocusOutline#414040
  • list.warningForeground#d69419
  • menu.separatorBackground#3c4048
  • sideBar.background#21252B
  • sideBar.border#3f4756
  • sideBarSectionHeader.background#4d515a
  • sideBarSectionHeader.foreground#ccd0db
  • sideBarTitle.background#21252B
  • sideBarTitle.foreground#dee1e6
  • statusBar.background#262a32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8c8b8ditalic
storage.type.class.python#A48BC9italic bold
support.function.builtin.python#A48BC9
meta.function-call.arguments.python#D19A66italic
meta.function.decorator.python#8FA4C2italic
storage.type.function.python#D19A66
variable.language.special.self.python#6c8acditalic
invalid#C26677
keyword#A48BC9italic
string#A3C183
variable#CCDDE6
support#8FA4C2
constant.numeric#BF8857
markup.deleted#C26677
markup.inserted#A3C183
meta.function-call.python#8FA4C2
punctuation.separator#adafb3
cinzatheme by cinzatheme - VS Code Theme