Colorways Themes
Publisher: FranthormelThemes in package: 2
A Visual Studio Code Theme inspired by Firefox Colorways.
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.activeBorder#FBC94F
- activityBar.background#161616
- activityBar.dropBorder#FBC94F
- activityBar.foreground#FBC94F
- activityBarBadge.background#303030
- activityBarBadge.foreground#FBC94F
- badge.background#303030
- badge.foreground#FBC94F
- banner.background#303030
- banner.foreground#FBC94F
- banner.iconForeground#FBC94F
- breadcrumb.activeSelectionForeground#E7F2FA
- breadcrumb.background#303030
- breadcrumb.focusForeground#E7F2FA
- breadcrumb.foreground#FBC94F80
- breadcrumbPicker.background#303030
- button.background#161616
- button.foreground#FBC94F
- button.hoverBackground#303030
- checkbox.background#303030
- checkbox.foreground#FBC94F
- commandCenter.activeBackground#303030
- commandCenter.activeForeground#FBC94F
- commandCenter.background#161616
- commandCenter.foreground#FBC94F
- dart.closingLabels#C2C2C280
- dart.flutterUiGuides#FBC94F3D
- disabledForeground#C2C2C280
- dropdown.background#161616
- dropdown.foreground#FBC94F
- dropdown.listBackground#161616
- editor.background#1E1C27
- editor.findMatchBackground#16161680
- editor.findMatchHighlightBackground#16161680
- editor.findRangeHighlightBackground#16161680
- editor.foldBackground#16161680
- editor.foreground#E7F2FA
- editor.hoverHighlightBackground#16161680
- editor.inactiveSelectionBackground#16161680
- editor.lineHighlightBackground#16161680
- editor.selectionBackground#16161680
- editor.selectionForeground#FBC94F
- editor.selectionHighlightBackground#16161680
- editorBracketMatch.border#303030
- editorGroup.border#303030
- editorGroup.dropBackground#FBC94F10
- editorGroup.dropIntoPromptBackground#161616
- editorGroup.dropIntoPromptForeground#FBC94F
- editorGroup.emptyBackground#303030
- editorGroupHeader.noTabsBackground#FBC94F10
- editorGroupHeader.tabsBackground#303030
- editorGroupHeader.tabsBorder#FBC94F
- editorHoverWidget.background#161616
- editorHoverWidget.foreground#FBC94F
- editorIndentGuide.activeBackground#FBC94F
- editorIndentGuide.background#FBC94F3D
- editorLineNumber.activeForeground#FBC94F
- editorLineNumber.foreground#FBC94F3D
- editorPane.background#303030
- editorRuler.foreground#FBC94F3D
- editorSuggestWidget.background#161616
- editorSuggestWidget.foreground#FBC94F
- editorSuggestWidget.selectedBackground#303030
- editorUnicodeHighlight.background#161616
- editorUnicodeHighlight.border#303030
- editorWidget.background#161616
- editorWidget.border#303030
- editorWidget.foreground#FBC94F
- editorWidget.resizeBorder#FBC94F
- extensionBadge.remoteBackground#161616
- extensionBadge.remoteForeground#FBC94F
- extensionIcon.starForeground#FBC94F
- focusBorder#FBC94F
- foreground#E7F2FA
- icon.foreground#FBC94F
- input.foreground#FBC94F
- inputOption.activeBackground#161616
- inputOption.activeForeground#FBC94F
- keybindingLabel.background#303030
- keybindingLabel.bottomBorder#FBC94F
- keybindingLabel.foreground#FBC94F
- keybindingTable.headerBackground#161616
- list.activeSelectionBackground#161616
- list.activeSelectionForeground#FBC94F
- list.dropBackground#FBC94F10
- list.filterMatchBackground#161616
- list.filterMatchBorder#FBC94F
- list.focusBackground#161616
- list.focusOutline#FBC94F
- list.hoverBackground#161616
- list.inactiveSelectionBackground#303030
- listFilterWidget.background#161616
- menu.background#303030
- menu.border#16161610
- menu.foreground#FBC94F
- menu.selectionBackground#161616
- menubar.selectionBackground#161616
- menubar.selectionForeground#FBC94F
- minimap.background#161616
- minimapSlider.activeBackground#3D3D3D80
- minimapSlider.background#3D3D3D80
- minimapSlider.hoverBackground#3D3D3D80
- notebook.cellBorderColor#FBC94F
- notebook.cellEditorBackground#161616
- notebook.cellHoverBackground#161616
- notebook.focusedCellBackground#161616
- notebook.inactiveFocusedCellBorder#FBC94F80
- notebook.outputContainerBorderColor#FBC94F
- notebookScrollbarSlider.activeBackground#C2C2C280
- notebookScrollbarSlider.background#C2C2C280
- notebookScrollbarSlider.hoverBackground#C2C2C280
- notificationCenterHeader.background#161616
- notificationCenterHeader.foreground#FBC94F
- notifications.background#303030
- notifications.foreground#FBC94F
- panel.border#FBC94F
- panel.dropBorder#161616
- panelInput.border#161616
- panelSection.border#FBC94F
- panelSection.dropBackground#FBC94F10
- panelSectionHeader.background#161616
- panelSectionHeader.border#FBC94F
- panelTitle.activeBorder#FBC94F
- panelTitle.activeForeground#FBC94F
- panelTitle.inactiveForeground#FBC94F80
- peekView.border#FBC94F
- peekViewEditor.background#303030
- peekViewEditor.matchHighlightBackground#16161680
- peekViewResult.background#161616
- peekViewResult.fileForeground#FBC94F
- peekViewResult.lineForeground#FBC94F
- peekViewResult.matchHighlightBackground#303030
- peekViewTitle.background#161616
- peekViewTitleDescription.foreground#FBC94F
- peekViewTitleLabel.foreground#FBC94F
- progressBar.background#FBC94F
- quickInputList.focusBackground#303030
- sash.hoverBorder#FBC94F
- scrollbar.shadow#FBC94F10
- scrollbarSlider.activeBackground#C2C2C280
- scrollbarSlider.background#C2C2C280
- scrollbarSlider.hoverBackground#C2C2C280
- selection.background#161616
- settings.checkboxBackground#161616
- settings.dropdownBackground#161616
- settings.focusedRowBackground#161616
- settings.modifiedItemIndicator#161616
- settings.numberInputBackground#161616
- settings.numberInputBorder#FBC94F
- settings.rowHoverBackground#16161680
- settings.sashBorder#161616
- settings.textInputBackground#161616
- settings.textInputBorder#FBC94F
- sideBar.border#FBC94F
- sideBar.dropBackground#FBC94F10
- sideBarSectionHeader.background#161616
- sideBarSectionHeader.border#FBC94F
- sideBarSectionHeader.foreground#FBC94F
- statusBar.background#303030
- statusBar.border#FBC94F
- statusBar.debuggingBackground#303030
- statusBar.focusBorder#FBC94F
- statusBar.foreground#FBC94F
- statusBar.noFolderBackground#303030
- statusBarItem.activeBackground#C2C2C280
- statusBarItem.hoverBackground#161616
- statusBarItem.remoteBackground#161616
- statusBarItem.remoteForeground#FBC94F
- tab.activeBackground#161616
- tab.activeForeground#FBC94F
- tab.inactiveForeground#FBC94F80
- terminal.dropBackground#FBC94F10
- terminal.findMatchBackground#16161680
- terminal.findMatchHighlightBackground#16161680
- terminal.foreground#C2C2C2
- terminal.selectionBackground#161616
- testing.peekHeaderBackground#161616
- titleBar.activeBackground#161616
- titleBar.activeForeground#FBC94F
- titleBar.border#FBC94F
- toolbar.activeBackground#303030
- toolbar.hoverBackground#303030
- tree.indentGuidesStroke#C2C2C280
- welcomePage.background#303030
- welcomePage.progress.background#C2C2C280
- welcomePage.progress.foreground#FBC94F
- welcomePage.tileBackground#161616
- welcomePage.tileHoverBackground#16161680
- widget.shadow#16161680
- window.activeBorder#FBC94F
- window.inactiveBorder#FBC94F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #C2C2C280 | italic |
| comment.block.preprocessor | #C2C2C280 | |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #777777 | — |
| keyword, storage | #4B83CD | — |
| storage.type, support.type | #7A3E9D | — |
| constant.language, support.constant, variable.language | #AB6526 | — |
| variable, support.variable | #7A3E9D | — |
| entity.name.function, support.function | #AA3731 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #7A3E9D | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #AB6526 | — |
| string | #448C27 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #777777 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #C2C2C280 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91B3E0 | — |
| entity.name.tag | #4B83CD | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #AB6526 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |