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.activeBorder#FF1744
  • activityBar.background#000000
  • activityBar.foreground#2979FF
  • button.background#2979FF
  • button.foreground#000000
  • button.hoverBackground#00B0FF
  • descriptionForeground#747F9F
  • diffEditor.insertedTextBackground#00FF8522
  • diffEditor.removedTextBackground#FF2D5522
  • dropdown.background#050505
  • editor.background#000000
  • editor.foreground#F8FBFF
  • editor.inactiveSelectionBackground#2979FF22
  • editor.lineHighlightBackground#2979FF10
  • editor.selectionBackground#2979FF44
  • editorCursor.foreground#2979FF
  • editorGroupHeader.tabsBackground#000000
  • editorGutter.addedBackground#00FF85
  • editorGutter.background#000000
  • editorGutter.deletedBackground#FF2D55
  • editorGutter.modifiedBackground#FFD60A
  • editorIndentGuide.activeBackground1#2979FF
  • editorIndentGuide.background1#222222
  • editorLineNumber.activeForeground#FF1744
  • editorLineNumber.foreground#747F9F
  • editorOverviewRuler.addedForeground#00FF85DD
  • editorOverviewRuler.deletedForeground#FF2D55DD
  • editorOverviewRuler.modifiedForeground#FFD60ADD
  • errorForeground#FF2D55
  • focusBorder#2979FF99
  • foreground#F8FBFF
  • gitDecoration.addedResourceForeground#00FF85
  • gitDecoration.deletedResourceForeground#FF2D55
  • gitDecoration.modifiedResourceForeground#FFD60A
  • input.background#050505
  • input.border#2979FF99
  • list.activeSelectionBackground#2979FF33
  • list.highlightForeground#FFFFFF
  • minimapGutter.addedBackground#00FF85
  • minimapGutter.deletedBackground#FF2D55
  • minimapGutter.modifiedBackground#FFD60A
  • panel.background#000000
  • sideBar.background#000000
  • sideBar.foreground#F8FBFF
  • statusBar.background#000000
  • statusBar.foreground#FF1744
  • tab.activeBackground#050505
  • tab.activeForeground#FF1744
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#747F9F
  • terminal.background#000000
  • terminal.foreground#F8FBFF
  • terminalCursor.foreground#2979FF
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#F8FBFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#747F9Fitalic
keyword, storage.type, storage.modifier#2979FF
entity.name.function, support.function#00B0FF
entity.name.function.member, meta.method#FF6B8A
variable, meta.definition.variable#F8FBFF
variable.parameter, meta.parameter#FF1744
entity.name.type, support.type, entity.name.class#FFFFFF
entity.name.type.interface#FFFFFFitalic
string, constant.other.symbol#FF1744
constant.numeric, constant.language.boolean#FFFFFF
variable.other.property, support.variable.property#FF6B8A
keyword.operator, punctuation.accessor#2979FF
entity.name.tag, entity.other.attribute-name#2979FF
invalid, invalid.illegal#FF2D55bold
Rods Themes by PedroHRFerreira - VS Code Theme