purpleeeee
Publisher: whineThemes in package: 1
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#6940c5
- activityBar.background#171620
- activityBar.border#1b1f23
- activityBar.foreground#A87FF8
- activityBar.inactiveForeground#6a737d
- activityBarBadge.background#6940c5
- activityBarBadge.foreground#ffffff
- badge.background#6940c5
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#c7aef8
- breadcrumb.focusForeground#A87FF8
- breadcrumb.foreground#959da5
- breadcrumbPicker.background#2b3036
- button.background#6940c5
- button.foreground#ffffff
- button.hoverBackground#8457e0
- checkbox.background#444d56
- checkbox.border#1b1f23
- debugToolBar.background#2b3036
- descriptionForeground#959da5
- diffEditor.insertedTextBackground#284ca730
- diffEditor.removedTextBackground#d73a4930
- dropdown.background#2f363d
- dropdown.border#1b1f23
- dropdown.foreground#A87FF8
- dropdown.listBackground#24292e
- editor.background#171620
- editor.findMatchBackground#ffd33d44
- editor.findMatchHighlightBackground#ffd33d22
- editor.focusedStackFrameHighlightBackground#bb880088
- editor.foldBackground#282e33
- editor.foreground#A87FF8
- editor.inactiveSelectionBackground#3392ff22
- editor.lineHighlightBackground#80858515
- editor.lineHighlightBorder#80858500
- editor.selectionBackground#6940c550
- editor.selectionHighlightBackground#24105075
- editor.selectionHighlightBorder#8457e050
- editor.stackFrameHighlightBackground#aa770077
- editor.wordHighlightBackground#17e5e600
- editor.wordHighlightBorder#6940c566
- editor.wordHighlightStrongBackground#17e5e600
- editor.wordHighlightStrongBorder#6940c566
- editorBracketMatch.background#391e6e
- editorBracketMatch.border#17e5e600
- editorCursor.foreground#c9d1d9
- editorGroup.border#1b1f23
- editorGroupHeader.tabsBackground#161b22
- editorGroupHeader.tabsBorder#1b1f23
- editorGutter.addedBackground#2874a7
- editorGutter.deletedBackground#ea4a5a
- editorGutter.modifiedBackground#b29be0
- editorIndentGuide.activeBackground#444d56
- editorIndentGuide.background#2f363d
- editorLineNumber.activeForeground#60666b
- editorLineNumber.foreground#1f2225
- editorOverviewRuler.border#1b1f23
- editorWhitespace.foreground#444d56
- editorWidget.background#161b22
- errorForeground#f97583
- focusBorder#2f363d
- foreground#c7aef8
- gitDecoration.addedResourceForeground#34d058
- gitDecoration.conflictingResourceForeground#ffab70
- gitDecoration.deletedResourceForeground#ea4a5a
- gitDecoration.ignoredResourceForeground#6a737d
- gitDecoration.modifiedResourceForeground#b29be0
- gitDecoration.submoduleResourceForeground#6a737d
- gitDecoration.untrackedResourceForeground#34d058
- input.background#2f363d
- input.border#1b1f23
- input.foreground#A87FF8
- input.placeholderForeground#959da5
- list.activeSelectionBackground#20262d
- list.activeSelectionForeground#A87FF8
- list.focusBackground#20262d
- list.hoverBackground#151b22
- list.hoverForeground#A87FF8
- list.inactiveFocusBackground#1d2d3e
- list.inactiveSelectionBackground#151b22
- list.inactiveSelectionForeground#A87FF8
- notificationCenterHeader.background#24292e
- notificationCenterHeader.foreground#959da5
- notifications.background#151b22
- notifications.border#151b22
- notifications.foreground#A87FF8
- notificationsErrorIcon.foreground#ea4a5a
- notificationsInfoIcon.foreground#ffffff
- notificationsWarningIcon.foreground#ffab70
- panel.background#161b22
- panel.border#1b1f23
- panelInput.border#2f363d
- panelTitle.activeBorder#8457e0
- panelTitle.activeForeground#A87FF8
- panelTitle.inactiveForeground#959da5
- peekViewEditor.background#1f242888
- peekViewEditor.matchHighlightBackground#ffd33d33
- peekViewResult.background#1f2428
- peekViewResult.matchHighlightBackground#ffd33d33
- pickerGroup.border#444d56
- pickerGroup.foreground#A87FF8
- progressBar.background#6940c5
- quickInput.background#24292e
- quickInput.foreground#A87FF8
- scrollbar.shadow#00000088
- scrollbarSlider.activeBackground#6a737d88
- scrollbarSlider.background#6a737d33
- scrollbarSlider.hoverBackground#6a737d44
- settings.headerForeground#A87FF8
- settings.modifiedItemIndicator#F4FA8C
- sideBar.background#171620
- sideBar.border#1b1f23
- sideBar.foreground#c7aef8
- sideBarSectionHeader.background#161b22
- sideBarSectionHeader.border#1b1f23
- sideBarSectionHeader.foreground#A87FF8
- sideBarTitle.foreground#A87FF8
- statusBar.background#20262d
- statusBar.border#2f363d
- statusBar.debuggingBackground#931c06
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#c7aef8
- statusBar.noFolderBackground#171620
- statusBarItem.prominentBackground#1e2630
- tab.activeBackground#24292e
- tab.activeBorder#24292e
- tab.activeBorderTop#6940c5
- tab.activeForeground#A87FF8
- tab.border#1b1f23
- tab.hoverBackground#24292e
- tab.inactiveBackground#161b22
- tab.inactiveForeground#959da5
- tab.unfocusedActiveBorder#24292e
- tab.unfocusedActiveBorderTop#1b1f23
- tab.unfocusedHoverBackground#24292e
- terminal.foreground#c7aef8
- textBlockQuote.background#24292e
- textBlockQuote.border#444d56
- textCodeBlock.background#2f363d
- textLink.activeForeground#c8e1ff
- textLink.foreground#79b8ff
- textPreformat.foreground#c7aef8
- textSeparator.foreground#586069
- titleBar.activeBackground#24292e
- titleBar.activeForeground#A87FF8
- titleBar.border#1b1f23
- titleBar.inactiveBackground#161b22
- titleBar.inactiveForeground#959da5
- tree.indentGuidesStroke#2f363d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| invalid | #FF5555 | underline |
| invalid.deprecated | #7B8BAB | underline italic |
| markup.underline | — | underline |
| markup.bold | — | bold |
| markup.italic | — | italic |
| support.type.property-name.json, meta.object-literal.key, variable.object.property, variable.other.readwrite.alias, variable.other.property, meta.brace | #ccb4ff | bold |
| source, punctuation.definition.parameters, punctuation.definition.block, text.html.derivative, text.html.markdown, variable.other.constant, meta.definition.variable, variable.other.constant.js, variable.other.constant.ts | #ccb4ff | — |
| variable.parameter, meta.parameters, meta.function-call.arguments, string.unquoted.html | #F4FA8C | — |
| constant.language.json, keyword, storage.type, storage.modifier, keyword.operator.optional, keyword.operator.new, keyword.operator.instanceof, keyword.operator.expression.typeof, constant.language.boolean, variable.language.this, constant.language.undefined, constant.language.java, constant.language.python | #ea4a5a | — |
| variable.other.constant, meta.definition.method, meta.definition.function, meta.embedded.line, markup.inline.raw.string, variable.css, meta.function, support.class, meta.method.identifier | #8DC6EF | — |
| keyword.operator, entity.name.tag, meta.template.expression, punctuation.definition.list.begin, support.class.component.svelte, punctuation.definition.link.restructuredtext, punctuation.definition.typeparameters | #4E86C8 | — |
| entity.name.type.class, meta.type, variable.other.object, entity.name.type, markup.heading, string.other.link.title, storage.modifier.import, meta.import, storage.type.java, support.type.property-name, meta.property-name | #6893F3 | — |
| support.type.primitive, variable.parameter.function-call | #6893F3 | italic |
| meta.function-call, meta.decorator, meta.link, meta.method-call, meta.function-call.ts, storage.type.annotation, meta.declaration.annotation, support.function, meta.assertion.look-ahead.regexp | #6893F3 | — |
| entity.other.attribute-name | #A87FF8 | italic |
| constant.numeric, support.type.object.module, variable.other.enummember, meta.enum.declaration, constant.other.color, variable.language.special, support.constant, meta.type.parameters | #ea4a5a | — |
| #ea4a5a | italic | |
| comment, markup.quote | #6272A4 | italic |
| markup.fenced_code.block | — | bold |
| #7B8BAB | — | |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...