FectionLabs Themes

Color themes

• 

  FectionLabs Theme Midnight

• 

  FectionLabs Theme Noir

• 

  FectionLabs Theme Sand

• 

  FectionLabs Theme Verde

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#034972
• activityBar.border#D4A853
• activityBar.foreground#FFFFFF
• activityBarBadge.background#D4A853
• activityBarBadge.foreground#0A0F14
• badge.background#0D9488
• badge.foreground#FFFFFF
• button.background#034972
• button.foreground#FFFFFF
• editor.background#0A0F14
• editor.foreground#D6E4EE
• editor.lineHighlightBackground#111A24
• editor.selectionBackground#03497288
• editor.selectionHighlightBackground#03497244
• editor.wordHighlightBackground#152433
• editor.wordHighlightStrongBackground#03497266
• editorBracketMatch.background#03497244
• editorBracketMatch.border#D4A853
• editorCursor.foreground#5EEAD4
• editorGroup.border#03497266
• editorGroupHeader.tabsBackground#070B10
• editorGutter.background#0A0F14
• editorIndentGuide.activeBackground#0D9488
• editorIndentGuide.background#1A2836
• editorLineNumber.activeForeground#D4A853
• editorLineNumber.foreground#3A5A72
• editorWidget.background#111A24
• editorWidget.border#D4A853
• focusBorder#0D9488
• input.background#111A24
• input.border#034972
• list.activeSelectionBackground#034972
• list.activeSelectionForeground#FFFFFF
• list.focusOutline#D4A853
• list.hoverBackground#111A24
• notificationCenter.border#D4A853
• panel.background#0D1319
• panel.border#03497266
• panelTitle.activeForeground#5EEAD4
• progressBar.background#D4A853
• sash.hoverBorder#0D9488
• sideBar.background#0D1319
• sideBar.border#034972
• sideBar.foreground#B8CEDC
• sideBarTitle.foreground#D4A853
• statusBar.background#023556
• statusBar.border#D4A853
• statusBar.foreground#FFFFFF
• statusBarItem.prominentBackground#0D9488
• tab.activeBackground#0A0F14
• tab.activeBorder#D4A853
• tab.activeBorderTop#D4A853
• tab.activeForeground#F0F6FA
• tab.inactiveBackground#070B10
• tab.inactiveForeground#7A9BB0
• terminal.ansiBlack#0A0F14
• terminal.ansiBlue#6CB6FF
• terminal.ansiCyan#0D9488
• terminal.ansiGreen#5EEAD4
• terminal.ansiMagenta#C9A0DC
• terminal.ansiRed#F07178
• terminal.ansiWhite#D6E4EE
• terminal.ansiYellow#D4A853
• terminal.background#0A0F14
• terminal.foreground#D6E4EE
• titleBar.activeBackground#023556
• titleBar.activeForeground#FFFFFF
• titleBar.inactiveBackground#0D1319
• titleBar.inactiveForeground#7A9BB0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).