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#151516
- activityBar.dropBackground#49494966
- activityBar.foreground#abababCC
- activityBarBadge.background#e9006d
- activityBarBadge.foreground#161617
- badge.background#2E2E2E
- badge.foreground#ababab
- breadcrumbPicker.background#252526
- button.background#2E2E2E
- diffEditor.insertedTextBackground#47d6b71A
- diffEditor.removedTextBackground#e9006d1A
- dropdown.background#252526
- dropdown.listBackground#2E2E2E
- editor.background#131314
- editor.findMatchBackground#386077aa
- editor.findMatchHighlightBackground#38607777
- editor.findRangeHighlightBackground#4949501A
- editor.foreground#cdcdcdbb
- editor.hoverHighlightBackground#4949504D
- editor.lineHighlightBackground#2E2E2E33
- editor.rangeHighlightBackground#2E2E2E99
- editor.selectionBackground#386077aa
- editor.selectionHighlightBackground#38607744
- editor.wordHighlightBackground#49495073
- editor.wordHighlightStrongBackground#49495073
- editorBracketMatch.background#676767
- editorBracketMatch.border#999999
- editorCodeLens.foreground#49495099
- editorCursor.background#151516
- editorCursor.foreground#e9006d
- editorError.foreground#e9006dcc
- editorGroup.border#1A1A1B
- editorGroup.dropBackground#4949504D
- editorGroupHeader.tabsBackground#202021
- editorGutter.addedBackground#47d6b7A6
- editorGutter.deletedBackground#e9006dB3
- editorGutter.modifiedBackground#21BFC2B3
- editorIndentGuide.activeBackground#2F2E2E
- editorIndentGuide.background#2F2E2E66
- editorLineNumber.activeForeground#abababff
- editorLineNumber.foreground#ababab33
- editorOverviewRuler.addedForeground#47d6b799
- editorOverviewRuler.border#2E2E2EB3
- editorOverviewRuler.bracketMatchForeground#ababab66
- editorOverviewRuler.deletedForeground#e9006d99
- editorOverviewRuler.errorForeground#e9006dFF
- editorOverviewRuler.findMatchForeground#fefeff
- editorOverviewRuler.modifiedForeground#21BFC299
- editorOverviewRuler.warningForeground#27D79773
- editorRuler.foreground#49495033
- editorSuggestWidget.highlightForeground#e9006d
- editorWarning.foreground#27D797CC
- editorWidget.background#252526
- editorWidget.border#232324
- errorForeground#e9006d
- extensionButton.prominentBackground#e9006d
- extensionButton.prominentHoverBackground#E9436D
- focusBorder#1A1A1B
- foreground#ababab
- gitDecoration.addedResourceForeground#27D797CC
- gitDecoration.deletedResourceForeground#e9006d
- gitDecoration.ignoredResourceForeground#ababab59
- gitDecoration.modifiedResourceForeground#FAC39A
- gitDecoration.untrackedResourceForeground#27D797
- input.background#2E2E2E
- inputOption.activeBorder#E9436D99
- inputValidation.errorBackground#e9006d80
- inputValidation.errorBorder#e9006d00
- list.activeSelectionBackground#2E2E2E80
- list.activeSelectionForeground#ababab
- list.dropBackground#49495066
- list.errorForeground#e9006dFF
- list.focusBackground#2E2E2E99
- list.focusForeground#ababab
- list.highlightForeground#e9006d
- list.hoverBackground#2E2E2E99
- list.hoverForeground#ababab
- list.inactiveFocusBackground#2E2E2E99
- list.inactiveSelectionBackground#2E303033
- list.inactiveSelectionForeground#ababab
- list.warningForeground#27D797BF
- panelTitle.activeBorder#e9006d
- peekView.border#1A1A1B
- peekViewEditor.background#252526
- peekViewEditor.matchHighlightBackground#49495099
- peekViewResult.background#252526
- peekViewResult.matchHighlightBackground#49495099
- peekViewResult.selectionBackground#2E2E2E80
- peekViewTitle.background#252526
- scrollbar.shadow#161617
- scrollbarSlider.activeBackground#49495073
- scrollbarSlider.background#49495055
- scrollbarSlider.hoverBackground#49495088
- selection.background#49495080
- sideBar.background#202021
- sideBar.dropBackground#4949494D
- sideBar.foreground#ababab99
- sideBarSectionHeader.background#131414
- sideBarSectionHeader.foreground#ffffffdd
- statusBar.background#151516
- statusBar.debuggingBackground#FAB38E
- statusBar.debuggingForeground#06060C
- statusBar.foreground#ababab80
- statusBar.noFolderBackground#151516
- statusBarItem.hoverBackground#2E2E2E
- statusBarItem.prominentBackground#2E2E2E
- statusBarItem.prominentHoverBackground#494950
- tab.activeBackground#333333ee
- tab.activeBorder#e9006d
- tab.border#131314
- tab.inactiveBackground#202021
- 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#7cc6e6
- terminal.foreground#ababab
- terminal.selectionBackground#4949504D
- terminalCursor.background#ababab
- terminalCursor.foreground#49495099
- textLink.activeForeground#E9436D
- textLink.foreground#e9006d
- titleBar.activeBackground#151516
- titleBar.inactiveBackground#151516
- walkThrough.embeddedEditorBackground#252526
- widget.shadow#181819
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #7c3f5f | italic |
| string.quoted, string.template, punctuation.definition.string | #7cc6e6E6 | — |
| variable | #ccccce | — |
| variable.language | #ccccce | — |
| variable.parameter | — | italic |
| storage.type, storage.modifier | #b6dff1ff | — |
| constant | #47d6b7bb | — |
| string.regexp | #47d6b7bb | — |
| constant.numeric | #47d6b7ff | — |
| constant.language | #47d6b7bb | — |
| constant.character.escape | #1b81b1E6 | — |
| entity.name | #f0f0f9ee | — |
| entity.name.tag | #e9006d | — |
| punctuation.definition.tag | #a7004e | — |
| entity.other.attribute-name | #efefefee | — |
| entity.name.type | #f0f0f9ee | — |
| entity.other.inherited-class | #7cc6e6E6 | — |
| entity.name.function, variable.function | #1b81b1E6 | — |
| keyword | #e9006dFF | — |
| keyword.control | #e9006dFF | — |
| keyword.operator | #ffffffaa | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #e9006dFF | — |
| keyword.other.unit | #47d6b7bb | — |
| support | #a9afafE6 | — |
| support.function | #1b81b1E6 | — |
| support.variable | #a9afafE6 | — |
| meta.object-literal.key, support.type.property-name | #a9afafE6 | — |
| punctuation.separator.key-value | #a9afaf | — |
| punctuation.section.embedded | #e9006dFF | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #e9006dFF | — |
| support.type.property-name.css | #7cc6e6 | — |
| constant.other.color | #47d6b7ff | — |
| support.constant.font-name | #47d6b7bb | — |
| entity.other.attribute-name.id | #a9afafE6 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #1b81b1 | — |
| support.function.misc.css | #f0f0f9ee | — |
| markup.heading, entity.name.section | #a9afafE6 | — |
| markup.quote | #a9afafCC | italic |
| beginning.punctuation.definition.list | #a9afafE6 | — |
| markup.underline.link | #7cc6e6E6 | — |
| string.other.link.description | #47d6b7bb | — |
| meta.function-call.generic.python | #1b81b1E6 | — |
| storage.type.cs | #f0f0f9ee | — |
| entity.name.variable.local.cs | #a9afafE6 | — |
| entity.name.variable.field.cs, entity.name.variable.property.cs | #a9afafE6 | — |
| source.cpp keyword.operator | #e9006dFF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...