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#1D4ED8
- activityBar.border#D4A853
- activityBar.foreground#FFFFFF
- activityBarBadge.background#D4A853
- activityBarBadge.foreground#060D18
- badge.background#3B82F6
- editor.background#060D18
- editor.findMatchBackground#D4A85366
- editor.foreground#E8F2FF
- editor.lineHighlightBackground#0C1828
- editor.selectionBackground#2563EB66
- editor.selectionHighlightBackground#2563EB44
- editor.wordHighlightBackground#102038
- editor.wordHighlightStrongBackground#2563EB55
- editorBracketMatch.background#2563EB44
- editorBracketMatch.border#D4A853
- editorCursor.foreground#60A5FA
- editorGroup.border#2563EB55
- editorGroupHeader.tabsBackground#040A12
- editorGutter.background#060D18
- editorIndentGuide.activeBackground#3B82F6
- editorIndentGuide.background#102038
- editorLineNumber.activeForeground#60A5FA
- editorLineNumber.foreground#3A5A80
- focusBorder#60A5FA
- notificationCenter.border#D4A853
- panel.background#081420
- panel.border#2563EB55
- panelTitle.activeForeground#93C5FD
- progressBar.background#D4A853
- sideBar.background#081420
- sideBar.border#2563EB55
- sideBar.foreground#C8DCF5
- sideBarTitle.foreground#60A5FA
- statusBar.background#1E3A8A
- statusBar.border#D4A853
- statusBar.foreground#E8F2FF
- tab.activeBackground#060D18
- tab.activeBorder#D4A853
- tab.activeBorderTop#D4A853
- tab.activeForeground#F0F7FF
- tab.inactiveBackground#040A12
- tab.inactiveForeground#7A9BC8
- terminal.ansiBlue#3B82F6
- terminal.ansiCyan#22D3EE
- terminal.ansiGreen#34D399
- terminal.ansiMagenta#A78BFA
- terminal.ansiRed#F87171
- terminal.ansiYellow#D4A853
- terminal.background#060D18
- terminal.foreground#E8F2FF
- titleBar.activeBackground#1E3A8A
- titleBar.activeForeground#FFFFFF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B8CB8 | italic |
| string, punctuation.definition.string | #7DD3FC | — |
| constant.numeric, constant.language | #FFD666 | bold |
| keyword, keyword.control | #60A5FA | bold |
| storage.type, storage.modifier | #38BDF8 | — |
| entity.name.function, support.function | #93C5FD | — |
| variable, variable.parameter | #E8F2FF | — |
| entity.name.type, support.type | #D4A853 | — |
| entity.name.tag | #34D399 | — |
| entity.other.attribute-name | #A78BFA | — |
| markup.heading | #D4A853 | bold |
| constant.character.escape | #F0ABFC | — |
| invalid | #F87171 | underline |