Skip to main content
CodingTheme

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#101010
  • editor.foreground#d4d4d4
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#343434
  • editor.selectionBackground#5a5a5a
  • editor.selectionHighlightBackground#add6ff26
  • editorCursor.foreground#f8f8f0
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorWhitespace.foreground#808080
  • input.placeholderForeground#a6a6a6
  • list.dropBackground#383b3d
  • menu.background#252526
  • menu.foreground#cccccc
  • settings.numberInputBackground#292929
  • settings.textInputBackground#292929
  • sideBar.background#1a1a1a
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source#e0e0e0
emphasisitalic
strongbold
comment, punctuation.definition.comment#808080
storage, variable.other.object#03a9f4italic
constant, entity.other.attribute-name#ff9800
string#8bc34a
keyword.control#9c27b0
variable.parameter, keyword.operator.quantifier.regexp#ffffffitalic
support.class, entity.name.type#ffc107italic
support.function, constant.character.escape, string.regexp, keyword.other#00bcd4
entity.name.function#cddc39
support.variable, support.module, variable.language.this, entity.name.tag#f44336
entity.other.inherited-class#4caf50italic
#6796e6
#cd9731
token.error-token#f44747
token.debug-token#b267e6

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Icehunter's Theme by Ryan Wilson - VS Code Theme