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#1E3A5F
- activityBar.border#D4A853
- activityBar.foreground#E2E8F4
- activityBarBadge.background#D4A853
- activityBarBadge.foreground#0B1220
- badge.background#7C3AED
- badge.foreground#FFFFFF
- button.background#1E3A5F
- button.foreground#FFFFFF
- editor.background#0B1220
- editor.foreground#E2E8F4
- editor.lineHighlightBackground#141E32
- editor.selectionBackground#5B4B8A66
- editor.selectionHighlightBackground#0D948844
- editor.wordHighlightBackground#1A2540
- editor.wordHighlightStrongBackground#7C3AED44
- editorBracketMatch.background#0D948833
- editorBracketMatch.border#D4A853
- editorCursor.foreground#A78BFA
- editorGroup.border#0D948855
- editorGroupHeader.tabsBackground#080E18
- editorGutter.background#0B1220
- editorIndentGuide.activeBackground#A78BFA
- editorIndentGuide.background#1A2540
- editorLineNumber.activeForeground#C4B5FD
- editorLineNumber.foreground#4A5A78
- editorWidget.border#D4A853
- focusBorder#A78BFA
- input.background#141E32
- input.border#7C3AED66
- list.activeSelectionBackground#5B4B8A
- list.activeSelectionForeground#FFFFFF
- list.focusOutline#D4A853
- list.hoverBackground#141E32
- notificationCenter.border#D4A853
- panel.background#0F1728
- panel.border#7C3AED44
- panelTitle.activeForeground#C4B5FD
- progressBar.background#D4A853
- sash.hoverBorder#0D9488
- sideBar.background#0F1728
- sideBar.border#0D948866
- sideBar.foreground#C7D2E8
- sideBarTitle.foreground#A78BFA
- statusBar.background#162A45
- statusBar.border#D4A853
- statusBar.foreground#E2E8F4
- statusBarItem.prominentBackground#0D9488
- tab.activeBackground#0B1220
- tab.activeBorder#D4A853
- tab.activeBorderTop#D4A853
- tab.activeForeground#F5F3FF
- tab.inactiveBackground#080E18
- tab.inactiveForeground#8B9CB8
- terminal.ansiBlue#8BB8E8
- terminal.ansiCyan#0D9488
- terminal.ansiGreen#5EEAD4
- terminal.ansiMagenta#C4B5FD
- terminal.ansiRed#F0A0A8
- terminal.ansiYellow#D4A853
- terminal.background#0B1220
- terminal.foreground#E2E8F4
- titleBar.activeBackground#1E3A5F
- titleBar.activeForeground#E2E8F4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A8BA8 | italic |
| string, punctuation.definition.string | #99F6E4 | — |
| constant.numeric | #D4A853 | — |
| keyword | #A78BFA | bold |
| entity.name.function, support.function | #5EEAD4 | — |
| variable | #E2E8F4 | — |
| storage.type, storage.modifier | #0D9488 | — |
| entity.name.type, entity.other.inherited-class | #D4A853 | — |
| entity.name.tag | #C4B5FD | — |
| entity.other.attribute-name | #8BB8E8 | — |
| markup.heading | #D4A853 | bold |