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#1B4332
- activityBar.border#D4A853
- activityBar.foreground#D8F3DC
- activityBar.inactiveForeground#74A88A
- activityBarBadge.background#D4A853
- activityBarBadge.foreground#0E1512
- badge.background#52B788
- badge.foreground#0E1512
- button.background#2D6A4F
- button.foreground#F1FAF4
- button.hoverBackground#40916C
- debugToolBar.background#152019
- diffEditor.insertedTextBackground#2D6A4F33
- diffEditor.removedTextBackground#E07A7A22
- dropdown.background#152019
- dropdown.border#52B78866
- editor.background#0E1512
- editor.findMatchBackground#D4A85355
- editor.findMatchHighlightBackground#D4A85333
- editor.foreground#DCE8E3
- editor.inactiveSelectionBackground#1B433244
- editor.lineHighlightBackground#152019
- editor.selectionBackground#2D6A4F66
- editor.selectionHighlightBackground#40916C44
- editor.wordHighlightBackground#1F352A
- editor.wordHighlightStrongBackground#2D6A4F55
- editorBracketMatch.background#52B78833
- editorBracketMatch.border#D4A853
- editorCursor.foreground#95D5B2
- editorGroup.border#2D6A4F55
- editorGroupHeader.tabsBackground#0A100D
- editorGutter.background#0E1512
- editorIndentGuide.activeBackground#52B788
- editorIndentGuide.background#1F352A
- editorLineNumber.activeForeground#95D5B2
- editorLineNumber.foreground#4A6B5C
- editorWidget.background#152019
- editorWidget.border#D4A853
- focusBorder#52B788
- input.background#152019
- input.border#52B78866
- input.foreground#DCE8E3
- list.activeSelectionBackground#2D6A4F
- list.activeSelectionForeground#F1FAF4
- list.focusOutline#D4A853
- list.hoverBackground#1A2E24
- list.inactiveSelectionBackground#1B4332
- notificationCenter.border#D4A853
- notificationsErrorIcon.foreground#E07A7A
- panel.background#101915
- panel.border#52B78844
- panelTitle.activeForeground#95D5B2
- panelTitle.inactiveForeground#6B9080
- peekView.border#D4A853
- peekViewTitle.background#1B4332
- progressBar.background#D4A853
- sash.hoverBorder#52B788
- scrollbarSlider.activeBackground#2D6A4F99
- sideBar.background#101915
- sideBar.border#52B78844
- sideBar.foreground#C7D9CE
- sideBarTitle.foreground#95D5B2
- statusBar.background#1B4332
- statusBar.border#D4A853
- statusBar.foreground#D8F3DC
- statusBarItem.prominentBackground#034972
- statusBarItem.prominentForeground#FFFFFF
- tab.activeBackground#0E1512
- tab.activeBorder#D4A853
- tab.activeBorderTop#D4A853
- tab.activeForeground#F1FAF4
- tab.inactiveBackground#0A100D
- tab.inactiveForeground#8FA89A
- terminal.ansiBlack#0E1512
- terminal.ansiBlue#5B9BD5
- terminal.ansiBrightBlack#4A6B5C
- terminal.ansiBrightBlue#8BB8E8
- terminal.ansiBrightCyan#D8F3DC
- terminal.ansiBrightGreen#B7E4C7
- terminal.ansiBrightMagenta#DCC4EB
- terminal.ansiBrightRed#F4A6A6
- terminal.ansiBrightWhite#F1FAF4
- terminal.ansiBrightYellow#E8D5A3
- terminal.ansiCyan#95D5B2
- terminal.ansiGreen#74C69D
- terminal.ansiMagenta#C9A0DC
- terminal.ansiRed#E07A7A
- terminal.ansiWhite#DCE8E3
- terminal.ansiYellow#D4A853
- terminal.background#0E1512
- terminal.foreground#DCE8E3
- titleBar.activeBackground#163328
- titleBar.activeForeground#DCE8E3
- titleBar.inactiveBackground#101915
- titleBar.inactiveForeground#8FA89A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B9080 | italic |
| string, punctuation.definition.string, constant.other.symbol | #A8E6CF | — |
| constant.numeric, constant.language | #B5E48C | — |
| keyword, keyword.control, keyword.operator.new | #74C69D | bold |
| variable, variable.other, variable.parameter | #F1FAF4 | — |
| entity.name.function, support.function, meta.function-call | #B7E4C7 | bold |
| punctuation, meta.brace | #8FA89A | — |
| storage.type, storage.modifier | #52B788 | — |
| entity.name.type, entity.other.inherited-class, support.type | #D4A853 | — |
| entity.name.tag, punctuation.definition.tag | #74C69D | — |
| entity.other.attribute-name | #A8C5A0 | — |
| markup.heading | #D4A853 | bold |
| markup.bold | #F1FAF4 | bold |
| markup.italic | #95D5B2 | italic |
| constant.character.escape | #D4A853 | — |
| invalid, invalid.illegal | #E07A7A | underline |