Ultimate Swag Theme
Publisher: The Breakfast FactoryThemes in package: 1
Ultimate Swag Color Theme
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#05070c
- activityBar.activeFocusBorder#b3b1ad
- activityBar.background#05070c
- activityBar.border#05070c
- activityBar.foreground#b3b1ad
- activityBarBadge.background#F3D8C7
- activityBarBadge.foreground#0a0e14
- badge.background#F3D8C7
- badge.foreground#0a0e14
- button.background#a0a0fdd8
- button.border#a0a0fdd8
- button.foreground#E3DFFF
- button.hoverBackground#a0a0fd8e
- button.secondaryBackground#a0a0fdd8
- button.secondaryForeground#E3DFFF
- button.secondaryHoverBackground#a0a0fd8e
- debugExceptionWidget.background#0d1016
- debugExceptionWidget.border#01060e
- debugToolBar.background#0d1016
- diffEditor.insertedTextBackground#c0d68431
- diffEditor.removedTextBackground#ff16540c
- dropdown.background#0d1016
- dropdown.border#191e25
- dropdown.foreground#3d424d
- editor.background#0d1016
- editor.findMatchBackground#2C41A0
- editor.findMatchBorder#2C41A0
- editor.findMatchHighlightBackground#b3b1ad0d
- editor.findMatchHighlightBorder#2C41A0
- editor.findRangeHighlightBackground#121922
- editor.findRangeHighlightBorder#2C41A0
- editor.foreground#F3D8C7
- editor.inactiveSelectionBackground#1F2E70
- editor.lineHighlightBackground#0d1016
- editor.rangeHighlightBackground#01060e
- editor.selectionBackground#2C41A0
- editor.selectionHighlightBackground#221212
- editor.selectionHighlightBorder#2C41A0
- editor.wordHighlightBackground#121922
- editor.wordHighlightStrongBackground#b3b1ad33
- editorBracketMatch.background#2C41A0
- editorBracketMatch.border#2C41A0
- editorCodeLens.foreground#626a73
- editorCursor.foreground#6B7FD7
- editorError.foreground#FF1654
- editorGroup.border#01060e
- editorGroup.emptyBackground#0d1016
- editorGroupHeader.noTabsBackground#0a0e14
- editorGroupHeader.tabsBackground#0a0e14
- editorGroupHeader.tabsBorder#0d1016
- editorGutter.addedBackground#C0D684
- editorGutter.deletedBackground#ff165488
- editorGutter.modifiedBackground#b8b8ffc5
- editorHoverWidget.background#0d1016
- editorHoverWidget.border#000000
- editorHoverWidget.foreground#cbccc6
- editorIndentGuide.activeBackground#3d424db3
- editorIndentGuide.background#3d424d66
- editorLineNumber.activeForeground#3d424de6
- editorLineNumber.foreground#3d424d99
- editorLink.activeForeground#b3b1ad
- editorMarkerNavigation.background#0d1016
- editorOverviewRuler.addedForeground#C0D684
- editorOverviewRuler.border#0d1016
- editorOverviewRuler.deletedForeground#ff165488
- editorOverviewRuler.errorForeground#FF1654
- editorOverviewRuler.modifiedForeground#b8b8ffc5
- editorOverviewRuler.warningForeground#EE964B
- editorRuler.foreground#3d424d66
- editorSuggestWidget.background#0d1016
- editorSuggestWidget.border#000000
- editorSuggestWidget.foreground#cbccc6
- editorSuggestWidget.highlightForeground#b3b1ad
- editorSuggestWidget.selectedBackground#01060e
- editorWarning.foreground#EE964B
- editorWhitespace.foreground#3d424d99
- editorWidget.background#060b0f
- editorWidget.foreground#cbccc6
- extensionButton.background#a0a0fdd8
- extensionButton.foreground#E3DFFF
- extensionButton.hoverBackground#a0a0fd8e
- extensionButton.prominentBackground#F3D8C7
- extensionButton.prominentForeground#0a0e14
- extensionButton.prominentHoverBackground#530f33
- focusBorder#292d36
- foreground#3d424d
- gitDecoration.conflictingResourceForeground#D76A03
- gitDecoration.deletedResourceForeground#ff165488
- gitDecoration.ignoredResourceForeground#242831
- gitDecoration.modifiedResourceForeground#b8b8ffc5
- gitDecoration.submoduleResourceForeground#ffee99b3
- gitDecoration.untrackedResourceForeground#c2d94c
- input.background#0d1016
- input.border#191e25
- input.foreground#b3b1ad
- input.placeholderForeground#2e323c
- inputOption.activeBorder#b3b1ad
- inputValidation.errorBackground#0a0e14
- inputValidation.errorBorder#FF1654
- inputValidation.infoBackground#0a0e14
- inputValidation.infoBorder#95e6cb
- inputValidation.warningBackground#0a0e14
- inputValidation.warningBorder#b3b1ad
- list.activeSelectionBackground#191e2a
- list.activeSelectionForeground#b3b1ad
- list.errorForeground#FF1654
- list.focusBackground#01060e
- list.focusForeground#b3b1ad
- list.highlightForeground#b3b1ad
- list.hoverBackground#3d424d66
- list.hoverForeground#b3b1ad
- list.inactiveSelectionBackground#3d424d66
- list.inactiveSelectionForeground#b3b1ad
- list.invalidItemForeground#2e323c
- list.warningForeground#EE964B
- panel.background#060b0f
- panel.border#00010a
- panelTitle.activeBorder#b3b1ad
- panelTitle.activeForeground#b3b1ad
- panelTitle.inactiveForeground#3d424d
- peekView.border#01060e
- peekViewEditor.background#060b0f
- peekViewEditor.matchHighlightBackground#b3b1ad33
- peekViewResult.background#080c11
- peekViewResult.fileForeground#3d424d
- peekViewResult.matchHighlightBackground#b3b1ad33
- peekViewTitle.background#0d1016
- peekViewTitleDescription.foreground#3d424d
- peekViewTitleLabel.foreground#3d424d
- pickerGroup.border#01060e
- pickerGroup.foreground#242831
- progressBar.background#b3b1ad
- scrollbar.shadow#01060e
- scrollbarSlider.activeBackground#3d424db3
- scrollbarSlider.background#3d424d66
- scrollbarSlider.hoverBackground#3d424d99
- selection.background#161f2afd
- settings.headerForeground#b3b1ad
- settings.modifiedItemIndicator#b8b8ffc5
- sideBar.background#080c11
- sideBar.border#080c11
- sideBar.foreground#b8b0b0
- sideBarSectionHeader.background#080c11
- sideBarSectionHeader.foreground#3d424d
- sideBarTitle.foreground#707a8c
- statusBar.background#0a0e14
- statusBar.border#01060e
- statusBar.debuggingBackground#e250ff
- statusBar.debuggingForeground#0a0e14
- statusBar.foreground#3d424d
- statusBar.noFolderBackground#0d1016
- statusBarItem.activeBackground#00000050
- statusBarItem.hoverBackground#00000030
- statusBarItem.prominentBackground#01060e
- statusBarItem.prominentHoverBackground#00000030
- statusBarItem.remoteBackground#B8B8FF
- tab.activeBackground#0d1016
- tab.activeBorderTop#F3D8C7
- tab.activeForeground#b3b1ad
- tab.border#0a0e14
- tab.hoverBackground#3d424d66
- tab.inactiveBackground#0a0e14
- tab.inactiveForeground#3d424d
- tab.unfocusedActiveBorderTop#3d424d
- tab.unfocusedActiveForeground#3d424d
- tab.unfocusedInactiveForeground#3d424d
- terminal.ansiBlack#01060e
- terminal.ansiBlue#95e6cb
- terminal.ansiBrightBlack#686868
- terminal.ansiBrightBlue#95e6cb
- terminal.ansiBrightCyan#95e6cb
- terminal.ansiBrightGreen#c2d94c
- terminal.ansiBrightMagenta#ffee99
- terminal.ansiBrightRed#f07178
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#b3b1ad
- terminal.ansiCyan#90e1c6
- terminal.ansiGreen#91b362
- terminal.ansiMagenta#fae994
- terminal.ansiRed#ea6c73
- terminal.ansiWhite#c7c7c7
- terminal.ansiYellow#f9af4f
- terminal.background#060b0f
- terminal.foreground#b3b1ad
- terminalCursor.foreground#6B7FD7
- textBlockQuote.background#0d1016
- textLink.activeForeground#b3b1ad
- textLink.foreground#b3b1ad
- textPreformat.foreground#b3b1ad
- titleBar.activeBackground#0a0e14
- titleBar.activeForeground#b3b1ad
- titleBar.border#01060e
- titleBar.inactiveBackground#0a0e14
- titleBar.inactiveForeground#3d424d
- tree.tableColumnsBorder#F3D8C7
- tree.tableOddRowsBackground#060b0f
- walkThrough.embeddedEditorBackground#0d1016
- widget.shadow#00010a00
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name | #E3DFFF | — |
| entity.name.function | #B796F3 | — |
| variable.other.object | #E3B378 | — |
| variable.other.object.property | #DCCCA3 | — |
| comment, comment.block.documentation | #758C4B | italic |
| punctuation.definition | #758C4B | — |
| punctuation.separator, punctuation.terminator | #ee68af | — |
| punctuation.section | #F3D8C7 | — |
| punctuation.accessor | #ee68af | — |
| punctuation.separator.question-mark | #ee68af | — |
| punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end | #ee68af | bold |
| punctuation.curlybrace.open, punctuation.curlybrace.close, punctuation.parenthesis.open, punctuation.parenthesis.close, punctuation.squarebracket.open, punctuation.squarebracket.close, punctuation.definition.begin.bracket.square, punctuation.definition.end.bracket.square, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.block, meta.brace.round, meta.brace.square, punctuation.definition.parameters.begin, punctuation.definition.parameters.end | #FFC9B5 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.char.begin, punctuation.definition.char.end | #B8B8FF | bold |
| string, constant.other.symbol | #B8B8FF | italic |
| constant.language | #f27983 | — |
| constant.numeric | #B8B8FF | — |
| constant.language.boolean | #B8B8FF | — |
| variable | #F3D8C7 | — |
| variable.other.constant | #d693f8 | — |
| constant.language | #b796f3 | — |
| variable.member | #ee625c | — |
| variable.language | #d495f6 | italic |
| variable.language.this | #d495f6 | italic |
| support.variable | #f5ba78 | — |
| storage | #f5ba78 | — |
| storage.type | #ee68af | italic |
| storage.modifier | #ee68af | italic |
| storage.modifier.async | #ee68af | italic |
| storage.type.class | #ee68af | italic |
| keyword | #ee68af | — |
| keyword.type | #D097D8 | — |
| keyword.control | #ee68af | — |
| keyword.operator | #ee68af | — |
| keyword.operator.new | #f088bd | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #ef82c3 | — |
| storage.type.function | #f088bd | — |
| storage.type.function.arrow | #ee68af | |
| variable.parameter, meta.parameter | #f7cb8b | italic |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #f6bf6c | — |
| support.function, support.macro | #B796F3 | — |
| support.function.console | #f6bf6c | — |
| entity.name.import, entity.name.package | #a4fb8e | — |
| entity.name.function.operator, entity.name.function.operator.member | #ee68af | — |
| entity.name.function.preprocessor | #f088bd | — |
| keyword.preprocessor.region, keyword.preprocessor.endregion | #758C4B | italic |
| string.unquoted.preprocessor.message | #CFFFB3 | — |
| punctuation.separator.hash, punctuation.definition.directive | #ee68af | — |
| entity.name.class | #f5ba78 | — |
| support.constant | #d693f8 | italic |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #F3D8C7 | — |
| invalid | #FF1654 | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #FFD866 | — |
| support.function.powershell | #B796F3 | — |
| punctuation.definition.variable.powershell | #ff7097 | — |
| variable.other.readwrite.powershell | #CFFFB3 | — |
| source.powershell, punctuation.section.group.begin.powershell, punctuation.section.group.end.powershell, punctuation.section.bracket.begin.powershell, punctuation.section.bracket.end.powershell, punctuation.section.braces.begin.powershell, punctuation.section.braces.end.powershell | #DCCCA3 | — |
| entity.name.tag, meta.tag.sgml | #CFFFB3 | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #758C4B | — |
| entity.other.attribute-name | #8BA971 | italic |
| entity.name.tag.xml, entity.name.tag.localname.xml, entity.name.tag.html | #E3B378 | — |
| punctuation.definition.tag.xml, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #ff7097 | — |
| entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml, meta.tag.xml, entity.other.attribute-name.html | #b796f3 | — |
| text.xml, text.html.derivative | #DCCCA3 | — |
| punctuation.definition.block.sequence.item.yaml, punctuation.separator.key-value.mapping.yaml | #ee68af | — |
| entity.name.tag.yaml | #E3B378 | — |
| string.unquoted.plain.out.yaml | #B796F3 | — |
| constant.numeric.line-number.find-in-files - match | #5c6773 | — |
| constant.numeric.line-number.match | #ffa759 | — |
| entity.name.filename.find-in-files | #A9DC76 | — |
| message.error | #FF6188 | — |
| markup.heading, markup.heading entity.name | #CFFFB3 | bold |
| markup.underline.link, string.other.link | #B8B8FF | — |
| markup.italic | #f28779 | italic |
| markup.bold | #f28779 | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #5c6773 | bold |
| markup.quote | #B8B8FF | italic |
| markup.list punctuation.definition.list.begin | #ffd580 | — |
| markup.inserted | #a6cc70 | — |
| markup.changed | #77a8d9 | — |
| markup.deleted | #f27983 | — |
| markup.strike | #ffe6b3 | — |
| markup.table | #B8B8FF | — |
| text.html.markdown markup.inline.raw | #f29e74 | — |
| text.html.markdown meta.dummy.line-break | #5c6773 | — |
| punctuation.definition.markdown | #5c6773 | — |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.definition.array.begin.json., punctuation.definition.array.end.json., punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, punctuation.separator.array.json | #DCCCA3 | — |
| string.json support.type.property-name.json | #ee68af | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ff7097 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ff8180 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ff966d | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffad62 | — |
| string.unquoted, constant.other.object.key | #e6b450 | — |
| meta.brace.curly, meta.brace.round, meta.brace.square | #b3b1ad | — |
| punctuation.quasi.element.begin, punctuation.quasi.element.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #f1af64 | — |
| meta.object-literal.key | #f6c071 | — |
| entity.name.type | #D097D8 | — |
| entity.name.type.class | #D097D8 | — |
| support.type.primitive | #D097D8 | — |
| text.gitignore | #fdf375 | italic |
| support.type | #E3B378 | — |