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#0369A1
- activityBar.border#D4A853
- activityBar.foreground#FFFFFF
- editor.background#F0F9FF
- editor.foreground#0C2340
- editor.lineHighlightBackground#E0F2FE
- editor.selectionBackground#0369A140
- editor.wordHighlightBackground#BAE6FD
- editor.wordHighlightStrongBackground#0369A130
- editorBracketMatch.border#D4A853
- editorCursor.foreground#0369A1
- editorIndentGuide.activeBackground#0369A1
- editorIndentGuide.background#A8D4F0
- editorLineNumber.activeForeground#0369A1
- editorLineNumber.foreground#5A8BAD
- focusBorder#0EA5E9
- notificationCenter.border#D4A853
- progressBar.background#D4A853
- sideBar.background#E8F6FC
- sideBar.foreground#0C2340
- statusBar.background#0C4A6E
- statusBar.border#D4A853
- statusBar.foreground#FFFFFF
- tab.activeBorder#D4A853
- tab.activeBorderTop#D4A853
- tab.activeForeground#0C2340
- tab.inactiveForeground#3D6080
- titleBar.activeBackground#0369A1
- titleBar.activeForeground#FFFFFF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4A6B85 | italic |
| string, punctuation.definition.string | #0E7490 | — |
| constant.numeric | #9A6700 | bold |
| keyword, keyword.control | #0369A1 | bold |
| entity.name.function, support.function | #7C3AED | bold |
| variable | #0C2340 | — |
| entity.name.type, support.type | #034972 | — |
| entity.name.tag | #047857 | bold |
| entity.other.attribute-name | #0D6E6E | — |
| markup.heading | #0C4A6E | bold |
| invalid | #DC2626 | underline |