Skip to main content
Coding Theme

Color themes

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#191A1B
  • activityBar.border#2A2B2C
  • activityBar.foreground#bfbfbf
  • activityBar.inactiveForeground#8C8C8C
  • descriptionForeground#8C8C8C
  • editor.background#121314
  • editor.foreground#c8d0d4
  • editor.inactiveSelectionBackground#27678260
  • editor.lineHighlightBackground#242526
  • editor.selectionBackground#276782dd
  • editorBracketMatch.background#3994BC55
  • editorBracketMatch.border#2A2B2C
  • editorCursor.foreground#c8d0d4
  • editorGroupHeader.tabsBackground#202122
  • editorIndentGuide.activeBackground1#838485
  • editorIndentGuide.background1#8384854D
  • editorLineNumber.activeForeground#c8d0d4
  • editorLineNumber.foreground#858889
  • editorWhitespace.foreground#8C8C8C4D
  • focusBorder#3994BCB3
  • foreground#bfbfbf
  • panel.background#191A1B
  • panel.border#2A2B2C
  • sideBar.background#191A1B
  • sideBar.border#2A2B2C
  • sideBar.foreground#bfbfbf
  • statusBar.background#191A1B
  • statusBar.border#2A2B2C
  • statusBar.foreground#8C8C8C
  • tab.activeBackground#121314
  • tab.activeForeground#bfbfbf
  • tab.border#2A2B2C
  • tab.inactiveBackground#202122
  • tab.inactiveForeground#8C8C8C
  • titleBar.activeBackground#191A1B
  • titleBar.activeForeground#8C8C8C
  • titleBar.border#2A2B2C

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6A9955
string#CE9178
constant.numeric#B5CEA8
keyword.control#C586C0
keyword, storage.modifier#569CD6
support.type, entity.name.type, storage.type#4EC9B0
entity.name.function, support.function#DCDCAA
variable, entity.name.variable#9CDCFE
source.arl, variable.other.definition.arl#c8d0d4
storage.type.arl, storage.type.return.arl, keyword.control.arl, keyword.other.arl, keyword.declaration.function.arl#EEEE00
support.function.instruction.arl#00EEEE
support.function.builtin.arl, support.function.builtin.paren.arl#00D407
entity.name.function.user.arl, entity.name.namespace.arl, punctuation.accessor.arl#78a8c8
entity.name.function.main.arl, support.function.builtin.main.arl#ff5555
variable.language.system.arl#C5947C
comment.line.double-slash.arl, punctuation.definition.comment.arl, comment.block.arl, punctuation.definition.comment.begin.arl, punctuation.definition.comment.end.arl#49a659
string.quoted.double.arl, punctuation.definition.string.begin.arl, punctuation.definition.string.end.arl#9a9a9a
constant.numeric.arl#f0f0f0
punctuation.section.brackets.arl#c96eb4
Peitian Robot ARL Language Support by David-Workshop - VS Code Theme