Forge Themes
Publisher: Fynes-forgeThemes in package: 4
A VS Code colour theme collection built on the Fynes Forge brand palette — Forge, Dayforge, Hearthforge and Cold Forge.
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#1C2329
- activityBar.border#4F627226
- activityBar.foreground#B7C3F3
- activityBar.inactiveForeground#4F6272B3
- activityBarBadge.background#D05786
- activityBarBadge.foreground#FFFFFF
- badge.background#D05786
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#B7C3F3
- breadcrumb.background#1C2329
- breadcrumb.focusForeground#ECDA90
- breadcrumb.foreground#4F6272CC
- breadcrumbPicker.background#404E5C
- button.background#D05786
- button.foreground#FFFFFF
- button.hoverBackground#DD7596
- button.secondaryBackground#4F6272
- button.secondaryForeground#B7C3F3
- descriptionForeground#4F6272
- dropdown.background#404E5C
- dropdown.border#4F627266
- dropdown.foreground#B7C3F3
- editor.background#1C2329
- editor.findMatchBackground#ECDA9066
- editor.findMatchHighlightBackground#ECDA9033
- editor.foreground#B7C3F3
- editor.inactiveSelectionBackground#4F627240
- editor.lineHighlightBackground#404E5C80
- editor.rangeHighlightBackground#ECDA901A
- editor.selectionBackground#9F7EBE59
- editor.selectionHighlightBackground#9F7EBE33
- editor.wordHighlightBackground#63C5EA26
- editor.wordHighlightStrongBackground#63C5EA4D
- editorBracketMatch.background#9F7EBE40
- editorBracketMatch.border#9F7EBE
- editorCursor.foreground#ECDA90
- editorError.foreground#E06C75
- editorGroupHeader.tabsBackground#1C2329
- editorGutter.addedBackground#63C5EAB3
- editorGutter.background#1C2329
- editorGutter.deletedBackground#D05786B3
- editorGutter.modifiedBackground#ECDA90B3
- editorHint.foreground#83AFDF
- editorIndentGuide.activeBackground1#9F7EBE80
- editorIndentGuide.background1#4F627233
- editorInfo.foreground#63C5EA
- editorLineNumber.activeForeground#ECDA90
- editorLineNumber.foreground#4F627299
- editorOverviewRuler.border#4F627233
- editorOverviewRuler.findMatchForeground#ECDA90
- editorOverviewRuler.selectionHighlightForeground#9F7EBE
- editorRuler.foreground#4F627240
- editorWarning.foreground#ECDA90
- editorWhitespace.foreground#4F627266
- errorForeground#E06C75
- focusBorder#9F7EBEB3
- foreground#B7C3F3
- gitDecoration.addedResourceForeground#63C5EA
- gitDecoration.conflictingResourceForeground#DD7596
- gitDecoration.deletedResourceForeground#D05786
- gitDecoration.ignoredResourceForeground#4F627299
- gitDecoration.modifiedResourceForeground#ECDA90
- gitDecoration.stageDeletedResourceForeground#D05786CC
- gitDecoration.stageModifiedResourceForeground#ECDA90CC
- gitDecoration.untrackedResourceForeground#83AFDF
- icon.foreground#B7C3F3
- input.background#404E5C99
- input.border#4F627266
- input.foreground#B7C3F3
- input.placeholderForeground#4F627299
- inputOption.activeBackground#9F7EBE4D
- inputOption.activeBorder#9F7EBE
- inputOption.activeForeground#B7C3F3
- inputValidation.errorBackground#E06C7526
- inputValidation.errorBorder#E06C75
- inputValidation.warningBackground#ECDA9026
- inputValidation.warningBorder#ECDA90
- list.activeSelectionBackground#9F7EBE33
- list.activeSelectionForeground#B7C3F3
- list.errorForeground#E06C75
- list.focusBackground#9F7EBE26
- list.highlightForeground#ECDA90
- list.hoverBackground#4F62721A
- list.inactiveSelectionBackground#4F627226
- list.warningForeground#ECDA90
- minimap.background#1C2329CC
- minimap.findMatchHighlight#ECDA9080
- minimap.selectionHighlight#9F7EBE66
- minimapGutter.addedBackground#63C5EA99
- minimapGutter.deletedBackground#D0578699
- minimapGutter.modifiedBackground#ECDA9099
- notificationLink.foreground#63C5EA
- notifications.background#404E5C
- notifications.border#4F627233
- notifications.foreground#B7C3F3
- panel.background#1C2329
- panel.border#4F627233
- panelTitle.activeBorder#ECDA90
- panelTitle.activeForeground#ECDA90
- panelTitle.inactiveForeground#4F6272
- peekView.border#9F7EBE
- peekViewEditor.background#1C2329E6
- peekViewEditor.matchHighlightBackground#ECDA904D
- peekViewResult.background#1C2329
- peekViewResult.fileForeground#B7C3F3
- peekViewResult.lineForeground#4F6272
- peekViewResult.matchHighlightBackground#ECDA9040
- peekViewResult.selectionBackground#9F7EBE33
- peekViewResult.selectionForeground#B7C3F3
- peekViewTitle.background#404E5CCC
- peekViewTitleDescription.foreground#4F6272
- peekViewTitleLabel.foreground#ECDA90
- quickInput.background#1C2329
- quickInput.foreground#B7C3F3
- quickInputList.focusBackground#9F7EBE33
- scrollbar.shadow#1C232980
- scrollbarSlider.activeBackground#9F7EBE80
- scrollbarSlider.background#4F627233
- scrollbarSlider.hoverBackground#4F627266
- selection.background#9F7EBE66
- sideBar.background#1C2329
- sideBar.border#4F627233
- sideBar.foreground#B7C3F3
- sideBarSectionHeader.background#404E5C99
- sideBarSectionHeader.border#4F627233
- sideBarSectionHeader.foreground#B7C3F3
- sideBarTitle.foreground#ECDA90
- statusBar.background#404E5C
- statusBar.border#4F627233
- statusBar.debuggingBackground#D05786
- statusBar.foreground#B7C3F3
- statusBar.noFolderBackground#4F6272
- statusBarItem.activeBackground#9F7EBE4D
- statusBarItem.hoverBackground#4F62724D
- statusBarItem.remoteBackground#9F7EBE
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#252E36
- tab.activeBorderTop#ECDA90
- tab.activeForeground#B7C3F3
- tab.border#4F62721A
- tab.hoverBackground#404E5C80
- tab.inactiveBackground#1C2329
- tab.inactiveForeground#4F6272CC
- tab.unfocusedActiveBackground#252E36CC
- terminal.ansiBlack#404E5C
- terminal.ansiBlue#83AFDF
- terminal.ansiBrightBlack#4F6272
- terminal.ansiBrightBlue#AED6F1
- terminal.ansiBrightCyan#63C5EA
- terminal.ansiBrightGreen#98C379
- terminal.ansiBrightMagenta#B7C3F3
- terminal.ansiBrightRed#DD7596
- terminal.ansiBrightWhite#E8EDF5
- terminal.ansiBrightYellow#ECDA90
- terminal.ansiCyan#63C5EA
- terminal.ansiGreen#7DBF8E
- terminal.ansiMagenta#9F7EBE
- terminal.ansiRed#D05786
- terminal.ansiWhite#B7C3F3
- terminal.ansiYellow#ECDA90
- terminal.background#1C2329
- terminal.foreground#B7C3F3
- terminal.selectionBackground#9F7EBE4D
- terminalCursor.foreground#ECDA90
- titleBar.activeBackground#1C2329
- titleBar.activeForeground#B7C3F3
- titleBar.border#4F627226
- titleBar.inactiveBackground#1C2329CC
- titleBar.inactiveForeground#4F6272CC
- widget.shadow#1C232999
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4F6272CC | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, storage.type.class, storage.type.function, storage.type.interface, storage.modifier | #DD7596 | — |
| storage.type, keyword.operator.type.annotation | #DD7596 | italic |
| string, string.quoted, string.template | #83AFDF | — |
| punctuation.definition.template-expression, string.template punctuation | #9F7EBE | — |
| constant.numeric, constant.numeric.decimal, constant.numeric.hex | #D05786 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #D05786 | italic |
| variable.other.constant, constant.other | #D05786 | — |
| entity.name.function, support.function, meta.function-call entity.name.function, meta.method-call entity.name.function | #63C5EA | — |
| variable.parameter, meta.parameters variable.other | #AED6F1 | — |
| entity.name.class, entity.name.type.class, support.class, new.expr entity.name.class | #ECDA90 | — |
| entity.name.type.interface, entity.name.type.alias, entity.name.type, support.type | #ECDA90 | italic |
| meta.type.annotation, meta.type.parameters, meta.return.type | #ECDA90D9 | — |
| punctuation.definition.typeparameters, meta.type.parameters punctuation | #9F7EBE | — |
| support.type.property-name, variable.other.property, meta.object-literal.key, meta.object.member entity.name.tag | #ECDA90 | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator, punctuation.accessor | #9F7EBE | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #9F7EBE | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #DD7596 | — |
| variable.language.this, variable.language.self | #DD7596 | italic |
| punctuation.decorator, meta.decorator, entity.name.function.decorator | #ECDA90 | italic |
| entity.name.type.enum, constant.other.enum | #ECDA90 | — |
| variable.other.enummember | #D05786 | — |
| string.regexp, constant.other.character-class.regexp | #63C5EA | — |
| entity.name.tag, meta.tag entity.name.tag | #DD7596 | — |
| entity.other.attribute-name, meta.tag entity.other.attribute-name | #ECDA90 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #ECDA90 | — |
| support.type.property-name.css, meta.property-name | #63C5EA | — |
| support.constant.property-value, meta.property-value constant | #83AFDF | — |
| markup.heading, entity.name.section | #ECDA90 | bold |
| markup.bold, punctuation.definition.bold | #B7C3F3 | bold |
| markup.italic, punctuation.definition.italic | #B7C3F3 | italic |
| markup.inline.raw, markup.raw | #63C5EA | — |
| markup.underline.link, meta.link | #83AFDF | — |
| invalid, invalid.illegal | #E06C75 | — |