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#57606833
• activityBar.activeBorder#b4dbe6
• activityBar.activeFocusBorder#db9cf7
• activityBar.background#44484f
• activityBar.border#44484f
• activityBar.dropBorder#94cef2
• activityBar.foreground#a2c2cd
• activityBar.inactiveForeground#8faab4
• activityBarBadge.background#db9cf7
• activityBarBadge.foreground#44484f
• badge.background#db9cf7
• badge.foreground#44484f
• breadcrumb.activeSelectionForeground#c7f3ff
• breadcrumb.background#44484f
• breadcrumb.focusForeground#b4dbe6
• breadcrumb.foreground#a2c2cd
• breadcrumbPicker.background#44484f
• button.background#94cef2
• button.foreground#44484f
• button.hoverBackground#94f2dd
• button.secondaryBackground#b4dbe6
• button.secondaryForeground#44484f
• button.secondaryHoverBackground#a2c2cd
• charts.blue#94cef2
• charts.foreground#b4dbe6
• charts.green#c8f29d
• charts.lines#7c919a
• charts.orange#f2b494
• charts.purple#db9cf7
• charts.red#f59597
• charts.yellow#f2db94
• checkbox.background#94cef2
• checkbox.border#576068
• checkbox.foreground#44484f
• debugConsole.errorForeground#f59597
• debugConsole.infoForeground#94cef2
• debugConsole.sourceForeground#db9cf7
• debugConsole.warningForeground#f2b494
• debugConsoleInputIcon.foreground#8faab4
• debugExceptionWidget.background#576068
• debugExceptionWidget.border#576068
• debugIcon.breakpointCurrentStackframeForeground#c8f29d
• debugIcon.breakpointDisabledForeground#8faab4
• debugIcon.breakpointForeground#f59597
• debugIcon.breakpointStackframeForeground#f2db94
• debugIcon.breakpointUnverifiedForeground#a2c2cd
• debugIcon.continueForeground#c8f29d
• debugIcon.disconnectForeground#f2b494
• debugIcon.pauseForeground#94cef2
• debugIcon.restartForeground#f79ce0
• debugIcon.startForeground#c8f29d
• debugIcon.stepBackForeground#c7f3ff
• debugIcon.stepIntoForeground#c7f3ff
• debugIcon.stepOutForeground#c7f3ff
• debugIcon.stepOverForeground#c7f3ff
• debugIcon.stopForeground#f59597
• debugTokenExpression.boolean#db9cf7
• debugTokenExpression.error#f59597
• debugTokenExpression.name#94cef2
• debugTokenExpression.number#f79ce0
• debugTokenExpression.string#c8f29d
• debugTokenExpression.value#c7f3ff
• debugToolBar.background#576068
• debugToolBar.border#697981
• debugView.exceptionLabelBackground#576068
• debugView.exceptionLabelForeground#f2db94
• debugView.stateLabelBackground#576068
• debugView.stateLabelForeground#94cef2
• debugView.valueChangedHighlight#f2db9433
• descriptionForeground#b4dbe6
• diffEditor.border#576068
• diffEditor.diagonalFill#5760687f
• diffEditor.insertedTextBackground#c8f29d20
• diffEditor.removedTextBackground#f5959720
• dropdown.background#576068
• dropdown.border#576068
• dropdown.foreground#b4dbe6
• dropdown.listBackground#576068
• editor.background#44484f
• editor.findMatchBackground#f2db943f
• editor.findMatchHighlightBackground#f2db9433
• editor.findRangeHighlightBackground#576068
• editor.focusedStackFrameHighlightBackground#c8f29d3f
• editor.foldBackground#57606866
• editor.foreground#c7f3ff
• editor.hoverHighlightBackground#6979817f
• editor.inactiveSelectionBackground#94cef233
• editor.lineHighlightBackground#44484f
• editor.lineHighlightBorder#576068
• editor.rangeHighlightBackground#f2db9433
• editor.selectionBackground#94cef233
• editor.selectionForeground#c7f3ff
• editor.selectionHighlightBackground#576068
• editor.snippetFinalTabstopHighlightBackground#6979817f
• editor.snippetTabstopHighlightBackground#5760687f
• editor.stackFrameHighlightBackground#94f2dd3f
• editor.symbolHighlightBackground#db9cf733
• editor.wordHighlightBackground#db9cf733
• editor.wordHighlightStrongBackground#f79ce033
• editorBracketHighlight.foreground1#c7f3ff
• editorBracketHighlight.foreground2#f2db94
• editorBracketHighlight.foreground3#94f2dd
• editorBracketHighlight.foreground4#db9cf7
• editorBracketHighlight.foreground5#c8f29d
• editorBracketHighlight.foreground6#94cef2
• editorBracketHighlight.unexpectedBracket#f59597
• editorBracketMatch.background#576068
• editorBracketMatch.border#697981
• editorCodeLens.foreground#a2c2cd
• editorCursor.background#44484f
• editorCursor.foreground#db9cf7
• editorError.border#c7f3ff
• editorError.foreground#f59597
• editorGroup.border#576068
• editorGroup.dropBackground#6979817f
• editorGroup.emptyBackground#44484f
• editorGroup.focusedEmptyBorder#576068
• editorGroupHeader.border#44484f
• editorGroupHeader.noTabsBackground#44484f
• editorGroupHeader.tabsBackground#44484f
• editorGroupHeader.tabsBorder#44484f
• editorGutter.addedBackground#c8f29d
• editorGutter.background#44484f
• editorGutter.commentRangeForeground#7c919a
• editorGutter.deletedBackground#f59597
• editorGutter.foldingControlForeground#a2c2cd
• editorGutter.modifiedBackground#f2db94
• editorHint.border#8faab4
• editorHint.foreground#f79ce0
• editorHoverWidget.background#576068
• editorHoverWidget.border#576068
• editorHoverWidget.foreground#b4dbe6
• editorHoverWidget.statusBarBackground#94cef233
• editorIndentGuide.activeBackground#697981
• editorIndentGuide.background#576068
• editorInfo.border#a2c2cd
• editorInfo.foreground#94cef2
• editorLightBulb.foreground#f2db94
• editorLightBulbAutoFix.foreground#94cef2
• editorLineNumber.activeForeground#8faab4
• editorLineNumber.foreground#697981
• editorLink.activeForeground#94f2dd
• editorMarkerNavigation.background#576068
• editorMarkerNavigationError.background#f59597
• editorMarkerNavigationInfo.background#94cef2
• editorMarkerNavigationWarning.background#f2b494
• editorOverviewRuler.addedForeground#c8f29d7f
• editorOverviewRuler.border#576068
• editorOverviewRuler.bracketMatchForeground#7c919a
• editorOverviewRuler.commonContentForeground#db9cf7
• editorOverviewRuler.currentContentForeground#94f2dd
• editorOverviewRuler.deletedForeground#f595977f
• editorOverviewRuler.errorForeground#f595977f
• editorOverviewRuler.findMatchForeground#f2db94bf
• editorOverviewRuler.incomingContentForeground#94cef2
• editorOverviewRuler.infoForeground#94cef27f
• editorOverviewRuler.modifiedForeground#f2db947f
• editorOverviewRuler.rangeHighlightForeground#697981bf
• editorOverviewRuler.selectionHighlightForeground#576068bf
• editorOverviewRuler.warningForeground#f2b4947f
• editorOverviewRuler.wordHighlightForeground#697981bf
• editorOverviewRuler.wordHighlightStrongForeground#7c919abf
• editorPane.background#44484f
• editorRuler.foreground#576068
• editorSuggestWidget.background#576068
• editorSuggestWidget.border#576068
• editorSuggestWidget.foreground#b4dbe6
• editorSuggestWidget.highlightForeground#f79ce0
• editorSuggestWidget.selectedBackground#697981
• editorUnnecessaryCode.opacity#0000007f
• editorWarning.border#b4dbe6
• editorWarning.foreground#f2b494
• editorWhitespace.foreground#576068
• editorWidget.background#576068
• editorWidget.border#576068
• editorWidget.foreground#b4dbe6
• editorWidget.resizeBorder#94cef2
• errorForeground#f59597
• extensionBadge.remoteBackground#f79ce0
• extensionBadge.remoteForeground#44484f
• extensionButton.prominentBackground#94cef2
• extensionButton.prominentForeground#44484f
• extensionButton.prominentHoverBackground#94f2dd
• focusBorder#db9cf7
• foreground#c7f3ff
• gitDecoration.addedResourceForeground#c8f29d
• gitDecoration.conflictingResourceForeground#94f2dd
• gitDecoration.deletedResourceForeground#f59597
• gitDecoration.ignoredResourceForeground#7c919a
• gitDecoration.modifiedResourceForeground#f2db94
• gitDecoration.stageDeletedResourceForeground#f59597
• gitDecoration.stageModifiedResourceForeground#94f2dd
• gitDecoration.submoduleResourceForeground#f79ce0
• gitDecoration.untrackedResourceForeground#db9cf7
• icon.foreground#b4dbe6
• imagePreview.border#576068
• input.background#576068
• input.border#576068
• input.foreground#b4dbe6
• input.placeholderForeground#697981
• inputOption.activeBackground#697981
• inputOption.activeBorder#94f2dd
• inputOption.activeForeground#c7f3ff
• inputValidation.errorBackground#576068
• inputValidation.errorBorder#f59597
• inputValidation.errorForeground#f59597
• inputValidation.infoBackground#576068
• inputValidation.infoBorder#94cef2
• inputValidation.infoForeground#94cef2
• inputValidation.warningBackground#576068
• inputValidation.warningBorder#f2b494
• inputValidation.warningForeground#f2b494
• list.activeSelectionBackground#db9cf733
• list.activeSelectionForeground#c7f3ff
• list.deemphasizedForeground#8faab4
• list.dropBackground#576068
• list.errorForeground#f59597
• list.filterMatchBackground#f2db9433
• list.filterMatchBorder#f2db9433
• list.focusBackground#7c919a3f
• list.focusForeground#c7f3ff
• list.highlightForeground#f2db94
• list.hoverBackground#57606833
• list.hoverForeground#c7f3ff
• list.inactiveFocusBackground#5760683f
• list.inactiveSelectionBackground#6979813f
• list.inactiveSelectionForeground#b4dbe6
• list.invalidItemForeground#f59597
• list.warningForeground#f2db94
• listFilterWidget.background#576068
• listFilterWidget.noMatchesOutline#f59597
• listFilterWidget.outline#94cef2
• menu.background#44484f
• menu.foreground#b4dbe6
• menu.selectionBackground#576068
• menu.selectionForeground#c7f3ff
• menu.separatorBackground#697981
• menubar.selectionBackground#576068
• menubar.selectionForeground#c7f3ff
• merge.border#8faab4
• merge.commonContentBackground#db9cf74c
• merge.commonHeaderBackground#db9cf74c
• merge.currentContentBackground#94f2dd4c
• merge.currentHeaderBackground#94f2dd4c
• merge.incomingContentBackground#94cef24c
• merge.incomingHeaderBackground#94cef24c
• minimap.background#44484f
• minimap.errorHighlight#f5959780
• minimap.findMatchHighlight#f2db94
• minimap.selectionHighlight#94cef280
• minimap.warningHighlight#f2b49480
• minimapGutter.addedBackground#c8f29d80
• minimapGutter.deletedBackground#f5959780
• minimapGutter.modifiedBackground#f2db9480
• minimapSlider.activeBackground#7c919a33
• minimapSlider.background#57606833
• minimapSlider.hoverBackground#69798133
• notebook.cellBorderColor#5760683f
• notebook.cellHoverBackground#5760683f
• notebook.cellInsertionIndicator#c8f29d
• notebook.cellStatusBarItemHoverBackground#5760683f
• notebook.cellToolbarSeparator#5760683f
• notebook.focusedCellBackground#5760687f
• notebook.focusedCellBorder#db9cf7
• notebook.focusedCellShadow#0000003f
• notebook.focusedEditorBorder#576068
• notebook.focusedRowBorder#db9cf7
• notebook.inactiveFocusedCellBorder#a2c2cd
• notebook.outputContainerBackgroundColor#44484f
• notebook.rowHoverBackground#5760687f
• notebook.selectedCellBorder#8faab4
• notebook.symbolHighlightBackground#db9cf73f
• notebookScrollbarSlider.activeBackground#a2c2cd7f
• notebookScrollbarSlider.background#7c919a7f
• notebookScrollbarSlider.hoverBackground#8faab47f
• notebookStatusErrorIcon.foreground#f59597
• notebookStatusRunningIcon.foreground#94cef2
• notebookStatusSuccessIcon.foreground#c8f29d
• notificationCenterHeader.background#697981
• notificationCenterHeader.foreground#b4dbe6
• notificationLink.foreground#94cef2
• notifications.background#576068
• notifications.border#7c919a
• notifications.foreground#c7f3ff
• notificationsErrorIcon.foreground#f59597
• notificationsInfoIcon.foreground#94cef2
• notificationsWarningIcon.foreground#f2b494
• notificationToast.border#7c919a
• panel.background#44484f
• panel.border#576068
• panel.dropBorder#94cef2
• panelSection.border#576068
• panelSection.dropBackground#5760683f
• panelSectionHeader.background#697981
• panelSectionHeader.border#44484f
• panelSectionHeader.foreground#b4dbe6
• panelTitle.activeBorder#7c919a
• panelTitle.activeForeground#b4dbe6
• panelTitle.inactiveForeground#8faab4
• peekView.border#f79ce0
• peekViewEditor.background#5760687f
• peekViewEditor.matchHighlightBackground#f2db947f
• peekViewEditorGutter.background#5760687f
• peekViewResult.background#576068
• peekViewResult.fileForeground#b4dbe6
• peekViewResult.lineForeground#697981
• peekViewResult.matchHighlightBackground#f2db94
• peekViewResult.selectionBackground#7c919a
• peekViewResult.selectionForeground#c7f3ff
• peekViewTitle.background#576068
• peekViewTitleDescription.foreground#a2c2cd
• peekViewTitleLabel.foreground#c7f3ff
• pickerGroup.border#697981
• pickerGroup.foreground#8faab4
• problemsErrorIcon.foreground#f59597
• problemsInfoIcon.foreground#94cef2
• problemsWarningIcon.foreground#f2b494
• progressBar.background#c8f29d
• quickInput.background#576068
• quickInput.foreground#c7f3ff
• quickInputTitle.background#697981
• sash.hoverBorder#94cef2
• scm.providerBorder#697981
• scrollbar.shadow#44484f
• scrollbarSlider.activeBackground#a2c2cd7f
• scrollbarSlider.background#7c919a7f
• scrollbarSlider.hoverBackground#8faab47f
• selection.background#697981
• settings.checkboxBackground#94cef2
• settings.checkboxBorder#94cef2
• settings.checkboxForeground#44484f
• settings.dropdownBackground#576068
• settings.dropdownForeground#b4dbe6
• settings.dropdownListBorder#697981
• settings.focusedRowBackground#44484f
• settings.headerForeground#c7f3ff
• settings.modifiedItemIndicator#94f2dd
• settings.numberInputBackground#576068
• settings.numberInputForeground#b4dbe6
• settings.textInputBackground#576068
• settings.textInputForeground#b4dbe6
• sideBar.background#44484f
• sideBar.border#576068
• sideBar.dropBackground#5760683f
• sideBar.foreground#b4dbe6
• sideBarSectionHeader.background#697981
• sideBarSectionHeader.border#44484f
• sideBarSectionHeader.foreground#b4dbe6
• sideBarTitle.foreground#a2c2cd
• statusBar.background#94cef2
• statusBar.border#44484f
• statusBar.debuggingBackground#f2b494
• statusBar.debuggingBorder#44484f
• statusBar.debuggingForeground#44484f
• statusBar.foreground#44484f
• statusBar.noFolderBackground#db9cf7
• statusBar.noFolderBorder#44484f
• statusBar.noFolderForeground#44484f
• statusBarItem.activeBackground#94f2dd
• statusBarItem.errorBackground#f59597
• statusBarItem.errorForeground#44484f
• statusBarItem.hoverBackground#c8f29d
• statusBarItem.prominentBackground#94f2dd
• statusBarItem.prominentHoverBackground#c8f29d
• statusBarItem.remoteBackground#94f2dd
• statusBarItem.remoteForeground#44484f
• symbolIcon.arrayForeground#f79ce0
• symbolIcon.booleanForeground#db9cf7
• symbolIcon.classForeground#94cef2
• symbolIcon.colorForeground#94f2dd
• symbolIcon.constantForeground#c8f29d
• symbolIcon.constructorForeground#db9cf7
• symbolIcon.enumeratorForeground#94f2dd
• symbolIcon.enumeratorMemberForeground#94cef2
• symbolIcon.eventForeground#f2b494
• symbolIcon.fieldForeground#f59597
• symbolIcon.fileForeground#b4dbe6
• symbolIcon.folderForeground#a2c2cd
• symbolIcon.functionForeground#db9cf7
• symbolIcon.interfaceForeground#f59597
• symbolIcon.keyForeground#f2db94
• symbolIcon.keywordForeground#94cef2
• symbolIcon.methodForeground#94f2dd
• symbolIcon.moduleForeground#94f2dd
• symbolIcon.namespaceForeground#94cef2
• symbolIcon.nullForeground#f59597
• symbolIcon.numberForeground#f2b494
• symbolIcon.objectForeground#c7f3ff
• symbolIcon.operatorForeground#f59597
• symbolIcon.packageForeground#f2b494
• symbolIcon.propertyForeground#94f2dd
• symbolIcon.referenceForeground#f2b494
• symbolIcon.snippetForeground#a2c2cd
• symbolIcon.stringForeground#c8f29d
• symbolIcon.structForeground#94cef2
• symbolIcon.textForeground#c7f3ff
• symbolIcon.typeParameterForeground#94cef2
• symbolIcon.unitForeground#f2db94
• symbolIcon.variableForeground#f2b494
• tab.activeBackground#44484f
• tab.activeForeground#b4dbe6
• tab.activeModifiedBorder#f2db94
• tab.border#44484f
• tab.hoverBackground#57606880
• tab.hoverForeground#a2c2cd
• tab.inactiveBackground#576068
• tab.inactiveForeground#7c919a
• tab.inactiveModifiedBorder#f2db94
• tab.lastPinnedBorder#f79ce0
• tab.unfocusedActiveBackground#44484f
• tab.unfocusedActiveForeground#7c919a
• tab.unfocusedActiveModifiedBorder#f2db94
• tab.unfocusedHoverBackground#57606880
• tab.unfocusedHoverForeground#8faab4
• tab.unfocusedInactiveBackground#576068
• tab.unfocusedInactiveForeground#697981
• tab.unfocusedInactiveModifiedBorder#f2db94
• terminal.ansiBlack#44484f
• terminal.ansiBlue#94cef2
• terminal.ansiBrightBlack#576068
• terminal.ansiBrightBlue#94cef2
• terminal.ansiBrightCyan#94f2dd
• terminal.ansiBrightGreen#94f2dd
• terminal.ansiBrightMagenta#f79ce0
• terminal.ansiBrightRed#f2b494
• terminal.ansiBrightWhite#c7f3ff
• terminal.ansiBrightYellow#f2db94
• terminal.ansiCyan#94f2dd
• terminal.ansiGreen#c8f29d
• terminal.ansiMagenta#f79ce0
• terminal.ansiRed#f59597
• terminal.ansiWhite#b4dbe6
• terminal.ansiYellow#f2db94
• terminal.background#44484f
• terminal.foreground#b4dbe6
• terminal.selectionBackground#94cef27f
• terminalCursor.background#576068
• terminalCursor.foreground#a2c2cd
• testing.iconErrored#f59597
• testing.iconFailed#f2b494
• testing.iconPassed#c8f29d
• testing.iconQueued#94f2dd
• testing.iconSkipped#8faab4
• testing.iconUnset#a2c2cd
• testing.message.error.decorationForeground#f59597
• testing.message.error.lineBackground#f595973f
• testing.message.hint.decorationForeground#f79ce0
• testing.message.hint.lineBackground#f79ce03f
• testing.message.info.decorationForeground#94cef2
• testing.message.info.lineBackground#94cef23f
• testing.message.warning.decorationForeground#f2b494
• testing.message.warning.lineBackground#f2b4943f
• testing.peekBorder#7c919a
• testing.runAction#94cef2
• textBlockQuote.background#576068
• textBlockQuote.border#576068
• textCodeBlock.background#44484f
• textLink.activeForeground#94f2dd
• textLink.foreground#94cef2
• textPreformat.foreground#f2b494
• textSeparator.foreground#8faab4
• titleBar.activeBackground#44484f
• titleBar.activeForeground#a2c2cd
• titleBar.inactiveBackground#44484f
• titleBar.inactiveForeground#7c919a
• tree.indentGuidesStroke#576068
• walkThrough.embeddedEditorBackground#44484f
• welcomePage.background#44484f
• welcomePage.buttonBackground#576068
• welcomePage.buttonHoverBackground#697981
• welcomePage.progress.background#94cef2
• welcomePage.progress.foreground#44484f
• widget.shadow#44484f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).