Ice Ice OLED

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#000000
• activityBar.foreground#157aad
• activityBar.inactiveForeground#435662
• activityBarBadge.background#157aad
• activityBarBadge.foreground#ffffff
• badge.background#4a7a88
• badge.foreground#e8f0f5
• button.background#0170ab
• button.foreground#ffffff
• button.hoverBackground#1893d6
• diffEditor.diagonalFill#112734
• diffEditor.insertedLineBackground#026f7332
• diffEditor.insertedTextBackground#04e1c332
• diffEditor.removedLineBackground#f604b127
• diffEditor.removedTextBackground#f6047122
• diffEditorGutter.insertedLineBackground#005e5053
• diffEditorGutter.removedLineBackground#8e015a60
• dropdown.background#081925
• dropdown.border#112a36
• editor.background#000000
• editor.findMatchBackground#00a2cf
• editor.findMatchHighlightBackground#004f6fc6
• editor.foreground#b5d0df
• editor.inactiveSelectionBackground#314a5a89
• editor.lineHighlightBackground#070e12
• editor.selectionBackground#1a2530
• editor.wordHighlightBackground#2a46729d
• editorBracketHighlight.foreground1#ffffff
• editorBracketHighlight.foreground2#77def3
• editorBracketHighlight.foreground3#179ab4
• editorBracketHighlight.unexpectedBracket.foreground#ea5353
• editorBracketMatch.background#46caa539
• editorBracketMatch.border#00000000
• editorCursor.foreground#ffffff
• editorError.background#d2030361
• editorGroup.border#112a36
• editorGroup.dropBackground#3d94ec28
• editorGroupHeader.tabsBackground#000000
• editorGroupHeader.tabsBorder#112a36
• editorGutter.addedBackground#1bc74c
• editorGutter.modifiedBackground#0c9bdd
• editorIndentGuide.activeBackground1#1e2a32
• editorIndentGuide.background1#141e24
• editorLineNumber.activeForeground#5b819b
• editorLineNumber.foreground#304553
• editorOverviewRuler.findMatchForeground#004f6fc6
• editorRuler.foreground#14242c
• editorSuggestWidget.background#050a0d
• editorSuggestWidget.selectedBackground#1a3038
• editorWhitespace.foreground#090e13
• editorWidget.background#050a0d
• editorWidget.border#112a36
• errorLens.errorBackground#dd000b39
• gitDecoration.conflictingResourceForeground#fc5252
• gitDecoration.deletedResourceForeground#7e3636
• gitDecoration.ignoredResourceForeground#535f67
• gitDecoration.modifiedResourceForeground#6abef6
• gitDecoration.untrackedResourceForeground#43b35d
• input.background#050a0d
• input.border#112a36
• input.foreground#b0c4d0
• inputOption.activeBorder#5fb3b3
• list.activeSelectionBackground#1a3038
• list.activeSelectionForeground#d0e0e8
• list.focusBackground#1a3038
• list.hoverBackground#0a1218
• list.inactiveSelectionBackground#0f1a20
• minimapSlider.activeBackground#4289b97f
• minimapSlider.background#2f54686f
• minimapSlider.hoverBackground#537aa28e
• panel.background#000000
• panel.border#112a36
• panelSectionHeader.background#05222c
• panelTitle.activeForeground#b0c4d0
• panelTitle.inactiveForeground#5a6a75
• peekView.border#2c94d1
• peekViewEditor.background#080f14
• peekViewResult.background#000000
• progressBar.background#5fb3b3
• scrollbarSlider.activeBackground#4289b97f
• scrollbarSlider.background#2f54686f
• scrollbarSlider.hoverBackground#537aa28e
• sideBar.background#000000
• sideBar.border#112a36
• sideBar.foreground#b6c5d1
• sideBarSectionHeader.background#05222c
• sideBarSectionHeader.foreground#f6f7f8
• statusBar.background#000000
• statusBar.debuggingBackground#1a2a30
• statusBar.foreground#708090
• statusBar.noFolderBackground#000000
• tab.activeBackground#112a36
• tab.activeForeground#c8d8e4
• tab.border#112a36
• tab.inactiveBackground#000000
• tab.inactiveForeground#485b66
• terminal.ansiBlack#000000
• terminal.ansiBlue#588db6
• terminal.ansiCyan#56c5c5
• terminal.ansiGreen#3b9267
• terminal.ansiMagenta#8f5c9b
• terminal.ansiRed#b25757
• terminal.ansiWhite#b0c4d0
• terminal.ansiYellow#e6df7e
• terminal.background#000000
• terminal.foreground#b0c4d0
• terminalOverviewRuler.border#000000
• titleBar.activeBackground#000000
• titleBar.activeForeground#b0c4d0
• titleBar.inactiveBackground#000000
• titleBar.inactiveForeground#4a5a65

tokenColors

TextMate scopes and font styles (syntax highlighting rules).