FectionLabs Themes
Publisher: FectionLabsThemes in package: 12
FectionLabs branded color themes — 12 variants for VS Code, Cursor, Windsurf, VSCodium, Trae, Antigravity IDE, and other VS Code-compatible editors.
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.background#1A1A1A
- activityBar.border#D4A853
- activityBar.foreground#E8E8E8
- activityBarBadge.background#D4A853
- activityBarBadge.foreground#121212
- badge.background#D4A853
- badge.foreground#121212
- button.background#2A2A2A
- button.foreground#E8E8E8
- editor.background#121212
- editor.foreground#E8E8E8
- editor.lineHighlightBackground#1A1A1A
- editor.selectionBackground#D4A85344
- editor.selectionHighlightBackground#D4A85322
- editor.wordHighlightBackground#222222
- editor.wordHighlightStrongBackground#333333
- editorBracketMatch.background#D4A85322
- editorBracketMatch.border#D4A853
- editorCursor.foreground#D4A853
- editorGroup.border#333333
- editorGroupHeader.tabsBackground#0E0E0E
- editorGutter.background#121212
- editorIndentGuide.activeBackground#D4A853
- editorIndentGuide.background#2A2A2A
- editorLineNumber.activeForeground#D4A853
- editorLineNumber.foreground#555555
- editorWidget.border#D4A853
- focusBorder#D4A853
- input.background#1A1A1A
- input.border#444444
- list.activeSelectionBackground#2A2A2A
- list.activeSelectionForeground#FFFFFF
- list.focusOutline#D4A853
- list.hoverBackground#1E1E1E
- notificationCenter.border#D4A853
- panel.background#161616
- panel.border#333333
- panelTitle.activeForeground#D4A853
- progressBar.background#D4A853
- sash.hoverBorder#D4A853
- sideBar.background#161616
- sideBar.border#333333
- sideBar.foreground#C8C8C8
- sideBarTitle.foreground#D4A853
- statusBar.background#0E0E0E
- statusBar.border#D4A853
- statusBar.foreground#D4A853
- statusBarItem.prominentBackground#034972
- tab.activeBackground#121212
- tab.activeBorder#D4A853
- tab.activeBorderTop#D4A853
- tab.activeForeground#F5F5F5
- tab.inactiveBackground#0E0E0E
- tab.inactiveForeground#888888
- terminal.ansiBlue#888888
- terminal.ansiCyan#B8B8B8
- terminal.ansiGreen#A8A8A8
- terminal.ansiRed#C87070
- terminal.ansiYellow#D4A853
- terminal.background#121212
- terminal.foreground#E8E8E8
- titleBar.activeBackground#1A1A1A
- titleBar.activeForeground#E8E8E8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #777777 | italic |
| string, punctuation.definition.string | #D4D4D4 | — |
| constant.numeric | #D4A853 | — |
| keyword, keyword.control | #F5F5F5 | bold |
| entity.name.function, support.function | #D4A853 | — |
| variable | #E8E8E8 | — |
| storage.type, storage.modifier | #C8C8C8 | — |
| entity.name.type, entity.other.inherited-class | #D4A853 | — |
| entity.name.tag | #C8C8C8 | — |
| entity.other.attribute-name | #A0A0A0 | — |
| markup.heading | #D4A853 | bold |