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#FFFFFF
- activityBar.background#333333
- activityBar.border#FAC03860
- activityBar.dropBorder#FFFFFF
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#FFFFFF80
- activityBarBadge.background#FAC038
- activityBarBadge.foreground#FFFFFF
- badge.background#FEECC3
- badge.foreground#333333
- banner.background#FDE6AF
- banner.foreground#333333
- banner.iconForeground#333333
- breadcrumb.activeSelectionForeground#333333
- breadcrumb.background#FFFFFF
- breadcrumb.focusForeground#333333
- breadcrumb.foreground#999999
- breadcrumbPicker.background#F3F3F3
- button.background#333333
- button.foreground#FFFFFF
- button.hoverBackground#333333D4
- button.secondaryBackground#99999980
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#999999
- checkbox.background#FFFFFF
- checkbox.border#333333
- checkbox.foreground#333333
- commandCenter.activeBackground#333333
- commandCenter.activeForeground#FFFFFF
- commandCenter.background#333333
- commandCenter.foreground#FFFFFF
- descriptionForeground#999999
- diffEditor.diagonalFill#CCCCCC
- disabledForeground#999999
- dropdown.background#FFFFFF
- dropdown.border#FAC03860
- editor.background#FFFFFF
- editor.findMatchHighlightBackground#FEECC3
- editor.foreground#333333
- editor.inactiveSelectionBackground#FEECC380
- editor.inlineValuesBackground#FEECC3
- editor.inlineValuesForeground#999999
- editor.lineHighlightBackground#FEECC380
- editor.selectionBackground#FEECC3
- editor.selectionHighlightBackground#FDE6AF80
- editorBracketMatch.background#FEECC3
- editorBracketMatch.border#FAC038
- editorCodeLens.foreground#333333
- editorCursor.foreground#333333
- editorError.foreground#F10000
- editorGhostText.foreground#999999
- editorGroup.border#FAC03860
- editorGroup.dropBackground#FCD98860
- editorGroup.dropIntoPromptBackground#333333
- editorGroup.dropIntoPromptForeground#FFFFFF
- editorGroupHeader.noTabsBackground#FFFFFF
- editorGroupHeader.tabsBackground#FFFFFF
- editorGroupHeader.tabsBorder#FAC03860
- editorGutter.background#FFFFFF
- editorGutter.foldingControlForeground#333333
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#FAC03860
- editorHoverWidget.foreground#333333
- editorHoverWidget.highlightForeground#333333
- editorIndentGuide.activeBackground#FEECC3
- editorIndentGuide.background#FEECC333
- editorInlayHint.foreground#333333
- editorInlayHint.parameterForeground#333333CC
- editorInlayHint.typeForeground#333333CC
- editorLineNumber.activeForeground#333333
- editorLineNumber.foreground#999999
- editorMarkerNavigation.background#FFFFFF
- editorPane.background#FFFFFF
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#FAC03860
- editorSuggestWidget.focusHighlightForeground#333333
- editorSuggestWidget.foreground#333333
- editorSuggestWidget.highlightForeground#333333
- editorSuggestWidget.selectedBackground#FEECC380
- editorSuggestWidget.selectedForeground#333333
- editorSuggestWidgetStatus.foreground#999999
- editorUnicodeHighlight.background#FFFFFF
- editorUnicodeHighlight.border#FAC03860
- editorUnnecessaryCode.opacity#999999
- editorWarning.foreground#FAC038
- editorWhitespace.foreground#333333
- editorWidget.border#FAC03860
- editorWidget.foreground#333333
- errorForeground#FF0000
- extensionBadge.remoteForeground#FFFFFF
- extensionButton.prominentForeground#FFFFFF
- focusBorder#FAC03860
- foreground#333333
- icon.foreground#333333
- input.background#FFFFFF
- input.foreground#333333
- input.placeholderForeground#999999
- inputOption.activeBackground#FEECC3
- inputOption.activeBorder#FAC038
- inputOption.activeForeground#333333
- inputOption.hoverBackground#CCCCCC80
- keybindingLabel.background#333333
- keybindingLabel.border#FAC03860
- keybindingLabel.foreground#FFFFFF
- list.activeSelectionBackground#FBD06A
- list.activeSelectionForeground#333333
- list.filterMatchBackground#FAC038
- list.focusBackground#FEECC3
- list.focusHighlightForeground#333333
- list.focusOutline#FFFFFF
- list.highlightForeground#FAC038
- list.inactiveSelectionBackground#FCD988
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#FAC038
- listFilterWidget.outline#FAC03860
- menu.background#FFFFFF
- menu.foreground#333333
- menu.selectionBackground#333333
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#FAC03860
- menubar.selectionBackground#333333
- menubar.selectionForeground#FFFFFF
- minimap.background#F3F3F3
- minimapSlider.activeBackground#99999980
- minimapSlider.background#99999980
- minimapSlider.hoverBackground#99999980
- notebook.cellEditorBackground#FFFFFF
- notebook.cellInsertionIndicator#FFFFFF
- notebook.focusedCellBorder#FFFFFF
- notebook.focusedEditorBorder#FFFFFF
- panel.background#FFFFFF
- panel.border#FAC03860
- panelTitle.activeBorder#FAC038
- panelTitle.activeForeground#333333
- panelTitle.inactiveForeground#999999
- quickInputList.focusForeground#333333
- sash.hoverBorder#FFFFFF
- scrollbar.shadow#99999930
- settings.checkboxBackground#FFFFFF
- settings.dropdownBackground#FFFFFF
- settings.numberInputBackground#FFFFFF
- settings.textInputBackground#FFFFFF
- sideBar.background#FFFFFFC0
- sideBar.border#FAC03860
- sideBar.foreground#333333
- sideBarSectionHeader.background#FEECC3
- sideBarSectionHeader.border#FAC03860
- sideBarSectionHeader.foreground#333333
- sideBarTitle.foreground#333333
- statusBar.background#FFFFFF
- statusBar.border#FAC03860
- statusBar.debuggingBackground#FFFFFF
- statusBar.debuggingForeground#333333
- statusBar.focusBorder#333333
- statusBar.foreground#333333
- statusBar.noFolderBackground#FFFFFF
- statusBar.noFolderForeground#333333
- statusBarItem.activeBackground#FFFFFF2E
- statusBarItem.compactHoverBackground#FFFFFF33
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.focusBorder#333333
- statusBarItem.hoverBackground#FFFFFF1F
- statusBarItem.prominentForeground#333333
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningForeground#FFFFFF
- tab.activeBackground#FFFFFF
- tab.activeBorder#FAC038
- tab.activeForeground#333333
- tab.border#FAC03860
- tab.inactiveBackground#FFFFFF
- tab.inactiveForeground#999999
- tab.unfocusedActiveBackground#FFFFFF
- tab.unfocusedActiveForeground#999999
- tab.unfocusedInactiveBackground#FFFFFF80
- terminalCursor.foreground#333333
- testing.message.info.decorationForeground#999999
- titleBar.activeBackground#FAC038
- titleBar.activeForeground#333333
- titleBar.border#FAC03860
- titleBar.inactiveForeground#999999
- welcomePage.progress.background#FFFFFF
- widget.shadow#99999930
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| 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 | #AAAAAA | — |
| 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 | — |