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#0a0d14
  • activityBar.foreground#cdd6f4
  • editor.background#0f1117
  • editor.findMatchBackground#f38ba840
  • editor.findMatchHighlightBackground#fab38720
  • editor.foreground#cdd6f4
  • editor.inactiveSelectionBackground#1e2035
  • editor.lineHighlightBackground#1a1d2e
  • editor.selectionBackground#2a2d4a
  • editorBracketMatch.background#a6e3a120
  • editorBracketMatch.border#a6e3a1
  • editorCursor.foreground#f38ba8
  • editorIndentGuide.activeBackground#3b4261
  • editorIndentGuide.background#1e2035
  • editorLineNumber.activeForeground#7c85c9
  • editorLineNumber.foreground#3b4261
  • editorWhitespace.foreground#2a2d4a
  • sideBar.background#0d1018
  • sideBar.foreground#a6adc8
  • sideBarSectionHeader.background#0a0d14
  • statusBar.background#7c3aed
  • statusBar.foreground#ffffff
  • tab.activeBackground#0f1117
  • tab.activeForeground#cdd6f4
  • tab.inactiveBackground#0a0d14
  • tab.inactiveForeground#6c7086
  • titleBar.activeBackground#0a0d14
  • titleBar.activeForeground#cdd6f4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.line.double-dash.dorpn, comment.line.hash.dorpn, comment#45475aitalic
string.quoted.double.dorpn, string#a6e3a1
constant.character.escape.dorpn, constant.character.escape#94e2d5bold
constant.numeric.integer.dorpn, constant.numeric.float.dorpn, constant.numeric#fab387
constant.language.boolean.dorpn, constant.language#f38ba8bold
keyword.control.dorpn#c2e360bold
keyword.declaration.dorpn#1d6eefbold
keyword.operator.logical.dorpn#f5c2e7italic bold
support.type.dorpn#3ddb57
entity.name.function.dorpn#b444ddbold
entity.name.type.dorpn#f9e2afbold
entity.name.function.call.dorpn#5fc6d8
keyword.operator.arithmetic.dorpn#f38ba8
keyword.operator.comparison.dorpn#f5c2e7
keyword.operator.assignment.dorpn#94e2d5
keyword.operator.accessor.dorpn#6c7086
variable.other.dorpn#cdd6f4
Dorpn Language by D.P.S Rana - VS Code Theme