iTerm Italic Dark

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.activeBorder#3B3BB2
• activityBar.background#000308
• activityBar.border#222222
• activityBar.foreground#bbbbbb
• activityBar.inactiveForeground#555555
• badge.background#3B3BB2
• badge.foreground#ddddff
• diffEditor.insertedTextBackground#55ff5530
• diffEditor.removedTextBackground#ff555530
• dropdown.background#111111
• dropdown.border#222222
• dropdown.foreground#bbbbbb
• editor.background#000000
• editor.findMatchBackground#ffcc0033
• editor.findMatchHighlightBackground#ffcc001f
• editor.foreground#bbbbbb
• editor.lineHighlightBackground#111111
• editor.selectionBackground#3B3BB230
• editor.selectionHighlightBackground#3B3BB220
• editor.wordHighlightBackground#3B3BB222
• editor.wordHighlightStrongBackground#3B3BB233
• editorBracketMatch.background#55ffff1f
• editorBracketMatch.border#55ffff66
• editorCursor.foreground#bbbbbb
• editorGroup.border#222222
• editorGroupHeader.tabsBackground#000308
• editorIndentGuide.activeBackground1#333333
• editorIndentGuide.background1#1a1a1a
• editorLineNumber.activeForeground#bbbbbb
• editorLineNumber.foreground#555555
• editorWhitespace.foreground#2a2a2a
• focusBorder#3B3BB2
• input.background#111111
• input.border#222222
• input.foreground#bbbbbb
• input.placeholderForeground#555555
• list.activeSelectionBackground#1a1a1a
• list.activeSelectionForeground#bbbbbb
• list.hoverBackground#111111
• list.inactiveSelectionBackground#141414
• list.inactiveSelectionForeground#999999
• panel.background#000308
• panel.border#2a2a34
• panel.dropBorder#3B3BB2
• panelSection.border#22222a
• panelSectionHeader.background#101015
• panelSectionHeader.border#22222a
• panelSectionHeader.foreground#9a9aaa
• panelTitle.activeBorder#3B3BB2
• panelTitle.activeForeground#d6d6df
• panelTitle.inactiveForeground#6d6d7a
• scrollbarSlider.background#33333380
• scrollbarSlider.hoverBackground#44444480
• sideBar.background#000308
• sideBar.border#222222
• sideBar.foreground#bbbbbb
• sideBarSectionHeader.background#111111
• sideBarSectionHeader.border#222222
• sideBarSectionHeader.foreground#888888
• sideBarTitle.foreground#bbbbbb
• statusBar.background#000308
• statusBar.border#222222
• statusBar.foreground#888888
• tab.activeBackground#1a1a1a
• tab.activeBorderTop#3B3BB2
• tab.activeForeground#bbbbbb
• tab.border#222222
• tab.inactiveBackground#000308
• tab.inactiveForeground#444444
• terminal.ansiBlack#0a0a0a
• terminal.ansiBlue#3B3BB2
• terminal.ansiBrightBlack#666666
• terminal.ansiBrightBlue#7777ff
• terminal.ansiBrightCyan#77ffff
• terminal.ansiBrightGreen#77ff77
• terminal.ansiBrightMagenta#ff77ff
• terminal.ansiBrightRed#ff7777
• terminal.ansiBrightWhite#eeeeee
• terminal.ansiBrightYellow#ffdd66
• terminal.ansiCyan#55ffff
• terminal.ansiGreen#55ff55
• terminal.ansiMagenta#ff55ff
• terminal.ansiRed#ff5555
• terminal.ansiWhite#bbbbbb
• terminal.ansiYellow#ffcc00
• terminal.background#000000
• terminal.foreground#bbbbbb
• terminalCursor.foreground#bbbbbb
• titleBar.activeBackground#09090d
• titleBar.activeForeground#a5a5b3
• titleBar.border#242430
• titleBar.inactiveBackground#08080b
• titleBar.inactiveForeground#5e5e6b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).