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#FFD600
  • activityBar.background#000000
  • activityBar.foreground#FF1744
  • button.background#FF1744
  • button.foreground#000000
  • button.hoverBackground#FF3D71
  • descriptionForeground#A06A64
  • diffEditor.insertedTextBackground#00FF8522
  • diffEditor.removedTextBackground#FF2D5522
  • dropdown.background#050505
  • editor.background#000000
  • editor.foreground#F8FBFF
  • editor.inactiveSelectionBackground#FF174422
  • editor.lineHighlightBackground#FF174410
  • editor.selectionBackground#FF174444
  • editorCursor.foreground#FF1744
  • editorGroupHeader.tabsBackground#000000
  • editorGutter.addedBackground#00FF85
  • editorGutter.background#000000
  • editorGutter.deletedBackground#FF2D55
  • editorGutter.modifiedBackground#FFD60A
  • editorIndentGuide.activeBackground1#FF1744
  • editorIndentGuide.background1#222222
  • editorLineNumber.activeForeground#FFD600
  • editorLineNumber.foreground#A06A64
  • editorOverviewRuler.addedForeground#00FF85DD
  • editorOverviewRuler.deletedForeground#FF2D55DD
  • editorOverviewRuler.modifiedForeground#FFD60ADD
  • errorForeground#FF2D55
  • focusBorder#FF174499
  • foreground#F8FBFF
  • gitDecoration.addedResourceForeground#00FF85
  • gitDecoration.deletedResourceForeground#FF2D55
  • gitDecoration.modifiedResourceForeground#FFD60A
  • input.background#050505
  • input.border#FF174499
  • list.activeSelectionBackground#FF174433
  • list.highlightForeground#FF6D00
  • minimapGutter.addedBackground#00FF85
  • minimapGutter.deletedBackground#FF2D55
  • minimapGutter.modifiedBackground#FFD60A
  • panel.background#000000
  • sideBar.background#000000
  • sideBar.foreground#F8FBFF
  • statusBar.background#000000
  • statusBar.foreground#FFD600
  • tab.activeBackground#050505
  • tab.activeForeground#FFD600
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#A06A64
  • terminal.background#000000
  • terminal.foreground#F8FBFF
  • terminalCursor.foreground#FF1744
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#F8FBFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A06A64italic
keyword, storage.type, storage.modifier#FF1744
entity.name.function, support.function#FF3D71
entity.name.function.member, meta.method#FFF176
variable, meta.definition.variable#F8FBFF
variable.parameter, meta.parameter#FFD600
entity.name.type, support.type, entity.name.class#FF6D00
entity.name.type.interface#FF6D00italic
string, constant.other.symbol#FFD600
constant.numeric, constant.language.boolean#FF6D00
variable.other.property, support.variable.property#FFF176
keyword.operator, punctuation.accessor#FF1744
entity.name.tag, entity.other.attribute-name#FF1744
invalid, invalid.illegal#FF2D55bold
Rods Themes by PedroHRFerreira - VS Code Theme