Polar Themes
Publisher: PostnumbersThemes in package: 4
A fork of Arctic Ice Studio's Nord theme to provide more differentiation in markdown. Gray, dark, black, and light backgrounds are included.
Color themes
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.activeBackground#dee0e300
- activityBar.activeBorder#81A1C1
- activityBar.background#dee0e3
- activityBar.border#dee0e300
- activityBar.foreground#000000e6
- activityBar.inactiveForeground#00000080
- activityBarBadge.background#81A1C1
- activityBarBadge.foreground#dee0e3
- badge.background#98C07C
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#DEE2E5
- breadcrumb.background#ededee
- breadcrumb.focusForeground#000000
- breadcrumb.foreground#00000080
- button.background#D4DBE7
- button.foreground#000000
- button.hoverBackground#C4CDDE
- button.secondaryBackground#DEE3ED
- button.secondaryForeground#000000
- button.secondaryHoverBackground#45494E
- checkbox.background#DEE0E3
- checkbox.border#00000000
- checkbox.foreground#000000
- debugExceptionWidget.background#FFFFFF
- debugExceptionWidget.border#9EA6AD
- debugToolBar.background#9EA6AD
- debugToolBar.border#9EA6AD
- diffEditor.border#444444
- diffEditor.insertedTextBackground#9BB95533
- diffEditor.removedTextBackground#FF000033
- dropdown.background#FFFFFF
- dropdown.border#FFFFFF00
- dropdown.foreground#000000
- editor.background#f0f0f1
- editor.findMatchBackground#aabcd3cc
- editor.findMatchBorder#aabcd399
- editor.findMatchHighlightBackground#aabcd366
- editor.findMatchHighlightBorder#aabcd380
- editor.findMatchHighlightForeground#000000FE
- editor.findRangeHighlightBackground#aabcd366
- editor.findRangeHighlightBorder#aabcd380
- editor.foldBackground#C9CDD0E6
- editor.foreground#000000
- editor.hoverHighlightBackground#D9DCDEE6
- editor.inactiveSelectionBackground#f2f3f480
- editor.lineHighlightBackground#e3e8ea
- editor.lineHighlightBorder#e3e8ea
- editor.rangeHighlightBackground#d3dbde80
- editor.rangeHighlightBorder#d3dbde
- editor.selectionBackground#C8CDD0
- editor.selectionHighlightBackground#d3dbde80
- editor.selectionHighlightBorder#d3dbde
- editor.wordHighlightBackground#f2f3f480
- editor.wordHighlightStrongBackground#0D4DF266
- editorBracketMatch.background#f0f0f11A
- editorBracketMatch.border#f0f0f1
- editorCodeLens.foreground#000000
- editorCursor.background#f0f0f166
- editorCursor.foreground#00EEFF
- editorError.background#B73A3400
- editorError.border#00000000
- editorError.foreground#EC8013
- editorGroup.border#dee0e3
- editorGroup.emptyBackground#dee0e366
- editorGroupHeader.tabsBackground#dee0e3
- editorGutter.addedBackground#438217
- editorGutter.background#f0f0f1
- editorGutter.commentRangeForeground#f0f0f180
- editorGutter.deletedBackground#94151B
- editorGutter.foldingControlForeground#00000080
- editorGutter.modifiedBackground#EC8013
- editorHoverWidget.background#C8CBD0
- editorHoverWidget.border#C8CBD0
- editorHoverWidget.foreground#000000
- editorIndentGuide.activeBackground1#0D4DF22F
- editorIndentGuide.background1#00000010
- editorInfo.background#4490BF00
- editorInfo.border#4490BF00
- editorInfo.foreground#0D4DF2
- editorLineNumber.activeForeground#000000cc
- editorLineNumber.foreground#00000040
- editorLink.activeForeground#4D7EFF
- editorMarkerNavigation.background#A0A5AB
- editorMarkerNavigationError.background#F48771
- editorMarkerNavigationInfo.background#75BEFF
- editorMarkerNavigationWarning.background#CCA700
- editorOverviewRuler.background#C8CDD000
- editorOverviewRuler.border#7F7F7F4D
- editorRuler.foreground#E4E5E8
- editorStickyScrollHover.background#FFFFFF
- editorSuggestWidget.background#DEE0E3
- editorSuggestWidget.border#DEE0E3
- editorSuggestWidget.foreground#000000
- editorSuggestWidget.highlightForeground#0D4DF2
- editorSuggestWidget.selectedBackground#C5C9CE
- editorWarning.background#A9904000
- editorWarning.border#FFFFFF00
- editorWarning.foreground#CCA700
- editorWhitespace.foreground#E3E4E229
- editorWidget.background#dee0e3
- editorWidget.border#DEE0E3
- editorWidget.foreground#000000
- editorWidget.resizeBorder#5F5F5F
- extensionButton.prominentForeground#FFFFFF
- focusBorder#65656500
- foreground#000000
- gitDecoration.addedResourceForeground#438217
- gitDecoration.conflictingResourceForeground#E89830
- gitDecoration.deletedResourceForeground#C74E39
- gitDecoration.ignoredResourceForeground#8C8C8C
- gitDecoration.modifiedResourceForeground#FAC885
- gitDecoration.stageDeletedResourceForeground#C74E39
- gitDecoration.stageModifiedResourceForeground#FAC885
- gitDecoration.submoduleResourceForeground#8DB9E2
- gitDecoration.untrackedResourceForeground#919294
- icon.foreground#000000
- input.background#FFFFFF
- input.border#FFFFFF00
- input.foreground#000000
- input.placeholderForeground#333333
- inputOption.activeBackground#FFFFFF
- inputOption.activeBorder#FFFFFF00
- inputOption.activeForeground#000000
- keybindingLabel.foreground#444444
- list.activeSelectionBackground#81a1c1
- list.activeSelectionForeground#000000
- list.dropBackground#0e88ac44
- list.errorForeground#FF0066
- list.focusBackground#0e8822
- list.focusForeground#000000
- list.highlightForeground#0D4DF2
- list.hoverBackground#c8cbd0
- list.hoverForeground#000000
- list.inactiveFocusBackground#dee0e300
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#c8cbd0
- list.inactiveSelectionForeground#000000e6
- list.warningForeground#CC6600
- listFilterWidget.background#4D3C8E
- listFilterWidget.noMatchesOutline#BE1100
- listFilterWidget.outline#00000000
- menu.background#D5D9DD
- menu.border#D5D9DD85
- menu.foreground#000000
- menu.selectionBackground#C8CDD0
- menu.selectionBorder#A0A6AC00
- menu.selectionForeground#000000
- menu.separatorBackground#5F666D
- menubar.selectionBackground#FFFFFF11
- menubar.selectionForeground#000000
- merge.commonContentBackground#282828E6
- merge.commonHeaderBackground#383838E6
- merge.currentContentBackground#27403BE6
- merge.currentHeaderBackground#367366E6
- merge.incomingContentBackground#28384BE6
- merge.incomingHeaderBackground#395F8FE6
- minimap.background#D6D9DB66
- minimap.errorHighlight#FF0019E6
- minimap.findMatchHighlight#aabcd3E6
- minimap.selectionHighlight#aabcd3E6
- minimap.warningHighlight#CCA700
- minimapGutter.addedBackground#43821780
- minimapGutter.deletedBackground#94151B80
- minimapGutter.modifiedBackground#ca651d80
- notificationCenter.border#AEB2B8
- notificationCenterHeader.background#AEB2B8
- notificationCenterHeader.foreground#000000
- notifications.background#FFFFFF
- notifications.border#AEB2B8
- notifications.foreground#000000
- notificationsErrorIcon.foreground#F48771
- notificationsInfoIcon.foreground#75BEFF
- notificationsWarningIcon.foreground#CCA700
- notificationToast.border#AEB2B8
- panel.background#dee0e3
- panel.border#dee0e300
- panelSection.border#dee0e300
- panelTitle.activeBorder#dee0e3
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#00000099
- peekView.border#0D4DF2
- peekViewEditor.background#001F33
- peekViewEditor.matchHighlightBackground#FF8F0099
- peekViewEditor.matchHighlightBorder#EE931E
- peekViewEditorGutter.background#001F33
- peekViewResult.background#252526
- peekViewResult.fileForeground#000000
- peekViewResult.lineForeground#000000
- peekViewResult.matchHighlightBackground#EA5C004D
- peekViewResult.selectionBackground#3399FF33
- peekViewResult.selectionForeground#000000
- peekViewTitle.background#1E2024
- peekViewTitleDescription.foreground#000000B3
- peekViewTitleLabel.foreground#000000
- pickerGroup.border#9EA6AD
- pickerGroup.foreground#000000
- progressBar.background#C8CBD0
- scrollbar.shadow#CDD1D6
- scrollbarSlider.activeBackground#BFBF66
- scrollbarSlider.background#79797966
- scrollbarSlider.hoverBackground#646464B3
- selection.background#aabcd366
- settings.focusedRowBackground#FFFFFF07
- settings.headerForeground#000000
- sideBar.background#dee0e3
- sideBar.border#FF000000
- sideBar.dropBackground#dee0e3
- sideBar.foreground#000000b3
- sideBarSectionHeader.background#dee0e3
- sideBarSectionHeader.border#dee0e3
- sideBarSectionHeader.foreground#000000cc
- sideBarTitle.foreground#000000
- statusBar.background#dee0e3
- statusBar.border#dee0e300
- statusBar.debuggingBackground#c8ccd2B7
- statusBar.debuggingForeground#000000
- statusBar.foreground#000000b3
- statusBar.noFolderBackground#dee0e3
- statusBar.noFolderForeground#000000
- statusBarItem.activeBackground#dee0e3
- statusBarItem.hoverBackground#dee0e31F
- statusBarItem.prominentBackground#c0c6cd
- statusBarItem.remoteBackground#dee0e3
- statusBarItem.remoteForeground#000000
- tab.activeBackground#f0f0f1
- tab.activeBorder#f0f0f1
- tab.activeBorderTop#f0f0f1
- tab.activeForeground#000000e6
- tab.border#EBEEEF22
- tab.inactiveBackground#ebebeb
- tab.inactiveForeground#666666
- tab.unfocusedActiveForeground#00000099
- terminal.ansiBlack#000000
- terminal.ansiBlue#2472C8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3B8EEA
- terminal.ansiBrightCyan#29B8DB
- terminal.ansiBrightGreen#23D18B
- terminal.ansiBrightMagenta#D670D6
- terminal.ansiBrightRed#F14C4C
- terminal.ansiBrightWhite#E5E5E5
- terminal.ansiBrightYellow#F5F543
- terminal.ansiCyan#11A8CD
- terminal.ansiGreen#0DBC79
- terminal.ansiMagenta#BC3FBC
- terminal.ansiRed#CD3131
- terminal.ansiWhite#E5E5E5
- terminal.ansiYellow#E5E510
- terminal.border#80808059
- terminal.foreground#CCCCCC
- terminal.selectionBackground#FFFFFF40
- terminalCursor.foreground#FFFFFF
- textBlockQuote.background#FFFFFF
- textCodeBlock.background#40464F
- textLink.foreground#4D7EFF
- titleBar.activeBackground#dee0e3
- titleBar.activeForeground#000000
- titleBar.border#dee0e300
- titleBar.inactiveBackground#dee0e3
- titleBar.inactiveForeground#00000099
- tree.indentGuidesStroke#00000000
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#0000005C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #000000ff | — |
| emphasis | — | italic |
| strong | — | bold |
| comment | #8893AA | — |
| constant.character | #a25393 | — |
| constant.character.escape | #a25393 | — |
| constant.language | #a25393 | — |
| constant.numeric | #a25393 | — |
| constant.regexp | #a25393 | — |
| entity.name.class, entity.name.type.class | #278684 | — |
| entity.name.function | #0e88ac | — |
| entity.name.tag | #1e4c79 | — |
| entity.other.attribute-name | #278684 | — |
| entity.other.inherited-class | #278684 | bold |
| invalid.deprecated | #000000 | — |
| invalid.illegal | #000000 | — |
| keyword | #1e4c79 | — |
| keyword.operator | #1e4c79 | — |
| keyword.other.new | #1e4c79 | — |
| meta.preprocessor | #4e6f98 | — |
| punctuation | #818C98 | — |
| punctuation.definition.method-parameters, punctuation.definition.function-parameters, punctuation.definition.parameters | #818C98 | — |
| punctuation.definition.tag | #4e6f98 | — |
| punctuation.definition.comment, punctuation.end.definition.comment, punctuation.start.definition.comment | #8893AA | — |
| punctuation.section | #4e6f98 | — |
| punctuation.section.embedded.begin, punctuation.section.embedded.end | #4e6f98 | — |
| punctuation.terminator | #4e6f98 | — |
| punctuation.definition.variable | #4e6f98 | — |
| storage | #1e4c79 | — |
| string | #4f8a1d | — |
| string.regexp | #B78215 | — |
| support.class | #278684 | — |
| support.constant | #1e4c79 | — |
| support.function | #0e88ac | — |
| support.function.construct | #1e4c79 | — |
| support.type | #1e4c79 | — |
| support.type.exception | #278684 | — |
| token.debug-token | #B87AAC | — |
| token.error-token | #CC3342 | — |
| token.info-token | #0e88ac | — |
| token.warn-token | #B78215 | — |
| variable.other | #000000 | — |
| variable.language | #1e4c79 | — |
| variable.parameter | #000000 | — |
| punctuation.separator.pointer-access.c | #4e6f98 | — |
| source.c meta.preprocessor.include, source.c string.quoted.other.lt-gt.include | #278684 | — |
| source.cpp keyword.control.directive.conditional, source.cpp punctuation.definition.directive, source.c keyword.control.directive.conditional, source.c punctuation.definition.directive | #4e6f98 | bold |
| source.css constant.other.color.rgb-value | #B87AAC | — |
| source.css meta.property-value | #0e88ac | — |
| source.css keyword.control.at-rule.media, source.css keyword.control.at-rule.media punctuation.definition.keyword | #ca651d | — |
| source.css punctuation.definition.keyword | #4e6f98 | — |
| source.css support.type.property-name | #000000 | — |
| source.diff meta.diff.range.context | #278684 | — |
| source.diff meta.diff.header.from-file | #278684 | — |
| source.diff punctuation.definition.from-file | #278684 | — |
| source.diff punctuation.definition.range | #278684 | — |
| source.diff punctuation.definition.separator | #4e6f98 | — |
| entity.name.type.module.elixir | #278684 | — |
| variable.other.readwrite.module.elixir | #000000 | bold |
| constant.other.symbol.elixir | #000000 | bold |
| variable.other.constant.elixir | #278684 | — |
| source.go constant.other.placeholder.go | #ca651d | — |
| source.java comment.block.documentation.javadoc punctuation.definition.entity.html | #4e6f98 | — |
| source.java constant.other | #000000 | — |
| source.java keyword.other.documentation | #278684 | — |
| source.java keyword.other.documentation.author.javadoc | #278684 | — |
| source.java keyword.other.documentation.directive, source.java keyword.other.documentation.custom | #278684 | — |
| source.java keyword.other.documentation.see.javadoc | #278684 | — |
| source.java meta.method-call meta.method | #0e88ac | — |
| source.java meta.tag.template.link.javadoc, source.java string.other.link.title.javadoc | #278684 | — |
| source.java meta.tag.template.value.javadoc | #0e88ac | — |
| source.java punctuation.definition.keyword.javadoc | #278684 | — |
| source.java punctuation.definition.tag.begin.javadoc, source.java punctuation.definition.tag.end.javadoc | #8893AA | — |
| source.java storage.modifier.import | #278684 | — |
| source.java storage.modifier.package | #278684 | — |
| source.java storage.type | #278684 | — |
| source.java storage.type.annotation | #ca651d | — |
| source.java storage.type.generic | #278684 | — |
| source.java storage.type.primitive | #1e4c79 | — |
| source.js punctuation.decorator, source.js meta.decorator variable.other.readwrite, source.js meta.decorator entity.name.function | #ca651d | — |
| source.js meta.object-literal.key | #0e88ac | — |
| source.js storage.type.class.jsdoc | #278684 | — |
| source.js string.quoted.template punctuation.quasi.element.begin, source.js string.quoted.template punctuation.quasi.element.end, source.js string.template punctuation.definition.template-expression | #4e6f98 | — |
| source.js string.quoted.template meta.method-call.with-arguments | #818C98 | — |
| source.js string.template meta.template.expression support.variable.property, source.js string.template meta.template.expression variable.other.object | #000000 | — |
| source.js support.type.primitive | #1e4c79 | — |
| source.js variable.other.object | #000000 | — |
| source.js variable.other.readwrite.alias | #278684 | — |
| source.js meta.embedded.line meta.brace.square, source.js meta.embedded.line meta.brace.round, source.js string.quoted.template meta.brace.square, source.js string.quoted.template meta.brace.round | #4e6f98 | — |
| text.html.basic constant.character.entity.html | #B78215 | — |
| text.html.basic constant.other.inline-data | #ca651d | italic |
| text.html.basic meta.tag.sgml.doctype | #4e6f98 | — |
| text.html.basic punctuation.definition.entity | #4e6f98 | — |
| source.properties entity.name.section.group-title.ini | #0e88ac | — |
| source.properties punctuation.separator.key-value.ini | #4e6f98 | — |
| heading.1 punctuation.definition.heading | #2786844D | — |
| heading.1.markdown | #278684 | bold |
| heading.2 punctuation.definition.heading | #4f8a1d4D | — |
| heading.2.markdown | #4f8a1d | — |
| heading.3 punctuation.definition.heading, heading.4 punctuation.definition.heading, heading.5 punctuation.definition.heading, heading.6 punctuation.definition.heading | #0e88ac4D | — |
| heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown | #0e88ac | — |
| text.html.markdown markup.fenced_code.block | #000000 | — |
| text.html.markdown markup.fenced_code.block punctuation.definition | #0000004D | — |
| fenced_code.block.language | #8893aa | — |
| markup.inline.raw, markup.inline.raw punctuation.definition.raw | #000000 | — |
| markup.inline.raw punctuation.definition.raw | #0000004D | — |
| markup.bold | #1e4c79 | bold |
| markup.italic, emphasis md | #1e4c79 | italic |
| markup.italic markup.bold, markup.bold markup.italic | #1e4c79 | bold italic |
| markup.underline | #5e81ac | underline |
| markup.underline markup.bold, markup.bold markup.underline | #1e4c79 | bold underline |
| markup.underline markup.italic, markup.italic markup.underline | #1e4c79 | italic underline |
| markup.underline markup.bold markup.italic, markup.underline markup.italic markup.bold, markup.bold markup.underline markup.italic, markup.bold markup.italic markup.underline, markup.italic markup.underline markup.bold, markup.italic markup.bold markup.underline | #1e4c79 | bold italic underline |
| punctuation.definition.bold, punctuation.definition.italic, punctuation.definition.emphasis, punctuation.definition.underline | #1e4c794d | — |
| markup.strikethrough | #747b82 | strikethrough |
| punctuation.definition.strikethrough | #747b8280 | — |
| text.html.markdown markup.underline.link | — | underline |
| text.html.markdown punctuation.definition.list | #1389ab | — |
| text.html.markdown markup.quote | #4e6f98 | — |
| punctuation.definition.quote | #4e6f984d | — |
| punctuation.definition.table | #4e6f98 | — |
| text.html.markdown constant.character.math.tex | #4e6f98 | — |
| text.html.markdown punctuation.definition.math.begin, text.html.markdown punctuation.definition.math.end | #4e6f98 | — |
| text.html.markdown punctuation.definition.function.math.tex | #0e88ac | — |
| text.html.markdown punctuation.math.operator.latex | #4e6f98 | — |
| text.html.markdown punctuation.definition.constant, text.html.markdown punctuation.definition.string | #4e6f98 | — |
| constant.other.reference.link, string.other.link.description, string.other.link.title | #0e88ac | — |
| markup.underline.link | #278684 | — |
| punctuation.definition.link.title, punctuation.definition.link.description, punctuation.definition.metadata.markdown | #4e6f98 | — |
| support.function.text.markdown.hashtags | #278684 | — |
| markup.changed, criticmarkup.substitution | #ca651d | — |
| markup.deleted, criticmarkup.deletion | #a32935 | — |
| markup.inserted, criticmarkup.addition | #4f8a1d | — |
| source.perl punctuation.definition.variable | #000000 | — |
| source.php meta.function-call, source.php meta.function-call.object | #0e88ac | — |
| source.python entity.name.function.decorator, source.python meta.function.decorator support.type | #ca651d | — |
| source.python meta.function-call.generic | #0e88ac | — |
| source.python support.type | #0e88ac | — |
| source.python variable.parameter.function.language | #000000 | — |
| source.python meta.function.parameters variable.parameter.function.language.special.self | #1e4c79 | — |
| source.css.scss punctuation.definition.interpolation.begin.bracket.curly, source.css.scss punctuation.definition.interpolation.end.bracket.curly | #4e6f98 | — |
| source.css.scss variable.interpolation | #000000 | italic |
| source.ts punctuation.decorator, source.ts meta.decorator variable.other.readwrite, source.ts meta.decorator entity.name.function, source.tsx punctuation.decorator, source.tsx meta.decorator variable.other.readwrite, source.tsx meta.decorator entity.name.function | #ca651d | — |
| source.ts meta.object-literal.key, source.tsx meta.object-literal.key | #000000 | — |
| source.ts meta.object-literal.key entity.name.function, source.tsx meta.object-literal.key entity.name.function | #0e88ac | — |
| source.ts support.class, source.ts support.type, source.ts entity.name.type, source.ts entity.name.class, source.tsx support.class, source.tsx support.type, source.tsx entity.name.type, source.tsx entity.name.class | #278684 | — |
| source.ts support.constant.math, source.ts support.constant.dom, source.ts support.constant.json, source.tsx support.constant.math, source.tsx support.constant.dom, source.tsx support.constant.json | #278684 | — |
| source.ts support.variable, source.tsx support.variable | #000000 | — |
| source.ts meta.embedded.line meta.brace.square, source.ts meta.embedded.line meta.brace.round, source.tsx meta.embedded.line meta.brace.square, source.tsx meta.embedded.line meta.brace.round | #4e6f98 | — |
| text.xml entity.name.tag.namespace | #278684 | — |
| text.xml keyword.other.doctype | #4e6f98 | — |
| text.xml meta.tag.preprocessor entity.name.tag | #4e6f98 | — |
| text.xml string.unquoted.cdata, text.xml string.unquoted.cdata punctuation.definition.string | #ca651d | italic |
| source.yaml entity.name.tag | #278684 | — |