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#FFD600
  • button.background#FFD600
  • button.foreground#000000
  • button.hoverBackground#FFF176
  • descriptionForeground#A08B64
  • diffEditor.insertedTextBackground#00FF8522
  • diffEditor.removedTextBackground#FF2D5522
  • dropdown.background#050505
  • editor.background#000000
  • editor.foreground#F8FBFF
  • editor.inactiveSelectionBackground#FFD60022
  • editor.lineHighlightBackground#FFD60010
  • editor.selectionBackground#FFD60044
  • editorCursor.foreground#FFD600
  • editorGroupHeader.tabsBackground#000000
  • editorGutter.addedBackground#00FF85
  • editorGutter.background#000000
  • editorGutter.deletedBackground#FF2D55
  • editorGutter.modifiedBackground#FFD60A
  • editorIndentGuide.activeBackground1#FFD600
  • editorIndentGuide.background1#222222
  • editorLineNumber.activeForeground#FF1744
  • editorLineNumber.foreground#A08B64
  • editorOverviewRuler.addedForeground#00FF85DD
  • editorOverviewRuler.deletedForeground#FF2D55DD
  • editorOverviewRuler.modifiedForeground#FFD60ADD
  • errorForeground#FF2D55
  • focusBorder#FFD60099
  • foreground#F8FBFF
  • gitDecoration.addedResourceForeground#00FF85
  • gitDecoration.deletedResourceForeground#FF2D55
  • gitDecoration.modifiedResourceForeground#FFD60A
  • input.background#050505
  • input.border#FFD60099
  • list.activeSelectionBackground#FFD60033
  • 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#FF1744
  • tab.activeBackground#050505
  • tab.activeForeground#FF1744
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#A08B64
  • terminal.background#000000
  • terminal.foreground#F8FBFF
  • terminalCursor.foreground#FFD600
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#F8FBFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A08B64italic
keyword, storage.type, storage.modifier#FFD600
entity.name.function, support.function#FFF176
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#FF6D00
entity.name.type.interface#FF6D00italic
string, constant.other.symbol#FF1744
constant.numeric, constant.language.boolean#FF6D00
variable.other.property, support.variable.property#FF6B8A
keyword.operator, punctuation.accessor#FFD600
entity.name.tag, entity.other.attribute-name#FFD600
invalid, invalid.illegal#FF2D55bold
Rods Themes by PedroHRFerreira - VS Code Theme