Skip to main content
Coding Theme

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#121212
  • activityBar.foreground#FF1493
  • activityBar.inactiveForeground#FFB6C1
  • activityBarBadge.background#FF1493
  • activityBarBadge.foreground#FFFFFF
  • button.background#FF1493
  • button.foreground#FFFFFF
  • button.hoverBackground#FF69B4
  • button.secondaryBackground#DB7093
  • button.secondaryForeground#FFFFFF
  • editor.background#161616
  • editor.foreground#EAE0E2
  • editor.selectionBackground#FF69B440
  • editorLineNumber.activeForeground#FF1493
  • editorLineNumber.foreground#FF69B4
  • focusBorder#FF1493
  • icon.foreground#FF69B4
  • input.border#FF1493
  • input.foreground#FFB6C1
  • list.activeSelectionForeground#FF1493
  • list.hoverForeground#FFB6C1
  • panelTitle.activeBorder#FF1493
  • panelTitle.activeForeground#FF1493
  • panelTitle.inactiveForeground#FFB6C1
  • scrollbarSlider.activeBackground#FF69B4AA
  • scrollbarSlider.background#FF69B440
  • scrollbarSlider.hoverBackground#FF69B480
  • sideBar.background#121212
  • sideBarSectionHeader.foreground#FF79C6
  • sideBarTitle.foreground#FF79C6
  • statusBar.background#b46993
  • statusBar.foreground#FFFFFF
  • tab.activeBorderTop#FF1493
  • tab.activeForeground#FF1493
  • tab.inactiveForeground#FFC0CB
  • terminal.ansiBlack#2D2426
  • terminal.ansiBlue#FF79C6
  • terminal.ansiCyan#FFC0CB
  • terminal.ansiGreen#FF69B4
  • terminal.ansiMagenta#FF00FF
  • terminal.ansiRed#FF1493
  • terminal.ansiWhite#EAE0E2
  • terminal.ansiYellow#FFB6C1
  • terminal.foreground#FFB6C1
  • terminalCursor.foreground#FF1493

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7C6F72italic
keyword, storage#FFB6C1bold
string#F8BBD0
function, entity.name.function#FF1493
entity.name.tag#DB7093
entity.other.attribute-name#FFB7B2
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#FF69B4
support.type.property-name.css#FFB7B2
support.constant.property-value.css, constant.numeric.css#F8BBD0
variable, variable.other#EAE0E2
variable.parameter#FFB7B2
entity.name.type, entity.name.class, support.class#FF1493bold
constant.language, constant.numeric#D16D8E
Midnight Rose Theme by Nathan-extension - VS Code Theme