Arctone
Publisher: kh4fThemes in package: 1
❄️ Polar Night VS Code 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#00ffea
- activityBar.background#1a1a1a
- activityBar.border#44444460
- activityBar.foreground#ffffff
- activityBarBadge.background#25293c
- activityBarBadge.foreground#00ffea
- activityBarTop.foreground#00ffea
- badge.background#25293c
- badge.foreground#00ffea
- breadcrumb.activeSelectionForeground#00ffea
- breadcrumb.background#00000000
- breadcrumb.focusForeground#eeffff
- breadcrumb.foreground#848484
- breadcrumbPicker.background#1a1d27
- button.background#25293c
- button.foreground#00ffea
- button.hoverBackground#292e42
- button.secondaryBackground#25293c
- button.secondaryForeground#00ffea
- button.secondaryHoverBackground#292e42
- button.separator#ffffff18
- charts.green#00ffea
- chat.requestBubbleBackground#25293cee
- checkbox.border#ffffff0b
- checkbox.disabled.background#16161f
- checkbox.disabled.foreground#00756c
- checkbox.foreground#00ffea
- checkbox.selectBackground#292e42
- checkbox.selectBorder#ffffff0b
- debugIcon.breakpointStackframeForeground#00ffea
- debugIcon.restartForeground#00ffea
- debugIcon.startForeground#00ffea
- debugTokenExpression.error#ff2341
- debugToolBar.background#18171a
- diffEditor.insertedLineBackground#2a3031f6
- diffEditor.insertedTextBackground#54ff621a
- diffEditor.removedLineBackground#ff343e10
- diffEditor.removedTextBackground#f0282820
- disabledForeground#cccccc80
- dropdown.background#1a1d27
- dropdown.border#ffffff0b
- editor.background#1d2131
- editor.findMatchBackground#8644ff6b
- editor.findMatchHighlightBackground#a16eff3d
- editor.findRangeHighlightBackground#ffcb6b30
- editor.foreground#eeffff
- editor.hoverHighlightBackground#8989ff1a
- editor.inactiveSelectionBackground#ffffff07
- editor.lineHighlightBackground#ffffff00
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#4a5cff3d
- editor.rangeHighlightBackground#ffffff0b
- editor.selectionBackground#ffffff0b
- editor.selectionHighlightBackground#a16eff25
- editor.wordHighlightBackground#8989ff10
- editor.wordHighlightStrongBackground#ffffff0b
- editorActionList.background#1a1d27
- editorActionList.focusBackground#ffffff17
- editorActionList.focusForeground#00ffea
- editorBracketHighlight.foreground1#00ffea
- editorBracketHighlight.foreground2#23ccff
- editorBracketHighlight.foreground3#5d7bff
- editorBracketMatch.background#00000000
- editorBracketMatch.border#ffffff30
- editorCursor.foreground#00ffea
- editorError.foreground#ff2341a0
- editorGroup.border#ffffff0b
- editorGroup.dropBackground#ffffff0b
- editorGroup.dropIntoPromptBackground#1a1d27
- editorGroup.focusedEmptyBorder#00ffea
- editorGroupHeader.noTabsBackground#1d2131
- editorGroupHeader.tabsBackground#00000000
- editorGutter.addedBackground#c3e88d60
- editorGutter.deletedBackground#ff343e60
- editorGutter.modifiedBackground#82aaff60
- editorHoverWidget.background#1a1d27
- editorHoverWidget.border#ffffff0b
- editorHoverWidget.foreground#E0E0E0
- editorIndentGuide.activeBackground1#ffffff25
- editorInfo.foreground#00ffea
- editorLineNumber.activeForeground#4c4a50
- editorLineNumber.foreground#39363d
- editorLink.activeForeground#00ffea
- editorMarkerNavigation.background#eeffff05
- editorOverviewRuler.border#212121
- editorOverviewRuler.errorForeground#ff2341
- editorOverviewRuler.findMatchForeground#bebebe00
- editorOverviewRuler.infoForeground#82aaff40
- editorOverviewRuler.warningForeground#ffcb6b40
- editorRuler.foreground#424242
- editorStickyScroll.background#1d2131
- editorSuggestWidget.background#1a1d27
- editorSuggestWidget.border#ffffff0b
- editorSuggestWidget.foreground#ffffff
- editorSuggestWidget.highlightForeground#00ffea
- editorSuggestWidget.selectedBackground#00000050
- editorWarning.foreground#ffcb6b70
- editorWhitespace.foreground#ffffff0b
- editorWidget.background#1a1d27
- editorWidget.border#ffffff0b
- editorWidget.resizeBorder#00ffea
- errorForeground#ff2341
- extensionBadge.remoteForeground#eeffff
- extensionButton.prominentForeground#00ffea
- focusBorder#ffffff0b
- foreground#ffffff
- gitDecoration.addedResourceForeground#70cccf
- gitDecoration.conflictingResourceForeground#ff573a
- gitDecoration.deletedResourceForeground#e45353
- gitDecoration.ignoredResourceForeground#5f5f5f
- gitDecoration.modifiedResourceForeground#3cabeb
- gitDecoration.renamedResourceForeground#73c991
- gitDecoration.stageModifiedResourceForeground#3077e0
- gitDecoration.untrackedResourceForeground#ca6df5
- icon.foreground#c5c5c5
- input.background#1d2131
- input.border#ffffff0b
- input.foreground#ffffff
- input.placeholderForeground#ffffff60
- inputOption.activeBackground#ffffff25
- inputOption.activeBorder#ffffff0b
- inputOption.activeForeground#00ffea
- inputValidation.errorBorder#ff2341
- inputValidation.infoBorder#82aaff
- inputValidation.warningBorder#ffcb6b
- keybindingLabel.bottomBorder#00ffea99
- list.activeSelectionBackground#ffffff05
- list.activeSelectionForeground#00ffea
- list.dropBackground#ffffff0b
- list.errorForeground#ff2341
- list.focusBackground#00000000
- list.focusForeground#ffffff
- list.highlightForeground#00ffea
- list.hoverBackground#ffffff05
- list.hoverForeground#00ffea
- list.inactiveSelectionBackground#00000000
- listFilterWidget.background#00000030
- listFilterWidget.noMatchesOutline#00000030
- listFilterWidget.outline#00000030
- menu.background#1a1d27
- menu.border#ffffff0b
- menu.foreground#eeffff
- menu.selectionBackground#25293c
- menu.selectionForeground#00ffea
- menu.separatorBackground#ffffff0b
- menubar.selectionBackground#00000030
- menubar.selectionBorder#00000030
- menubar.selectionForeground#00ffea
- notebook.cellEditorBackground#25242b
- notebook.focusedCellBorder#00ffea
- notebook.inactiveFocusedCellBorder#00ffea50
- notebookEditorOverviewRuler.runningCellForeground#00ffea
- notebookStatusSuccessIcon.foreground#00ffea
- notificationCenter.border#ffffff0b
- notificationLink.foreground#00ffea
- notifications.background#1a1d27
- notificationsInfoIcon.foreground#82aaff70
- panel.background#1d2131
- panel.border#ffffff0b
- panel.dropBorder#00ffea
- panelSection.border#ffffff0b
- panelSectionHeader.background#ffffff00
- panelSectionHeader.foreground#00ffea
- panelTitle.activeBorder#00ffea
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#686868
- panelTitleBadge.background#25293c
- panelTitleBadge.foreground#00ffea
- peekView.border#00000030
- peekViewEditor.background#2b2b2b
- peekViewEditor.matchHighlightBackground#5c5c5c50
- peekViewEditorGutter.background#2b2b2b
- peekViewResult.background#2b2b2b
- peekViewResult.matchHighlightBackground#5c5c5c50
- peekViewResult.selectionBackground#84848470
- peekViewTitle.background#2b2b2b
- peekViewTitleDescription.foreground#eeffff60
- pickerGroup.border#ffffff1a
- pickerGroup.foreground#00ffea
- progressBar.background#00ffea
- quickInput.background#1a1d27
- quickInput.foreground#848484
- quickInputList.focusBackground#ffffff17
- quickInputList.focusForeground#00ffea
- sash.hoverBorder#00ffea90
- scmGraph.historyItemBaseRefColor#7f3aff
- scmGraph.historyItemHoverLabelForeground#000000
- scmGraph.historyItemRefColor#00ffea
- scmGraph.historyItemRemoteRefColor#2395ff
- scrollbar.shadow#ffffff04
- scrollbarSlider.activeBackground#00ffea9d
- scrollbarSlider.background#ffffff17
- scrollbarSlider.hoverBackground#eeffff34
- selection.background#ffffff48
- settings.checkboxBackground#1a1a1a
- settings.checkboxForeground#eeffff
- settings.dropdownBackground#1a1a1a
- settings.dropdownForeground#eeffff
- settings.headerForeground#00ffea
- settings.modifiedItemIndicator#00ffea
- settings.numberInputBackground#1a1a1a
- settings.numberInputForeground#eeffff
- settings.textInputBackground#1a1a1a
- settings.textInputForeground#eeffff
- sideBar.background#1d2131
- sideBar.border#ffffff0b
- sideBar.foreground#c4cbe0
- sideBarActivityBarTop.border#00000000
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#ffffff0b
- sideBarStickyScroll.background#1d2131
- sideBarStickyScroll.border#ffffff04
- sideBarStickyScroll.shadow#ffffff04
- sideBarTitle.border#00000000
- sideBarTitle.foreground#b4b4b4
- statusBar.background#1d2131
- statusBar.border#ffffff0b
- statusBar.debuggingBackground#1d2131
- statusBar.debuggingForeground#00ffea
- statusBar.focusBorder#ffffff0b
- statusBar.foreground#5c5c5c
- statusBar.noFolderBackground#1d2131
- statusBarItem.activeBackground#00ffea80
- statusBarItem.hoverBackground#25293c
- statusBarItem.hoverForeground#00ffea
- statusBarItem.remoteBackground#00000000
- statusBarItem.remoteForeground#5c5c5c
- tab.activeBackground#1d2131
- tab.activeBorder#00000000
- tab.activeBorderTop#00ffea
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#848484
- tab.border#00000000
- tab.dragAndDropBorder#00ffea
- tab.inactiveBackground#00000000
- tab.inactiveForeground#848484
- tab.inactiveModifiedBorder#904348
- tab.lastPinnedBorder#ffffff0b
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#00ffea80
- tab.unfocusedActiveForeground#eeffff
- tab.unfocusedActiveModifiedBorder#c05a60
- tab.unfocusedInactiveBackground#00000000
- tab.unfocusedInactiveForeground#848484
- tab.unfocusedInactiveModifiedBorder#904348
- terminal.ansiBlack#000000
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#4a4a4a
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#89ddff
- terminal.ansiBrightGreen#00ffea
- terminal.ansiBrightMagenta#c792ea
- terminal.ansiBrightRed#00ffea
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffcb6b
- terminal.ansiCyan#1d2131
- terminal.ansiGreen#00ffea
- terminal.ansiMagenta#000000
- terminal.ansiRed#00ffea
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#00ffea
- terminal.selectionForeground#00ffea
- terminal.tab.activeBorder#00ffea
- terminalCommandDecoration.defaultBackground#00ffea
- terminalCursor.background#000000
- terminalCursor.foreground#00ffea
- textBlockQuote.background#1a1d27
- textBlockQuote.border#00ffea9d
- textCodeBlock.background#1a1d27
- textLink.activeForeground#00ffea
- textLink.foreground#23ccff
- textPreformat.background#25293c
- textPreformat.foreground#23deff
- textSeparator.foreground#ff0000
- titleBar.activeBackground#1d2131
- titleBar.activeForeground#ffffffc0
- titleBar.inactiveBackground#1d2131
- titleBar.inactiveForeground#848484
- toolbar.hoverBackground#ffffff30
- tree.indentGuidesStroke#ffffff0b
- widget.shadow#00000040
- window.activeBorder#333333
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string | #FF5640 | — |
| punctuation, constant.other.symbol | #89DDFF | — |
| constant.character.escape, text.html constant.character.entity.named | #EEFFFF | — |
| constant.language.boolean | #ff3d67 | — |
| constant.numeric | #ff3953 | — |
| variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments | #e0e0e0 | — |
| keyword.other | #8A92A3 | italic |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #89DDFF | — |
| entity.name.function, support.function | #19ddf7 | — |
| storage.type, storage.modifier, storage.control | #8a92a3 | italic |
| support.module, support.node | #F07178 | italic |
| support.type, constant.other.key | #FFCB6B | — |
| entity.name.type, entity.other.inherited-class, entity.other | #FF5640 | — |
| comment | #4A4A4A | italic |
| comment punctuation.definition.comment, string.quoted.docstring | #4A4A4A | italic |
| punctuation | #89DDFF | — |
| entity.name, support.class, meta.use | #FF702E | — |
| entity.name.section.markdown | #d9e71a | — |
| entity.name.type.class | #ff4a2b | — |
| support.type | #ff702e | — |
| variable.object.property | #bec6df | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #89DDFF | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #EEFFFF | — |
| support.type.property-name.json | #a7beff | — |
| meta.object-literal.key, meta.object-literal.key string | #c4abff | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | — | — |
| constant.language.json | #89DDFF | — |
| entity.other.attribute-name.class | #FF702E | — |
| entity.other.attribute-name.id | #FF5640 | — |
| support.type.property-name.css | #A7BEFF | — |
| meta.tag, punctuation.definition.tag | #89DDFF | — |
| entity.name.tag | #00d9ff | — |
| entity.name.tag.yaml | #A7BEFF | — |
| entity.other.attribute-name | #979DBE | — |
| punctuation.definition.entity.html | #EEFFFF | — |
| markup.heading | #89DDFF | — |
| text.html.markdown meta.link.inline, meta.link.reference | #F07178 | — |
| text.html.markdown beginning.punctuation.definition.list | #89DDFF | — |
| markup.italic | #F07178 | italic |
| markup.bold | #FF702E | bold |
| markup.bold markup.italic, markup.italic markup.bold | #F07178 | italic bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #C3E88D | — |
| markup.inline.raw.string.markdown | #23deff | — |
| keyword.other.definition.ini | #F07178 | — |
| entity.name.section.group-title.ini | #89DDFF | — |
| source.cs meta.class.identifier storage.type | #FFCB6B | — |
| source.cs meta.method.identifier entity.name.function | #F07178 | — |
| source.cs meta.method-call meta.method, source.cs entity.name.function | #82AAFF | — |
| source.cs storage.type | #FFCB6B | — |
| source.cs meta.method.return-type | #FFCB6B | — |
| source.cs meta.preprocessor | #4A4A4A | — |
| source.cs entity.name.type.namespace | #EEFFFF | — |
| meta.jsx.children, SXNested | #EEFFFF | — |
| support.class.component | #00ff9d | — |
| source.cpp meta.block variable.other | #EEFFFF | — |
| source.python meta.member.access.python | #F07178 | — |
| source.python meta.function-call.python, meta.function-call.arguments | #82AAFF | — |
| meta.block | #FF8B07 | — |
| source.php support.other.namespace, source.php meta.use support.class | #EEFFFF | — |
| constant.keyword | #89DDFF | italic |
| meta.var.expr meta.function-call entity.name.function | #30b1fc | — |
| new.expr.ts meta.function-call entity.name.function | #ff3b55 | — |
| meta.definition.method entity.name.function, meta.definition.function entity.name.function, meta.definition.variable entity.name.function, entity.name.function.python, meta.definition.property entity.name.function | #00e0ce | — |
| constant.other.placeholder | #F07178 | — |
| markup.deleted | #F07178 | — |
| markup.inserted | #C3E88D | — |
| markup.underline | #A7BEFF | underline |
| keyword | #81dbff | italic |
| keyword.operator | #81dbff | |
| keyword.control | #60dfff | italic |
| variable.parameter | #E0E0E0 | — |
| variable.parameter.function.language.special.self.python | #F07178 | italic |
| constant.character.format.placeholder.other.python | #FF8B07 | — |
| markup.quote | #89DDFF | italic |
| markup.fenced_code.block | #EEFFFF90 | — |
| punctuation.definition.quote | #FF3953 | — |
| meta.structure.dictionary.json support.type.property-name.json | #979DBE | — |
| 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 | #FF8B07 | — |
| 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 | #F07178 | — |
| 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 | #916B53 | — |
| 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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #82AAFF | — |
| 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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FF9CAC | — |
| 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 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 | #C792EA | — |
| 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 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 | #C3E88D | — |
| ref.matchtext | #FFFFFF | — |
| string | #ff5640 | — |
| string.quoted | #ff5640 | — |
| string.regexp | #ff5640 | — |
| variable | #e0e0e0 | — |
| constant | #ff8b07 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |