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#141914
- activityBar.dropBackground#49494966
- activityBar.foreground#66cf7dCC
- activityBarBadge.background#8fe701
- activityBarBadge.foreground#161716
- badge.background#0d2713
- badge.foreground#66cf7d
- breadcrumbPicker.background#133a1c
- button.background#0d2713
- diffEditor.insertedTextBackground#ffffff1A
- diffEditor.removedTextBackground#8fe7011A
- dropdown.background#133a1c
- dropdown.listBackground#0d2713
- editor.background#121412
- editor.findMatchBackground#695b4caa
- editor.findMatchHighlightBackground#695b4c77
- editor.findRangeHighlightBackground#133a1c1A
- editor.foreground#e2f1ef88
- editor.hoverHighlightBackground#133a1c4D
- editor.lineHighlightBackground#0d271333
- editor.rangeHighlightBackground#0d271399
- editor.selectionBackground#695b4caa
- editor.selectionHighlightBackground#695b4c66
- editor.wordHighlightBackground#133a1c73
- editor.wordHighlightStrongBackground#133a1c73
- editorBracketMatch.background#92795eaa
- editorBracketMatch.border#695b4cff
- editorCodeLens.foreground#133a1c99
- editorCursor.background#141914
- editorCursor.foreground#8fe701
- editorError.foreground#8fe701cc
- editorGroup.border#141914
- editorGroup.dropBackground#133a1c4D
- editorGroupHeader.tabsBackground#141914
- editorGutter.addedBackground#ffffffA6
- editorGutter.deletedBackground#8fe701B3
- editorGutter.modifiedBackground#21BFC2B3
- editorIndentGuide.activeBackground#2e2f2e
- editorIndentGuide.background#2e2f2e66
- editorLineNumber.activeForeground#66cf7dff
- editorLineNumber.foreground#66cf7d33
- editorOverviewRuler.addedForeground#a8df6688
- editorOverviewRuler.border#0d2713B3
- editorOverviewRuler.bracketMatchForeground#66cf7d66
- editorOverviewRuler.deletedForeground#8fe70199
- editorOverviewRuler.errorForeground#8fe701
- editorOverviewRuler.findMatchForeground#fefeff
- editorOverviewRuler.modifiedForeground#21BFC299
- editorOverviewRuler.warningForeground#27D79773
- editorRuler.foreground#133a1c33
- editorSuggestWidget.highlightForeground#8fe701
- editorWarning.foreground#27D797CC
- editorWidget.background#133a1c
- editorWidget.border#1b5529
- errorForeground#8fe701
- extensionButton.prominentBackground#8fe701
- extensionButton.prominentHoverBackground#9de045
- focusBorder#141914
- foreground#66cf7d
- gitDecoration.addedResourceForeground#27D797CC
- gitDecoration.deletedResourceForeground#8fe701
- gitDecoration.ignoredResourceForeground#66cf7d59
- gitDecoration.modifiedResourceForeground#FAC39A
- gitDecoration.untrackedResourceForeground#27D797
- input.background#0d2713
- inputOption.activeBorder#9de04599
- inputValidation.errorBackground#8fe70180
- inputValidation.errorBorder#d0cdcdcd
- list.activeSelectionBackground#0d271380
- list.activeSelectionForeground#66cf7d
- list.dropBackground#133a1c66
- list.errorForeground#8fe701
- list.focusBackground#0d271399
- list.focusForeground#66cf7d
- list.highlightForeground#8fe701
- list.hoverBackground#0d271399
- list.hoverForeground#66cf7d
- list.inactiveFocusBackground#0d271399
- list.inactiveSelectionBackground#2E303033
- list.inactiveSelectionForeground#66cf7d
- list.warningForeground#27D797BF
- panelTitle.activeBorder#8fe701
- peekView.border#141914
- peekViewEditor.background#133a1c
- peekViewEditor.matchHighlightBackground#133a1c99
- peekViewResult.background#133a1c
- peekViewResult.matchHighlightBackground#133a1c99
- peekViewResult.selectionBackground#0d271380
- peekViewTitle.background#133a1c
- scrollbar.shadow#161617
- scrollbarSlider.activeBackground#133a1c73
- scrollbarSlider.background#133a1c55
- scrollbarSlider.hoverBackground#133a1c88
- selection.background#133a1c80
- sideBar.background#141914
- sideBar.dropBackground#4949494D
- sideBar.foreground#66cf7d99
- sideBarSectionHeader.background#121412
- sideBarSectionHeader.foreground#ffffff
- statusBar.background#141914
- statusBar.debuggingBackground#FAB38E
- statusBar.debuggingForeground#06060C
- statusBar.foreground#66cf7d80
- statusBar.noFolderBackground#141914
- statusBarItem.hoverBackground#0d2713
- statusBarItem.prominentBackground#0d2713
- statusBarItem.prominentHoverBackground#133a1c
- tab.activeBackground#29462eee
- tab.activeBorder#8fe701
- tab.border#121412
- tab.inactiveBackground#141914
- 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#85caa0
- terminal.foreground#66cf7d
- terminal.selectionBackground#133a1c4D
- terminalCursor.background#66cf7d
- terminalCursor.foreground#133a1c99
- textLink.activeForeground#9de045
- textLink.foreground#8fe701
- titleBar.activeBackground#141914
- titleBar.inactiveBackground#141914
- walkThrough.embeddedEditorBackground#133a1c
- widget.shadow#121412
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #706455 | italic |
| string.quoted, string.template, punctuation.definition.string | #89cea4dd | — |
| variable | #ffffffcc | — |
| variable.language | #d1d1b9ff | — |
| variable.parameter | — | italic |
| storage.type, storage.modifier | #fffd93e8 | — |
| constant | #a8df6688 | — |
| string.regexp | #a8df6688 | — |
| constant.numeric | #a8df66dd | — |
| constant.language | #a8df6688 | — |
| constant.character.escape | #36af50e6 | — |
| entity.name | #36af50e6 | — |
| entity.name.tag | #8fe701 | — |
| punctuation.definition.tag | #4b7a00 | — |
| entity.other.attribute-name | #36af50e6 | — |
| entity.name.type | #36af50e6 | — |
| entity.other.inherited-class | #85cabee6 | — |
| entity.name.function, variable.function | #36af50e6 | — |
| keyword | #8fe701 | — |
| keyword.control | #8fe701 | — |
| keyword.operator | #cdcdcdcc | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #8fe701 | — |
| keyword.other.unit | #a8df66aa | — |
| support | #36af50e6 | — |
| support.function | #36af50e6 | — |
| support.variable | #36af50e6 | — |
| meta.object-literal.key, support.type.property-name | #36af50e6 | — |
| punctuation.separator.key-value | #46ac5c | — |
| punctuation.section.embedded | #8fe701 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #8fe701 | — |
| support.type.property-name.css | #85caa0 | — |
| constant.other.color | #a8df66dd | — |
| support.constant.font-name | #a8df66dd | — |
| entity.other.attribute-name.id | #36af50e6 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #36af50e6 | — |
| support.function.misc.css | #36af50e6 | — |
| markup.heading, entity.name.section | #36af50e6 | — |
| markup.quote | #46ac5cCC | italic |
| beginning.punctuation.definition.list | #36af50e6 | — |
| markup.underline.link | #85caa0E6 | — |
| string.other.link.description | #a8df6688 | — |
| meta.function-call.generic.python | #36af50e6 | — |
| storage.type.cs | #36af50e6 | — |
| entity.name.variable.local.cs | #36af50e6 | — |
| entity.name.variable.field.cs, entity.name.variable.property.cs | #36af50e6 | — |
| source.cpp keyword.operator | #8fe701 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...