Icy Kiss, Icy Kiss Light & Deep Jungle Theme
Publisher: Stephan LoiblThemes in package: 3
Two dark themes for Visual Studio Code including new Icy Kiss bright theme. Enjoy.
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#f2f2f2
- activityBar.dropBackground#a1a1a166
- activityBar.foreground#a8a8a9
- activityBarBadge.background#676767
- activityBarBadge.foreground#e9e9e8
- badge.background#fafafa
- badge.foreground#676767
- breadcrumbPicker.background#252525
- button.background#686868
- diffEditor.insertedTextBackground#00BF981A
- diffEditor.removedTextBackground#6767671A
- dropdown.background#e8e8e8
- dropdown.listBackground#f0f0f0
- editor.background#f7f7f7FE
- editor.findMatchBackground#c7c8c7aa
- editor.findMatchHighlightBackground#c7c7c788
- editor.findRangeHighlightBackground#c7c7c788
- editor.foreground#333333
- editor.hoverHighlightBackground#c7c7c788
- editor.lineHighlightBackground#ffffff
- editor.rangeHighlightBackground#c7c7c788
- editor.selectionBackground#c7c7c7aa
- editor.selectionHighlightBackground#c7c7c799
- editor.wordHighlightBackground#c7c8c799
- editor.wordHighlightStrongBackground#c7c7c788
- editorBracketMatch.background#39ffd8
- editorBracketMatch.border#29c2a4
- editorCodeLens.foreground#96969699
- editorCursor.background#e6e6e5
- editorCursor.foreground#676767
- editorError.foreground#676767cc
- editorGroup.border#eeeeef
- editorGroup.dropBackground#9696964D
- editorGroupHeader.tabsBackground#e6e6e6
- editorGutter.addedBackground#00BF98A6
- editorGutter.deletedBackground#676767B3
- editorGutter.modifiedBackground#21BFC2B3
- editorIndentGuide.activeBackground#cdcdcd
- editorIndentGuide.background#dddddd77
- editorLineNumber.activeForeground#232323ff
- editorLineNumber.foreground#89898977
- editorOverviewRuler.addedForeground#00BF9899
- editorOverviewRuler.border#fafafaB3
- editorOverviewRuler.bracketMatchForeground#ababab66
- editorOverviewRuler.deletedForeground#67676799
- editorOverviewRuler.errorForeground#676767FF
- editorOverviewRuler.findMatchForeground#fefeff
- editorOverviewRuler.modifiedForeground#21BFC299
- editorOverviewRuler.warningForeground#27D79773
- editorRuler.foreground#96969633
- editorSuggestWidget.highlightForeground#807878
- editorWarning.foreground#27D797CC
- editorWidget.background#e7e7e7
- editorWidget.border#e2e2e2
- errorForeground#676767
- extensionButton.prominentBackground#676767
- extensionButton.prominentHoverBackground#E9436D
- focusBorder#ffffff
- foreground#232323
- gitDecoration.addedResourceForeground#27D797CC
- gitDecoration.deletedResourceForeground#676767
- gitDecoration.ignoredResourceForeground#ababab59
- gitDecoration.modifiedResourceForeground#FAC39A
- gitDecoration.untrackedResourceForeground#27D797
- input.background#fafafa
- inputOption.activeBorder#E9436D99
- inputValidation.errorBackground#67676780
- inputValidation.errorBorder#67676700
- list.activeSelectionBackground#fafafa80
- list.activeSelectionForeground#000000
- list.dropBackground#b9b9b966
- list.errorForeground#676767FF
- list.focusBackground#fafafa99
- list.focusForeground#ababab
- list.highlightForeground#676767
- list.hoverBackground#fafafa99
- list.hoverForeground#454545
- list.inactiveFocusBackground#fafafa99
- list.inactiveSelectionBackground#c8c8c833
- list.inactiveSelectionForeground#ababab
- list.warningForeground#27D797BF
- panelTitle.activeBorder#565656
- peekView.border#eeeeef
- peekViewEditor.background#252525
- peekViewEditor.matchHighlightBackground#96969699
- peekViewResult.background#252525
- peekViewResult.matchHighlightBackground#96969699
- peekViewResult.selectionBackground#fafafa80
- peekViewTitle.background#252525
- scrollbar.shadow#e9e9e9
- scrollbarSlider.activeBackground#96969699
- scrollbarSlider.background#96969644
- scrollbarSlider.hoverBackground#96969677
- selection.background#ffffff
- sideBar.background#e5e5e5
- sideBar.dropBackground#4fafafaD
- sideBar.foreground#454545bb
- sideBarSectionHeader.background#f4f5f5
- sideBarSectionHeader.foreground#121212dd
- statusBar.background#e4e4e4
- statusBar.debuggingBackground#FAB38E
- statusBar.debuggingForeground#06060C
- statusBar.foreground#797979
- statusBar.noFolderBackground#e6e6e6
- statusBarItem.hoverBackground#fafafa
- statusBarItem.prominentBackground#fafafa
- statusBarItem.prominentHoverBackground#969696
- tab.activeBackground#ffffffcc
- tab.activeBorder#ffffff
- tab.border#bdbdbd
- tab.inactiveBackground#e6e6e6
- terminal.ansiBlue#30AAD7
- terminal.ansiBrightBlue#56C2EA
- terminal.ansiBrightCyan#3CE8E6
- terminal.ansiBrightGreen#0AF29D
- terminal.ansiBrightMagenta#F360C4
- terminal.ansiBrightRed#E06783
- terminal.ansiBrightYellow#FAC39A
- terminal.ansiCyan#1FDAD9
- terminal.ansiGreen#14D386
- terminal.ansiMagenta#E54EAF
- terminal.ansiRed#E95478
- terminal.ansiYellow#6DAECA
- terminal.foreground#ababab
- terminal.selectionBackground#9696964D
- terminalCursor.background#ababab
- terminalCursor.foreground#96969699
- textLink.activeForeground#E9436D
- textLink.foreground#232323
- titleBar.activeBackground#f0f0f0
- titleBar.inactiveBackground#ffffff66
- walkThrough.embeddedEditorBackground#252525
- widget.shadow#bcbcbc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #873d6399 | italic |
| string.quoted, string.template, punctuation.definition.string | #00aae8 | — |
| variable | #000000 | — |
| variable.language | #000000 | bold |
| variable.parameter | — | italic |
| storage.type, storage.modifier | #15b894 | — |
| constant | #15b894 | — |
| string.regexp | #15b894 | — |
| constant.numeric | #15b894 | — |
| constant.language | #24dab2dd | — |
| constant.character.escape | #005f8dE6 | — |
| entity.name | #27C1BC | — |
| entity.name.tag | #e9006d | bold |
| punctuation.definition.tag | #a7004e | — |
| entity.other.attribute-name | #e9006d | bold |
| entity.name.type | #0767b5 | bold |
| entity.other.inherited-class | #47bee2 | — |
| entity.name.function, variable.function | #0767b5 | bold |
| keyword | #e9006d | bold |
| keyword.control | #e9006d | bold |
| keyword.operator | #929294 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #e9006d | bold |
| keyword.other.unit | #00b18d | — |
| support | #1060a1 | — |
| support.function | #1060a1 | bold |
| support.variable | #141418 | — |
| meta.object-literal.key, support.type.property-name | #095cb1 | — |
| punctuation.separator.key-value | #565656 | — |
| punctuation.section.embedded | #e9006d | bold |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #e9006d | — |
| support.type.property-name.css | #47bee2 | — |
| constant.other.color | #00BF98ff | — |
| support.constant.font-name | #00BF98 | — |
| entity.other.attribute-name.id | #565656 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #125B80 | — |
| support.function.misc.css | #c5c5d4ee | bold |
| markup.heading, entity.name.section | #888892 | — |
| markup.quote | #888892 | italic |
| beginning.punctuation.definition.list | 47d6b7bb | — |
| markup.underline.link | 47d6b7bb | — |
| string.other.link.description | 47d6b7bb | — |
| meta.function-call.generic.python | #125B80E6 | bold |
| storage.type.cs | #c5c5d4ee | — |
| entity.name.variable.local.cs | #676767E6 | — |
| entity.name.variable.field.cs, entity.name.variable.property.cs | #676767E6 | — |
| source.cpp keyword.operator | #676767FF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...