Polar Dark
Publisher: viniengelageThemes in package: 1
A dark theme for VS Code with a violet north star. Syntax colours derived from a working design system, not picked in isolation.
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#0E0D14
- activityBar.border#1F1C2B
- activityBar.foreground#EDEAF5
- activityBar.inactiveForeground#837C98
- activityBarBadge.background#6D28D9
- activityBarBadge.foreground#EDEAF5
- badge.background#6D28D9
- badge.foreground#EDEAF5
- breadcrumb.activeSelectionForeground#EDEAF5
- breadcrumb.focusForeground#C7C2D6
- breadcrumb.foreground#837C98
- breadcrumbPicker.background#13111B
- button.background#6D28D9
- button.foreground#EDEAF5
- button.hoverBackground#895FB4
- button.secondaryBackground#1F1C2B
- button.secondaryForeground#C7C2D6
- button.secondaryHoverBackground#322C46
- descriptionForeground#9C96AE
- diffEditor.diagonalFill#1F1C2B
- diffEditor.insertedLineBackground#BEF2641A
- diffEditor.insertedTextBackground#BEF26433
- diffEditor.removedLineBackground#FB71851A
- diffEditor.removedTextBackground#FB718533
- disabledForeground#837C98
- dropdown.background#13111B
- dropdown.border#1F1C2B
- dropdown.foreground#C7C2D6
- editor.background#08070C
- editor.findMatchBackground#A855F75C
- editor.findMatchHighlightBackground#A855F724
- editor.findRangeHighlightBackground#A855F724
- editor.foreground#C7C2D6
- editor.hoverHighlightBackground#6D28D914
- editor.inactiveSelectionBackground#A855F724
- editor.lineHighlightBackground#6D28D914
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#A855F724
- editor.selectionBackground#A855F73D
- editor.selectionHighlightBackground#A855F724
- editor.wordHighlightBackground#A855F724
- editor.wordHighlightStrongBackground#A855F73D
- editorBracketMatch.background#322C4699
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#837C98
- editorCursor.foreground#C084FC
- editorError.foreground#FB7185
- editorGroup.border#1F1C2B
- editorGroup.emptyBackground#08070C
- editorGroupHeader.tabsBackground#0E0D14
- editorGroupHeader.tabsBorder#1F1C2B
- editorGutter.addedBackground#BEF264
- editorGutter.background#08070C
- editorGutter.deletedBackground#FB7185
- editorGutter.modifiedBackground#E8B368
- editorHint.foreground#837C98
- editorHoverWidget.background#13111B
- editorHoverWidget.border#1F1C2B
- editorHoverWidget.foreground#C7C2D6
- editorIndentGuide.activeBackground1#322C46
- editorIndentGuide.background1#1F1C2B
- editorInfo.foreground#60A5FA
- editorInlayHint.background#00000000
- editorInlayHint.foreground#837C98
- editorInlayHint.parameterForeground#9C96AE
- editorInlayHint.typeForeground#9C96AE
- editorLineNumber.activeForeground#837C98
- editorLineNumber.foreground#322C46
- editorLink.activeForeground#C084FC
- editorOverviewRuler.addedForeground#BEF264
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#FB7185
- editorOverviewRuler.modifiedForeground#E8B368
- editorRuler.foreground#C7C2D60D
- editorSuggestWidget.background#13111B
- editorSuggestWidget.border#1F1C2B
- editorSuggestWidget.foreground#C7C2D6
- editorSuggestWidget.highlightForeground#C084FC
- editorSuggestWidget.selectedBackground#322C46
- editorWarning.foreground#E8B368
- editorWhitespace.foreground#322C46
- editorWidget.background#13111B
- editorWidget.border#1F1C2B
- editorWidget.foreground#C7C2D6
- errorForeground#FB7185
- focusBorder#6D28D9
- foreground#C7C2D6
- gitDecoration.addedResourceForeground#BEF264
- gitDecoration.conflictingResourceForeground#E8B368
- gitDecoration.deletedResourceForeground#FB7185
- gitDecoration.ignoredResourceForeground#837C98
- gitDecoration.modifiedResourceForeground#E8B368
- gitDecoration.submoduleResourceForeground#60A5FA
- gitDecoration.untrackedResourceForeground#BEF264
- icon.foreground#C7C2D6
- input.background#13111B
- input.border#1F1C2B
- input.foreground#EDEAF5
- input.placeholderForeground#837C98
- list.activeSelectionBackground#322C46
- list.activeSelectionForeground#EDEAF5
- list.focusOutline#6D28D9
- list.highlightForeground#C084FC
- list.hoverBackground#1F1C2B
- list.hoverForeground#EDEAF5
- list.inactiveSelectionBackground#1F1C2B
- list.inactiveSelectionForeground#C7C2D6
- minimap.background#08070C
- minimap.findMatchHighlight#A855F75C
- minimap.selectionHighlight#A855F73D
- notificationCenterHeader.background#0E0D14
- notificationCenterHeader.foreground#C7C2D6
- notificationLink.foreground#60A5FA
- notifications.background#13111B
- notifications.border#1F1C2B
- notifications.foreground#C7C2D6
- panel.background#0E0D14
- panel.border#1F1C2B
- panelTitle.activeBorder#C084FC
- panelTitle.activeForeground#EDEAF5
- panelTitle.inactiveForeground#837C98
- peekView.border#6D28D9
- peekViewEditor.background#08070C
- peekViewResult.background#0E0D14
- peekViewResult.matchHighlightBackground#A855F75C
- peekViewResult.selectionBackground#322C46
- peekViewTitle.background#13111B
- progressBar.background#C084FC
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#C7C2D66E
- scrollbarSlider.background#C7C2D62E
- scrollbarSlider.hoverBackground#C7C2D64D
- selection.background#A855F73D
- settings.headerForeground#EDEAF5
- settings.modifiedItemIndicator#C084FC
- sideBar.background#0E0D14
- sideBar.border#1F1C2B
- sideBar.foreground#C7C2D6
- sideBarSectionHeader.background#13111B
- sideBarSectionHeader.border#1F1C2B
- sideBarSectionHeader.foreground#C7C2D6
- sideBarTitle.foreground#EDEAF5
- statusBar.background#0E0D14
- statusBar.border#1F1C2B
- statusBar.debuggingBackground#6D28D9
- statusBar.debuggingForeground#EDEAF5
- statusBar.foreground#C7C2D6
- statusBar.noFolderBackground#0E0D14
- statusBarItem.hoverBackground#1F1C2B
- statusBarItem.remoteBackground#6D28D9
- statusBarItem.remoteForeground#EDEAF5
- tab.activeBackground#08070C
- tab.activeBorderTop#C084FC
- tab.activeForeground#EDEAF5
- tab.border#1F1C2B
- tab.hoverBackground#13111B
- tab.hoverForeground#C7C2D6
- tab.inactiveBackground#0E0D14
- tab.inactiveForeground#837C98
- terminal.ansiBlack#08070C
- terminal.ansiBlue#60A5FA
- terminal.ansiBrightBlack#322C46
- terminal.ansiBrightBlue#88BCFB
- terminal.ansiBrightCyan#62DFCF
- terminal.ansiBrightGreen#CEF58B
- terminal.ansiBrightMagenta#D8B4FE
- terminal.ansiBrightRed#FC95A4
- terminal.ansiBrightWhite#EDEAF5
- terminal.ansiBrightYellow#EEC68E
- terminal.ansiCyan#2DD4BF
- terminal.ansiGreen#BEF264
- terminal.ansiMagenta#C084FC
- terminal.ansiRed#FB7185
- terminal.ansiWhite#C7C2D6
- terminal.ansiYellow#E8B368
- terminal.background#08070C
- terminal.foreground#C7C2D6
- terminal.selectionBackground#A855F73D
- terminalCursor.background#08070C
- terminalCursor.foreground#C084FC
- textBlockQuote.background#13111B
- textBlockQuote.border#6D28D9
- textCodeBlock.background#08070C
- textLink.activeForeground#C084FC
- textLink.foreground#60A5FA
- textPreformat.foreground#C084FC
- textSeparator.foreground#1F1C2B
- titleBar.activeBackground#0E0D14
- titleBar.activeForeground#C7C2D6
- titleBar.inactiveBackground#08070C
- titleBar.inactiveForeground#837C98
- tree.indentGuidesStroke#1F1C2B
- walkThrough.embeddedEditorBackground#08070C
- welcomePage.background#08070C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #837C98 | italic |
| comment.documentation, comment.block.documentation | #9C96AE | italic |
| keyword, keyword.control, keyword.operator.new, storage, storage.type, entity.name.tag, punctuation.definition.tag, meta.preprocessor, markup.inline.raw, markup.list | #C084FC | — |
| entity.name.type, support.type, support.class, entity.other.inherited-class | #60A5FA | — |
| support.type.primitive, support.type.builtin, entity.name.namespace, entity.name.enum, entity.name.class, entity.name.selector | #D8B4FE | — |
| string, markup.underline.link, markup.underline.link.image | #2DD4BF | — |
| entity.name.function, support.function, variable.function, entity.name.label, entity.other.attribute-name.pseudo-class, markup.underline.link | #60A5FA | — |
| constant.numeric, constant.language, constant.character, string.regexp, constant.other.placeholder, variable.other.constant, entity.other.attribute-name, meta.tag.attribute | #E8B368 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic | #9C96AE | — |
| punctuation, meta.brace, meta.delimiter | #837C98 | — |
| variable.other.property, variable.object.property, meta.object-literal.key, meta.mapping.key, support.variable.property | #C7C2D6 | — |
| variable, variable.other.readwrite | #EDEAF5 | — |
| variable.parameter, variable.language.this, variable.language.super, markup.italic | #EDEAF5 | italic |
| markup.bold, markup.heading | #EDEAF5 | bold |
| invalid, invalid.illegal | #FB7185 | — |
| markup.inserted, markup.inserted.diff | #BEF264 | — |
| markup.deleted, markup.deleted.diff | #FB7185 | — |