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#1A0F38
  • editor.background#0D0D14
  • editor.findMatchBackground#FFEA00AA
  • editor.findMatchBorder#FFEA00
  • editor.findMatchHighlightBackground#FFEA0055
  • editor.foreground#E4E8FF
  • editor.selectionBackground#4A5E78
  • editorCursor.foreground#00E5FF
  • editorError.foreground#FF3B3B
  • editorInfo.foreground#33CFFF
  • editorLineNumber.foreground#8A8FA3
  • editorWarning.foreground#FF9500
  • sideBar.background#1B1333
  • sideBar.border#3B2A5B
  • statusBar.background#24114D
  • statusBar.border#3B2A5B
  • titleBar.activeBackground#2A1755
  • titleBar.inactiveBackground#221344

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier#BF5FFF
string, string.quoted, string.template#FF6F91
entity.name.function, support.function, meta.function-call#00FFC6
variable, meta.definition.variable.name, support.variable#FFE066
constant.numeric, constant.language#4DB8FF
comment, punctuation.definition.comment#8A8FA3italic
constant, variable.other.constant, entity.name.constant#FFB84D
entity.name.tag.html, entity.name.tag#FF4D4D
support.class.html, entity.other.attribute-name.class.html#4DFF91
entity.other.attribute-name, entity.other.attribute-name.html#FFD93B
string.quoted.double.html, string.quoted.single.html#00E5FF
punctuation.definition.tag.begin, punctuation.definition.tag.end#FF4D4D
entity.name.tag.css, support.type.property-name.css#FF6EC7
entity.name.tag.wildcard.css, entity.name.function.css#00FFC6
entity.other.attribute-name.css, support.constant.property-value.css#FFD93B
constant.numeric.css, keyword.other.unit.css#4DB8FF
entity.name.class.css, entity.name.id.css#4DFF91
keyword.control.at-rule.css, keyword.control.import.css#FF4D4D
One1 Theme by Suraj08 - VS Code Theme