Swirla
Publisher: nalltoThemes in package: 1
Swirla 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.background#111114
- activityBar.border#212124
- activityBar.foreground#CBDFEE
- activityBar.inactiveForeground#CBDFEE66
- activityBarBadge.background#1155BB
- activityBarBadge.foreground#E2E2E2
- button.background#1155BB
- button.foreground#E2E2E2
- button.hoverBackground#3377DD
- diffEditor.insertedLineBackground#88E1A144
- diffEditor.insertedTextBackground#88E1A177
- diffEditor.removedLineBackground#F0ADAD44
- diffEditor.removedTextBackground#F0ADAD77
- dropdown.background#2A2D2E
- dropdown.border#2E2E33
- dropdown.foreground#E2E2E2
- editor.background#1E1E23
- editor.findMatchBackground#DED41099
- editor.findMatchHighlightBackground#E0D50333
- editor.foreground#E2E2E2
- editor.lineHighlightBackground#2E2B2A77
- editor.selectionBackground#1155BBEE
- editor.selectionHighlightBackground#34DED555
- editor.wordHighlightBackground#11AABB33
- editorBracketHighlight.foreground1#9C91A0
- editorBracketHighlight.foreground2#9C91A0
- editorBracketHighlight.foreground3#9C91A0
- editorBracketHighlight.foreground4#9C91A0
- editorBracketHighlight.foreground5#9C91A0
- editorBracketHighlight.foreground6#9C91A0
- editorBracketMatch.background#2A2D2E
- editorBracketMatch.border#CBDFEE
- editorCursor.foreground#CBDFEE
- editorGroupHeader.tabsBackground#111114
- editorGutter.addedBackground#88E1A1
- editorGutter.deletedBackground#F0ADAD
- editorGutter.modifiedBackground#E6B771
- editorHoverWidget.background#2A2D2E
- editorHoverWidget.border#CBDFEE
- editorIndentGuide.activeBackground1#4C4C4C
- editorIndentGuide.background1#2E2E33
- editorLineNumber.activeForeground#E2E2E2
- editorLineNumber.foreground#969696
- editorWidget.background#1E1E23
- editorWidget.border#2E2E33
- gitDecoration.deletedResourceForeground#F0ADAD
- gitDecoration.modifiedResourceForeground#E6B771
- gitDecoration.untrackedResourceForeground#88E1A1
- input.background#2A2D2E
- input.border#2E2E33
- input.foreground#E2E2E2
- input.placeholderForeground#969696
- list.activeSelectionBackground#1E1E23
- list.activeSelectionForeground#E2E2E2
- list.hoverBackground#2A2D2E
- list.hoverForeground#E2E2E2
- list.inactiveSelectionBackground#1E1E23
- list.inactiveSelectionForeground#E2E2E2
- notifications.background#2A2D2E
- notifications.foreground#E2E2E2
- panel.background#1E1E23
- panel.border#2E2E33
- panelSectionHeader.background#111114
- panelSectionHeader.border#2E2E33
- panelSectionHeader.foreground#E2E2E2
- panelTitle.activeBorder#CBDFEE
- panelTitle.activeForeground#E2E2E2
- panelTitle.inactiveForeground#969696
- peekView.border#CBDFEE
- peekViewEditor.background#2A2D2E
- quickInput.background#2A2D2E
- quickInput.foreground#E2E2E2
- scrollbarSlider.activeBackground#4C4C4CBB
- scrollbarSlider.background#4C4C4C66
- scrollbarSlider.hoverBackground#4C4C4C99
- sideBar.background#111114
- sideBar.foreground#E2E2E2
- sideBarSectionHeader.background#111114
- sideBarSectionHeader.border#212124
- sideBarSectionHeader.foreground#E2E2E2
- sideBarTitle.foreground#E2E2E2
- statusBar.background#1155BB
- statusBar.foreground#E2E2E2
- statusBar.noFolderBackground#914A64
- tab.activeBackground#1E1E23
- tab.activeBorder#CBDFEE
- tab.activeForeground#E2E2E2
- tab.border#212124
- tab.inactiveBackground#111114
- tab.inactiveForeground#969696
- titleBar.activeBackground#111114
- titleBar.activeForeground#E2E2E2
- titleBar.border#212124
- titleBar.inactiveBackground#3C3C3C
- titleBar.inactiveForeground#E2E2E299
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7D737F | — |
| keyword, entity.name.tag, keyword.control, keyword.operator | #F797A3 | — |
| storage, storage.type, storage.modifier | #7FB5FF | — |
| string | #E1C155 | — |
| entity.name.function, meta.function-call, support.function.magic | #7EC49D | — |
| support.function | #56C6D5 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support, support.type, support.class | #95C9D0 | — |
| variable, meta.parameter, entity.name.variable, entity.other.attribute-name, meta.object-literal.key | #E2E2E2 | — |
| constant, constant.numeric, constant.language, constant.character, constant.other, keyword.other.unit, support.constant, variable.other.constant | #BCA2FF | — |
| punctuation, meta.delimiter, meta.brace, punctuation.section, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.list, punctuation.definition.array, punctuation.definition.string | #9C91A0 | — |
| markup.italic, markup.quote | — | italic |
| markup.bold, markup.heading, entity.name.section.markdown | — | bold |
| markup.bold markup.italic, markup.italic markup.bold | — | bold italic |
| markup.underline | — | underline |
| markup.strikethrough, invalid.deprecated | — | strikethrough |
| markup.heading, entity.name.section.markdown | #7EC49D | bold |
| punctuation.definition.list.begin.markdown | #E1C155 | — |
| markup.quote, punctuation.definition.blockquote.markdown | #95C9D0 | italic |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #56C6D5 | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #7FB5FF | — |
| markup.inline.raw.string.markdown, markup.inline.raw.markdown | #BCA2FF | — |
| meta.separator.markdown | #F797A3 | bold |
| keyword.todo, comment.keyword.todo, storage.type.class.jsdoc, comment.block.documentation.jsdoc, punctuation.definition.block.tag.jsdoc, keyword.fixme, comment.keyword.fixme | #5175EA | bold |
| invalid | #F16060 | italic |