Polar Ice Theme from Themer for VS Code

Color themes

• 

  Themer Dark

• 

  Themer Light

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#c5dde633
• activityBar.activeBorder#545e68
• activityBar.activeFocusBorder#a549cd
• activityBar.background#dbf7ff
• activityBar.border#dbf7ff
• activityBar.dropBorder#34a4e7
• activityBar.foreground#6b7781
• activityBar.inactiveForeground#81919a
• activityBarBadge.background#a549cd
• activityBarBadge.foreground#dbf7ff
• badge.background#a549cd
• badge.foreground#dbf7ff
• breadcrumb.activeSelectionForeground#3e444f
• breadcrumb.background#dbf7ff
• breadcrumb.focusForeground#545e68
• breadcrumb.foreground#6b7781
• breadcrumbPicker.background#dbf7ff
• button.background#34a4e7
• button.foreground#dbf7ff
• button.hoverBackground#06b38b
• button.secondaryBackground#545e68
• button.secondaryForeground#dbf7ff
• button.secondaryHoverBackground#6b7781
• charts.blue#34a4e7
• charts.foreground#545e68
• charts.green#61ab16
• charts.lines#98aab4
• charts.orange#e0530d
• charts.purple#a549cd
• charts.red#e11418
• charts.yellow#d2a623
• checkbox.background#34a4e7
• checkbox.border#c5dde6
• checkbox.foreground#dbf7ff
• debugConsole.errorForeground#e11418
• debugConsole.infoForeground#34a4e7
• debugConsole.sourceForeground#a549cd
• debugConsole.warningForeground#e0530d
• debugConsoleInputIcon.foreground#81919a
• debugExceptionWidget.background#c5dde6
• debugExceptionWidget.border#c5dde6
• debugIcon.breakpointCurrentStackframeForeground#61ab16
• debugIcon.breakpointDisabledForeground#81919a
• debugIcon.breakpointForeground#e11418
• debugIcon.breakpointStackframeForeground#d2a623
• debugIcon.breakpointUnverifiedForeground#6b7781
• debugIcon.continueForeground#61ab16
• debugIcon.disconnectForeground#e0530d
• debugIcon.pauseForeground#34a4e7
• debugIcon.restartForeground#cc52ad
• debugIcon.startForeground#61ab16
• debugIcon.stepBackForeground#3e444f
• debugIcon.stepIntoForeground#3e444f
• debugIcon.stepOutForeground#3e444f
• debugIcon.stepOverForeground#3e444f
• debugIcon.stopForeground#e11418
• debugTokenExpression.boolean#a549cd
• debugTokenExpression.error#e11418
• debugTokenExpression.name#34a4e7
• debugTokenExpression.number#cc52ad
• debugTokenExpression.string#61ab16
• debugTokenExpression.value#3e444f
• debugToolBar.background#c5dde6
• debugToolBar.border#aec4cd
• debugView.exceptionLabelBackground#c5dde6
• debugView.exceptionLabelForeground#d2a623
• debugView.stateLabelBackground#c5dde6
• debugView.stateLabelForeground#34a4e7
• debugView.valueChangedHighlight#d2a62333
• descriptionForeground#545e68
• diffEditor.border#c5dde6
• diffEditor.diagonalFill#c5dde67f
• diffEditor.insertedTextBackground#61ab1620
• diffEditor.removedTextBackground#e1141820
• dropdown.background#c5dde6
• dropdown.border#c5dde6
• dropdown.foreground#545e68
• dropdown.listBackground#c5dde6
• editor.background#dbf7ff
• editor.findMatchBackground#d2a6233f
• editor.findMatchHighlightBackground#d2a62333
• editor.findRangeHighlightBackground#c5dde6
• editor.focusedStackFrameHighlightBackground#61ab163f
• editor.foldBackground#c5dde666
• editor.foreground#3e444f
• editor.hoverHighlightBackground#aec4cd7f
• editor.inactiveSelectionBackground#34a4e733
• editor.lineHighlightBackground#dbf7ff
• editor.lineHighlightBorder#c5dde6
• editor.rangeHighlightBackground#d2a62333
• editor.selectionBackground#34a4e733
• editor.selectionForeground#3e444f
• editor.selectionHighlightBackground#c5dde6
• editor.snippetFinalTabstopHighlightBackground#aec4cd7f
• editor.snippetTabstopHighlightBackground#c5dde67f
• editor.stackFrameHighlightBackground#06b38b3f
• editor.symbolHighlightBackground#a549cd33
• editor.wordHighlightBackground#a549cd33
• editor.wordHighlightStrongBackground#cc52ad33
• editorBracketHighlight.foreground1#3e444f
• editorBracketHighlight.foreground2#d2a623
• editorBracketHighlight.foreground3#06b38b
• editorBracketHighlight.foreground4#a549cd
• editorBracketHighlight.foreground5#61ab16
• editorBracketHighlight.foreground6#34a4e7
• editorBracketHighlight.unexpectedBracket#e11418
• editorBracketMatch.background#c5dde6
• editorBracketMatch.border#aec4cd
• editorCodeLens.foreground#6b7781
• editorCursor.background#dbf7ff
• editorCursor.foreground#a549cd
• editorError.border#3e444f
• editorError.foreground#e11418
• editorGroup.border#c5dde6
• editorGroup.dropBackground#aec4cd7f
• editorGroup.emptyBackground#dbf7ff
• editorGroup.focusedEmptyBorder#c5dde6
• editorGroupHeader.border#dbf7ff
• editorGroupHeader.noTabsBackground#dbf7ff
• editorGroupHeader.tabsBackground#dbf7ff
• editorGroupHeader.tabsBorder#dbf7ff
• editorGutter.addedBackground#61ab16
• editorGutter.background#dbf7ff
• editorGutter.commentRangeForeground#98aab4
• editorGutter.deletedBackground#e11418
• editorGutter.foldingControlForeground#6b7781
• editorGutter.modifiedBackground#d2a623
• editorHint.border#81919a
• editorHint.foreground#cc52ad
• editorHoverWidget.background#c5dde6
• editorHoverWidget.border#c5dde6
• editorHoverWidget.foreground#545e68
• editorHoverWidget.statusBarBackground#34a4e733
• editorIndentGuide.activeBackground#aec4cd
• editorIndentGuide.background#c5dde6
• editorInfo.border#6b7781
• editorInfo.foreground#34a4e7
• editorLightBulb.foreground#d2a623
• editorLightBulbAutoFix.foreground#34a4e7
• editorLineNumber.activeForeground#81919a
• editorLineNumber.foreground#aec4cd
• editorLink.activeForeground#06b38b
• editorMarkerNavigation.background#c5dde6
• editorMarkerNavigationError.background#e11418
• editorMarkerNavigationInfo.background#34a4e7
• editorMarkerNavigationWarning.background#e0530d
• editorOverviewRuler.addedForeground#61ab167f
• editorOverviewRuler.border#c5dde6
• editorOverviewRuler.bracketMatchForeground#98aab4
• editorOverviewRuler.commonContentForeground#a549cd
• editorOverviewRuler.currentContentForeground#06b38b
• editorOverviewRuler.deletedForeground#e114187f
• editorOverviewRuler.errorForeground#e114187f
• editorOverviewRuler.findMatchForeground#d2a623bf
• editorOverviewRuler.incomingContentForeground#34a4e7
• editorOverviewRuler.infoForeground#34a4e77f
• editorOverviewRuler.modifiedForeground#d2a6237f
• editorOverviewRuler.rangeHighlightForeground#aec4cdbf
• editorOverviewRuler.selectionHighlightForeground#c5dde6bf
• editorOverviewRuler.warningForeground#e0530d7f
• editorOverviewRuler.wordHighlightForeground#aec4cdbf
• editorOverviewRuler.wordHighlightStrongForeground#98aab4bf
• editorPane.background#dbf7ff
• editorRuler.foreground#c5dde6
• editorSuggestWidget.background#c5dde6
• editorSuggestWidget.border#c5dde6
• editorSuggestWidget.foreground#545e68
• editorSuggestWidget.highlightForeground#cc52ad
• editorSuggestWidget.selectedBackground#aec4cd
• editorUnnecessaryCode.opacity#0000007f
• editorWarning.border#545e68
• editorWarning.foreground#e0530d
• editorWhitespace.foreground#c5dde6
• editorWidget.background#c5dde6
• editorWidget.border#c5dde6
• editorWidget.foreground#545e68
• editorWidget.resizeBorder#34a4e7
• errorForeground#e11418
• extensionBadge.remoteBackground#cc52ad
• extensionBadge.remoteForeground#dbf7ff
• extensionButton.prominentBackground#34a4e7
• extensionButton.prominentForeground#dbf7ff
• extensionButton.prominentHoverBackground#06b38b
• focusBorder#a549cd
• foreground#3e444f
• gitDecoration.addedResourceForeground#61ab16
• gitDecoration.conflictingResourceForeground#06b38b
• gitDecoration.deletedResourceForeground#e11418
• gitDecoration.ignoredResourceForeground#98aab4
• gitDecoration.modifiedResourceForeground#d2a623
• gitDecoration.stageDeletedResourceForeground#e11418
• gitDecoration.stageModifiedResourceForeground#06b38b
• gitDecoration.submoduleResourceForeground#cc52ad
• gitDecoration.untrackedResourceForeground#a549cd
• icon.foreground#545e68
• imagePreview.border#c5dde6
• input.background#c5dde6
• input.border#c5dde6
• input.foreground#545e68
• input.placeholderForeground#aec4cd
• inputOption.activeBackground#aec4cd
• inputOption.activeBorder#06b38b
• inputOption.activeForeground#3e444f
• inputValidation.errorBackground#c5dde6
• inputValidation.errorBorder#e11418
• inputValidation.errorForeground#e11418
• inputValidation.infoBackground#c5dde6
• inputValidation.infoBorder#34a4e7
• inputValidation.infoForeground#34a4e7
• inputValidation.warningBackground#c5dde6
• inputValidation.warningBorder#e0530d
• inputValidation.warningForeground#e0530d
• list.activeSelectionBackground#a549cd33
• list.activeSelectionForeground#3e444f
• list.deemphasizedForeground#81919a
• list.dropBackground#c5dde6
• list.errorForeground#e11418
• list.filterMatchBackground#d2a62333
• list.filterMatchBorder#d2a62333
• list.focusBackground#98aab43f
• list.focusForeground#3e444f
• list.highlightForeground#d2a623
• list.hoverBackground#c5dde633
• list.hoverForeground#3e444f
• list.inactiveFocusBackground#c5dde63f
• list.inactiveSelectionBackground#aec4cd3f
• list.inactiveSelectionForeground#545e68
• list.invalidItemForeground#e11418
• list.warningForeground#d2a623
• listFilterWidget.background#c5dde6
• listFilterWidget.noMatchesOutline#e11418
• listFilterWidget.outline#34a4e7
• menu.background#dbf7ff
• menu.foreground#545e68
• menu.selectionBackground#c5dde6
• menu.selectionForeground#3e444f
• menu.separatorBackground#aec4cd
• menubar.selectionBackground#c5dde6
• menubar.selectionForeground#3e444f
• merge.border#81919a
• merge.commonContentBackground#a549cd4c
• merge.commonHeaderBackground#a549cd4c
• merge.currentContentBackground#06b38b4c
• merge.currentHeaderBackground#06b38b4c
• merge.incomingContentBackground#34a4e74c
• merge.incomingHeaderBackground#34a4e74c
• minimap.background#dbf7ff
• minimap.errorHighlight#e1141880
• minimap.findMatchHighlight#d2a623
• minimap.selectionHighlight#34a4e780
• minimap.warningHighlight#e0530d80
• minimapGutter.addedBackground#61ab1680
• minimapGutter.deletedBackground#e1141880
• minimapGutter.modifiedBackground#d2a62380
• minimapSlider.activeBackground#98aab433
• minimapSlider.background#c5dde633
• minimapSlider.hoverBackground#aec4cd33
• notebook.cellBorderColor#c5dde63f
• notebook.cellHoverBackground#c5dde63f
• notebook.cellInsertionIndicator#61ab16
• notebook.cellStatusBarItemHoverBackground#c5dde63f
• notebook.cellToolbarSeparator#c5dde63f
• notebook.focusedCellBackground#c5dde67f
• notebook.focusedCellBorder#a549cd
• notebook.focusedCellShadow#0000003f
• notebook.focusedEditorBorder#c5dde6
• notebook.focusedRowBorder#a549cd
• notebook.inactiveFocusedCellBorder#6b7781
• notebook.outputContainerBackgroundColor#dbf7ff
• notebook.rowHoverBackground#c5dde67f
• notebook.selectedCellBorder#81919a
• notebook.symbolHighlightBackground#a549cd3f
• notebookScrollbarSlider.activeBackground#6b77817f
• notebookScrollbarSlider.background#98aab47f
• notebookScrollbarSlider.hoverBackground#81919a7f
• notebookStatusErrorIcon.foreground#e11418
• notebookStatusRunningIcon.foreground#34a4e7
• notebookStatusSuccessIcon.foreground#61ab16
• notificationCenterHeader.background#aec4cd
• notificationCenterHeader.foreground#545e68
• notificationLink.foreground#34a4e7
• notifications.background#c5dde6
• notifications.border#98aab4
• notifications.foreground#3e444f
• notificationsErrorIcon.foreground#e11418
• notificationsInfoIcon.foreground#34a4e7
• notificationsWarningIcon.foreground#e0530d
• notificationToast.border#98aab4
• panel.background#dbf7ff
• panel.border#c5dde6
• panel.dropBorder#34a4e7
• panelSection.border#c5dde6
• panelSection.dropBackground#c5dde63f
• panelSectionHeader.background#aec4cd
• panelSectionHeader.border#dbf7ff
• panelSectionHeader.foreground#545e68
• panelTitle.activeBorder#98aab4
• panelTitle.activeForeground#545e68
• panelTitle.inactiveForeground#81919a
• peekView.border#cc52ad
• peekViewEditor.background#c5dde67f
• peekViewEditor.matchHighlightBackground#d2a6237f
• peekViewEditorGutter.background#c5dde67f
• peekViewResult.background#c5dde6
• peekViewResult.fileForeground#545e68
• peekViewResult.lineForeground#aec4cd
• peekViewResult.matchHighlightBackground#d2a623
• peekViewResult.selectionBackground#98aab4
• peekViewResult.selectionForeground#3e444f
• peekViewTitle.background#c5dde6
• peekViewTitleDescription.foreground#6b7781
• peekViewTitleLabel.foreground#3e444f
• pickerGroup.border#aec4cd
• pickerGroup.foreground#81919a
• problemsErrorIcon.foreground#e11418
• problemsInfoIcon.foreground#34a4e7
• problemsWarningIcon.foreground#e0530d
• progressBar.background#61ab16
• quickInput.background#c5dde6
• quickInput.foreground#3e444f
• quickInputTitle.background#aec4cd
• sash.hoverBorder#34a4e7
• scm.providerBorder#aec4cd
• scrollbar.shadow#3e444f66
• scrollbarSlider.activeBackground#6b77817f
• scrollbarSlider.background#98aab47f
• scrollbarSlider.hoverBackground#81919a7f
• selection.background#aec4cd
• settings.checkboxBackground#34a4e7
• settings.checkboxBorder#34a4e7
• settings.checkboxForeground#dbf7ff
• settings.dropdownBackground#c5dde6
• settings.dropdownForeground#545e68
• settings.dropdownListBorder#aec4cd
• settings.focusedRowBackground#dbf7ff
• settings.headerForeground#3e444f
• settings.modifiedItemIndicator#06b38b
• settings.numberInputBackground#c5dde6
• settings.numberInputForeground#545e68
• settings.textInputBackground#c5dde6
• settings.textInputForeground#545e68
• sideBar.background#dbf7ff
• sideBar.border#c5dde6
• sideBar.dropBackground#c5dde63f
• sideBar.foreground#545e68
• sideBarSectionHeader.background#aec4cd
• sideBarSectionHeader.border#dbf7ff
• sideBarSectionHeader.foreground#545e68
• sideBarTitle.foreground#6b7781
• statusBar.background#34a4e7
• statusBar.border#dbf7ff
• statusBar.debuggingBackground#e0530d
• statusBar.debuggingBorder#dbf7ff
• statusBar.debuggingForeground#dbf7ff
• statusBar.foreground#dbf7ff
• statusBar.noFolderBackground#a549cd
• statusBar.noFolderBorder#dbf7ff
• statusBar.noFolderForeground#dbf7ff
• statusBarItem.activeBackground#06b38b
• statusBarItem.errorBackground#e11418
• statusBarItem.errorForeground#dbf7ff
• statusBarItem.hoverBackground#61ab16
• statusBarItem.prominentBackground#06b38b
• statusBarItem.prominentHoverBackground#61ab16
• statusBarItem.remoteBackground#06b38b
• statusBarItem.remoteForeground#dbf7ff
• symbolIcon.arrayForeground#cc52ad
• symbolIcon.booleanForeground#a549cd
• symbolIcon.classForeground#34a4e7
• symbolIcon.colorForeground#06b38b
• symbolIcon.constantForeground#61ab16
• symbolIcon.constructorForeground#a549cd
• symbolIcon.enumeratorForeground#06b38b
• symbolIcon.enumeratorMemberForeground#34a4e7
• symbolIcon.eventForeground#e0530d
• symbolIcon.fieldForeground#e11418
• symbolIcon.fileForeground#545e68
• symbolIcon.folderForeground#6b7781
• symbolIcon.functionForeground#a549cd
• symbolIcon.interfaceForeground#e11418
• symbolIcon.keyForeground#d2a623
• symbolIcon.keywordForeground#34a4e7
• symbolIcon.methodForeground#06b38b
• symbolIcon.moduleForeground#06b38b
• symbolIcon.namespaceForeground#34a4e7
• symbolIcon.nullForeground#e11418
• symbolIcon.numberForeground#e0530d
• symbolIcon.objectForeground#3e444f
• symbolIcon.operatorForeground#e11418
• symbolIcon.packageForeground#e0530d
• symbolIcon.propertyForeground#06b38b
• symbolIcon.referenceForeground#e0530d
• symbolIcon.snippetForeground#6b7781
• symbolIcon.stringForeground#61ab16
• symbolIcon.structForeground#34a4e7
• symbolIcon.textForeground#3e444f
• symbolIcon.typeParameterForeground#34a4e7
• symbolIcon.unitForeground#d2a623
• symbolIcon.variableForeground#e0530d
• tab.activeBackground#dbf7ff
• tab.activeForeground#545e68
• tab.activeModifiedBorder#d2a623
• tab.border#dbf7ff
• tab.hoverBackground#c5dde680
• tab.hoverForeground#6b7781
• tab.inactiveBackground#c5dde6
• tab.inactiveForeground#98aab4
• tab.inactiveModifiedBorder#d2a623
• tab.lastPinnedBorder#cc52ad
• tab.unfocusedActiveBackground#dbf7ff
• tab.unfocusedActiveForeground#98aab4
• tab.unfocusedActiveModifiedBorder#d2a623
• tab.unfocusedHoverBackground#c5dde680
• tab.unfocusedHoverForeground#81919a
• tab.unfocusedInactiveBackground#c5dde6
• tab.unfocusedInactiveForeground#aec4cd
• tab.unfocusedInactiveModifiedBorder#d2a623
• terminal.ansiBlack#dbf7ff
• terminal.ansiBlue#34a4e7
• terminal.ansiBrightBlack#c5dde6
• terminal.ansiBrightBlue#34a4e7
• terminal.ansiBrightCyan#06b38b
• terminal.ansiBrightGreen#06b38b
• terminal.ansiBrightMagenta#cc52ad
• terminal.ansiBrightRed#e0530d
• terminal.ansiBrightWhite#3e444f
• terminal.ansiBrightYellow#d2a623
• terminal.ansiCyan#06b38b
• terminal.ansiGreen#61ab16
• terminal.ansiMagenta#cc52ad
• terminal.ansiRed#e11418
• terminal.ansiWhite#545e68
• terminal.ansiYellow#d2a623
• terminal.background#dbf7ff
• terminal.foreground#545e68
• terminal.selectionBackground#34a4e77f
• terminalCursor.background#c5dde6
• terminalCursor.foreground#6b7781
• testing.iconErrored#e11418
• testing.iconFailed#e0530d
• testing.iconPassed#61ab16
• testing.iconQueued#06b38b
• testing.iconSkipped#81919a
• testing.iconUnset#6b7781
• testing.message.error.decorationForeground#e11418
• testing.message.error.lineBackground#e114183f
• testing.message.hint.decorationForeground#cc52ad
• testing.message.hint.lineBackground#cc52ad3f
• testing.message.info.decorationForeground#34a4e7
• testing.message.info.lineBackground#34a4e73f
• testing.message.warning.decorationForeground#e0530d
• testing.message.warning.lineBackground#e0530d3f
• testing.peekBorder#98aab4
• testing.runAction#34a4e7
• textBlockQuote.background#c5dde6
• textBlockQuote.border#c5dde6
• textCodeBlock.background#dbf7ff
• textLink.activeForeground#06b38b
• textLink.foreground#34a4e7
• textPreformat.foreground#e0530d
• textSeparator.foreground#81919a
• titleBar.activeBackground#dbf7ff
• titleBar.activeForeground#6b7781
• titleBar.inactiveBackground#dbf7ff
• titleBar.inactiveForeground#98aab4
• tree.indentGuidesStroke#c5dde6
• walkThrough.embeddedEditorBackground#dbf7ff
• welcomePage.background#dbf7ff
• welcomePage.buttonBackground#c5dde6
• welcomePage.buttonHoverBackground#aec4cd
• welcomePage.progress.background#34a4e7
• welcomePage.progress.foreground#dbf7ff
• widget.shadow#3e444f66

tokenColors

TextMate scopes and font styles (syntax highlighting rules).