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#263238
  • activityBar.foreground#FFFFFF
  • activityBarBadge.background#FF6F00
  • editor.background#263238
  • editor.foreground#EEFFFF
  • editorGroup.border#1E272C
  • editorGroupHeader.tabsBackground#1E272C
  • list.activeSelectionBackground#1E272C
  • list.activeSelectionForeground#80CBC4
  • list.dropBackground#1E272C
  • list.hoverBackground#1E272C20
  • list.inactiveSelectionBackground#1E272C
  • panel.background#263238
  • panel.border#1E272C
  • sideBarTitle.foreground#BBBBBB
  • statusBar.background#263238
  • statusBar.debuggingBackground#FF5370
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#546E7A
  • statusBar.noFolderBackground#263238
  • tab.activeBackground#263238
  • tab.activeForeground#FFFFFF
  • tab.border#1E272C
  • tab.inactiveBackground#1E272C
  • tab.inactiveForeground#546E7A
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#82AAFF
  • terminal.ansiCyan#89DDFF
  • terminal.ansiGreen#C3E88D
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#FF5370
  • terminal.ansiWhite#FFFFFF
  • terminal.ansiYellow#FFCB6B
  • terminal.background#263238
  • terminal.foreground#EEFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#546E7Aitalic
keyword.control.section.robot, entity.name.section.robot#C792EAbold
entity.name.function.settings.robot, entity.name.function.setting.robot#82AAFFbold
variable.parameter.robot, variable.other.robot#FFCB6B—
entity.name.function.keyword.robot, entity.name.function.test.robot#89DDFFbold
keyword.control.flow.robot#C792EAbold
support.function.builtin.robot#F78C6C—
string#C3E88D—
constant.numeric#F78C6C—
Robot Framework Pro by Connections System - VS Code Theme