Iceberg Theme
Publisher: cocoponThemes in package: 2
Bluish color theme
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.background#e8e9ec
- activityBar.foreground#33374c
- activityBar.inactiveForeground#8389a3
- activityBarBadge.background#2d539e
- activityBarBadge.foreground#e8e9ec
- badge.background#8389a320
- badge.foreground#8389a3
- breadcrumb.activeSelectionForeground#33374c
- breadcrumb.background#e8e9ec
- breadcrumb.focusForeground#33374c
- breadcrumb.foreground#8389a3
- breadcrumbPicker.background#dcdfe7
- button.background#33374c
- button.foreground#e8e9ec
- button.hoverBackground#262a3f
- debugConsole.errorForeground#cc517a
- debugConsole.infoForeground#3f83a6
- debugConsole.sourceForeground#33374c
- debugConsole.warningForeground#c57339
- debugConsoleInputIcon.foreground#33374c
- debugIcon.breakpointCurrentStackframeForeground#c57339
- debugIcon.breakpointDisabledForeground#8389a3
- debugIcon.breakpointForeground#cc517a
- debugIcon.breakpointStackframeForeground#668e3d
- debugIcon.breakpointUnverifiedForeground#8389a3
- debugIcon.continueForeground#2d539e
- debugIcon.disconnectForeground#cc517a4d
- debugIcon.pauseForeground#2d539e
- debugIcon.restartForeground#668e3d
- debugIcon.startForeground#668e3d
- debugIcon.stepBackForeground#2d539e
- debugIcon.stepIntoForeground#2d539e
- debugIcon.stepOutForeground#2d539e
- debugIcon.stepOverForeground#2d539e
- debugIcon.stopForeground#cc517a
- debugTokenExpression.boolean#7759b4
- debugTokenExpression.error#cc517a
- debugTokenExpression.name#33374c
- debugTokenExpression.number#7759b4
- debugTokenExpression.string#3f83a6
- debugTokenExpression.value#7759b4
- debugToolBar.background#dcdfe7
- descriptionForeground#8389a3
- diffEditor.insertedTextBackground#668e3d20
- diffEditor.removedTextBackground#cc517a20
- dropdown.background#cad0de
- dropdown.border#cad0de
- dropdown.foreground#33374c
- editor.background#e8e9ec
- editor.findMatchBackground#c5733980
- editor.findMatchHighlightBackground#c5733940
- editor.foldBackground#dcdfe7
- editor.foreground#33374c
- editor.lineHighlightBackground#dcdfe7
- editor.rangeHighlightBackground#c573391a
- editor.selectionBackground#cacdd7
- editor.wordHighlightBackground#2d539e26
- editor.wordHighlightStrongBackground#2d539e4d
- editorActionList.background#dcdfe7
- editorActionList.focusBackground#cad0de
- editorActionList.focusForeground#586b9e
- editorActionList.foreground#33374c
- editorBracketHighlight.foreground1#2d539e
- editorBracketHighlight.foreground2#3f83a6
- editorBracketHighlight.foreground3#668e3d
- editorBracketHighlight.foreground4#c57339
- editorBracketHighlight.foreground5#7759b4
- editorBracketHighlight.foreground6#00000000
- editorBracketHighlight.unexpectedBracket.foreground#cc517a
- editorBracketMatch.background#bec1c9
- editorBracketMatch.border#bec1c9
- editorCursor.foreground#33374c
- editorError.foreground#cc517a
- editorGroup.border#c8cfdd
- editorGroup.dropBackground#2d539e20
- editorGroupHeader.tabsBackground#c8cfdd
- editorGutter.addedBackground#668e3d80
- editorGutter.background#dcdfe7
- editorGutter.deletedBackground#cc517a80
- editorGutter.modifiedBackground#668e3d80
- editorHoverWidget.background#dcdfe7
- editorHoverWidget.border#dcdfe7
- editorHoverWidget.foreground#33374c
- editorHoverWidget.statusBarBackground#dcdfe7
- editorIndentGuide.activeBackground1#cbcfda
- editorIndentGuide.background1#cbcfda40
- editorLightBulb.foreground#c57339
- editorLightBulbAutoFix.foreground#3f83a6
- editorLineNumber.activeForeground#586b9e
- editorLineNumber.foreground#9fa7bd
- editorLink.activeForeground#2d539e
- editorMarkerNavigation.background#dcdfe7
- editorOverviewRuler.addedForeground#668e3d80
- editorOverviewRuler.border#cbcfda40
- editorOverviewRuler.deletedForeground#cc517a80
- editorOverviewRuler.errorForeground#cc517a
- editorOverviewRuler.infoForeground#32769880
- editorOverviewRuler.modifiedForeground#668e3d80
- editorOverviewRuler.warningForeground#c5733980
- editorOverviewRuler.wordHighlightForeground#2d539e80
- editorRuler.foreground#cbcfda
- editorSuggestWidget.selectedBackground#33374c20
- editorWarning.foreground#c57339
- editorWhitespace.foreground#cbcfda
- editorWidget.background#dcdfe7
- editorWidget.border#dcdfe7
- extensionButton.prominentBackground#33374c
- extensionButton.prominentForeground#e8e9ec
- extensionButton.prominentHoverBackground#262a3f
- focusBorder#cbcfda
- foreground#33374c
- gitDecoration.addedResourceForeground#668e3d
- gitDecoration.conflictingResourceForeground#c57339
- gitDecoration.deletedResourceForeground#cc517a
- gitDecoration.ignoredResourceForeground#8389a3
- gitDecoration.modifiedResourceForeground#3f83a6
- gitDecoration.renamedResourceForeground#7759b4
- gitDecoration.stageDeletedResourceForeground#cc517a
- gitDecoration.stageModifiedResourceForeground#3f83a6
- gitDecoration.submoduleResourceForeground#8389a3
- gitDecoration.untrackedResourceForeground#8389a3
- input.background#cad0de
- input.foreground#33374c
- input.placeholderForeground#33374c40
- inputOption.activeBorder#2d539e
- inputValidation.errorBackground#e4d2db
- inputValidation.errorBorder#cc517a
- list.activeSelectionBackground#dcdfe7
- list.activeSelectionForeground#33374c
- list.dropBackground#2d539e20
- list.errorForeground#cc517a
- list.focusForeground#586b9e
- list.highlightForeground#668e3d
- list.hoverBackground#dcdfe7
- list.inactiveSelectionBackground#dcdfe7
- list.warningForeground#c57339
- menu.background#dcdfe7
- menu.foreground#33374c
- menu.selectionBackground#cad0de
- menu.selectionForeground#586b9e
- menu.separatorBackground#8389a34d
- menubar.selectionBackground#dcdfe7
- menubar.selectionForeground#33374c
- merge.currentContentBackground#7759b420
- merge.currentHeaderBackground#7759b440
- merge.incomingContentBackground#3f83a620
- merge.incomingHeaderBackground#3f83a640
- notificationCenterHeader.background#dcdfe7
- notifications.background#dcdfe7
- notifications.border#8389a34d
- notifications.foreground#33374c
- notificationsErrorIcon.foreground#cc517a
- notificationsInfoIcon.foreground#3f83a6
- notificationsWarningIcon.foreground#c57339
- panel.background#e8e9ec
- panel.border#c8cfdd
- panelTitle.activeForeground#33374c
- panelTitle.inactiveForeground#8389a3
- peekView.border#cbcfda
- peekViewEditor.background#e8e9ec
- peekViewEditor.matchHighlightBackground#c5733940
- peekViewEditorGutter.background#dcdfe7
- peekViewResult.background#dcdfe7
- peekViewResult.fileForeground#33374c
- peekViewResult.lineForeground#8389a3
- peekViewResult.matchHighlightBackground#c5733940
- peekViewResult.selectionBackground#cacdd7
- peekViewTitle.background#dcdfe7
- peekViewTitleDescription.foreground#8389a3
- peekViewTitleLabel.foreground#33374c
- pickerGroup.border#8389a34d
- pickerGroup.foreground#2d539e
- problemsErrorIcon.foreground#cc517a
- problemsInfoIcon.foreground#3f83a6
- problemsWarningIcon.foreground#c57339
- progressBar.background#2d539e
- quickInput.background#dcdfe7
- quickInput.foreground#8389a3
- quickInputList.focusBackground#cad0de
- scrollbar.shadow#363d634d
- scrollbarSlider.background#cbcfda80
- scrollbarSlider.hoverBackground#cbcfdaa0
- selection.background#aeb2c666
- settings.headerForeground#33374c
- settings.modifiedItemIndicator#3f83a64c
- sideBar.background#e8e9ec
- sideBar.border#c8cfdd
- sideBar.dropBackground#2d539e20
- sideBar.foreground#33374c
- sideBarSectionHeader.background#c8cfdd
- sideBarSectionHeader.foreground#8389a3
- statusBar.background#c8cfdd
- statusBar.debuggingBackground#c8cfdd
- statusBar.debuggingForeground#8389a3
- statusBar.foreground#8389a3
- statusBar.noFolderBackground#c8cfdd
- statusBar.noFolderForeground#8389a3
- statusBarItem.errorBackground#cc517a
- statusBarItem.errorForeground#e8e9ec
- statusBarItem.hoverBackground#8389a320
- symbolIcon.classForeground#c57339
- symbolIcon.constructorForeground#c57339
- symbolIcon.enumeratorForeground#c57339
- symbolIcon.enumeratorMemberForeground#3f83a6
- symbolIcon.eventForeground#c57339
- symbolIcon.fieldForeground#3f83a6
- symbolIcon.functionForeground#7759b4
- symbolIcon.interfaceForeground#3f83a6
- symbolIcon.methodForeground#7759b4
- symbolIcon.variableForeground#3f83a6
- tab.activeBackground#e8e9ec
- tab.activeForeground#33374c
- tab.activeModifiedBorder#3f83a6
- tab.border#c8cfdd
- tab.hoverBackground#dcdfe7
- tab.inactiveBackground#c8cfdd
- tab.inactiveForeground#8389a3
- tab.inactiveModifiedBorder#3f83a680
- tab.unfocusedActiveForeground#8389a3
- tab.unfocusedInactiveForeground#8389a380
- terminal.ansiBlack#dcdfe7
- terminal.ansiBlue#2d539e
- terminal.ansiBrightBlack#8389a3
- terminal.ansiBrightBlue#22478e
- terminal.ansiBrightCyan#327698
- terminal.ansiBrightGreen#598030
- terminal.ansiBrightMagenta#6845ad
- terminal.ansiBrightRed#cc3768
- terminal.ansiBrightWhite#262a3f
- terminal.ansiBrightYellow#b6662d
- terminal.ansiCyan#3f83a6
- terminal.ansiGreen#668e3d
- terminal.ansiMagenta#7759b4
- terminal.ansiRed#cc517a
- terminal.ansiWhite#33374c
- terminal.ansiYellow#c57339
- terminal.foreground#33374c
- terminal.selectionBackground#aeb2c666
- terminalCommandDecoration.defaultBackground#8389a3
- terminalCommandDecoration.errorBackground#cc517a
- terminalCommandDecoration.successBackground#2d539e
- textLink.activeForeground#2d539e
- textLink.foreground#2d539e
- titleBar.activeBackground#c8cfdd
- titleBar.activeForeground#33374c
- titleBar.inactiveBackground#c8cfdd
- titleBar.inactiveForeground#8389a3
- tree.indentGuidesStroke#cbcfda
- widget.shadow#363d634d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8389a3 | — |
| constant, support.constant | #7759b4 | — |
| entity.other.attribute-name | #7759b4 | — |
| entity.name.class | #33374c | — |
| entity.name.function | #33374c | — |
| entity.name.section | #c57339 | — |
| entity.name.tag | #2d539e | — |
| keyword, keyword.operator.expression, keyword.operator.new | #2d539e | — |
| keyword.control.at-rule, keyword.control.content | #668e3d | — |
| keyword.function | #2d539e | — |
| keyword.operator | #33374c | — |
| keyword.other.unit | #7759b4 | — |
| markup.bold | #262a3f | bold |
| markup.fenced_code.block | #8389a3 | — |
| markup.inline.raw.string | #7759b4 | — |
| meta.link | #3f83a6 | — |
| meta.brace.square | #33374c | — |
| entity.name.function.method, markup.heading, meta.definition.method | #c57339 | — |
| meta.object-literal.key | #2d539e | — |
| meta.tag.attributes | #7759b4 | — |
| meta.tag.sgml.doctype | #8389a3 | — |
| meta.type.annotation | #668e3d | — |
| punctuation.definition.template-expression | #668e3d | — |
| punctuation.definition.block | #33374c | — |
| punctuation.definition.tag | #2d539e | — |
| storage | #2d539e | — |
| storage.type.function | #2d539e | — |
| string | #3f83a6 | — |
| support | #2d539e | — |
| support.type.property-name | #2d539e | — |
| variable.language.this | #668e3d | — |
| text | #33374c | — |
| meta.diff.header | #2d539e | — |
| meta.diff.range | #3f83a6 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css | #33374c | — |
| markup.deleted.diff | #cc517a | — |
| markup.inserted.diff | #668e3d | — |
| support.type.class.flowtype | #668e3d | — |
| punctuation.definition.block.tag.jsdoc | #668e3d | — |
| storage.type.class.jsdoc | #668e3d | — |
| variable.other.jsdoc | #33374c | — |
| entity.name.import.go | #3f83a6 | — |
| markup.underline.link | #2d539e | — |
| keyword.other.important.scss | #c57339 | — |
| variable.interpolation.scss | #668e3d | — |
| variable.scss | #3f83a6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...