CITS Themes
Publisher: Axel OllivierThemes in package: 18
A curated collection of VS Code color themes inspired by cinema, anime, and cult films — Ghost in the Shell, Princess Mononoke, Blade Runner, Spirited Away, Studio Ghibli, Star Wars.
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.activeBorder#ffd700
- activityBar.background#ff1493
- activityBar.border#e0107e
- activityBar.foreground#fff0f8
- activityBar.inactiveForeground#ffaad8
- activityBarBadge.background#ffd700
- activityBarBadge.foreground#8b0051
- badge.background#ffd700
- badge.foreground#8b0051
- breadcrumb.activeSelectionForeground#ff1493
- breadcrumb.background#fff5fb
- breadcrumb.focusForeground#cc0066
- breadcrumb.foreground#dd88bb
- button.background#ff1493
- button.foreground#fff0f8
- button.hoverBackground#ff40a8
- button.secondaryBackground#ffc0e0
- button.secondaryForeground#8b0051
- descriptionForeground#d4609a
- diffEditor.insertedLineBackground#ff14930e
- diffEditor.insertedTextBackground#ff149318
- diffEditor.removedLineBackground#cc00440e
- diffEditor.removedTextBackground#cc004418
- disabledForeground#ffb6d9
- editor.background#fff5fb
- editor.findMatchBackground#ffd70060
- editor.findMatchBorder#ffd700
- editor.findMatchHighlightBackground#ffd70030
- editor.foreground#8b0051
- editor.inactiveSelectionBackground#ff69b420
- editor.lineHighlightBackground#ffd6ee50
- editor.lineHighlightBorder#ffb6d940
- editor.selectionBackground#ff69b438
- editor.selectionHighlightBackground#ff69b428
- editor.wordHighlightBackground#da70d628
- editor.wordHighlightStrongBackground#ff149328
- editorBracketHighlight.foreground1#ff1493
- editorBracketHighlight.foreground2#ffd700
- editorBracketHighlight.foreground3#da70d6
- editorBracketHighlight.foreground4#ff69b4
- editorBracketHighlight.foreground5#9370db
- editorBracketHighlight.foreground6#ff6eb4
- editorBracketMatch.background#ffd70030
- editorBracketMatch.border#ffd700
- editorCursor.background#fff5fb
- editorCursor.foreground#ff1493
- editorError.foreground#cc0044
- editorGroupHeader.tabsBackground#ffc8e8
- editorGutter.addedBackground#ff1493aa
- editorGutter.background#fff5fb
- editorGutter.deletedBackground#cc0044aa
- editorGutter.modifiedBackground#ffd700aa
- editorHoverWidget.background#ffe4f4
- editorHoverWidget.border#ff69b4
- editorIndentGuide.activeBackground#ffaacc
- editorIndentGuide.background#ffddee
- editorInfo.foreground#9370db
- editorLineNumber.activeForeground#ff1493
- editorLineNumber.foreground#ffaacc
- editorOverviewRuler.addedForeground#ff1493
- editorOverviewRuler.border#ffddee
- editorOverviewRuler.deletedForeground#cc0044
- editorOverviewRuler.errorForeground#cc0044
- editorOverviewRuler.findMatchForeground#ffd700
- editorOverviewRuler.modifiedForeground#ffd700
- editorOverviewRuler.warningForeground#cc8800
- editorRuler.foreground#ffddee
- editorSuggestWidget.background#ffe4f4
- editorSuggestWidget.border#ff69b4
- editorSuggestWidget.foreground#8b0051
- editorSuggestWidget.highlightForeground#ff1493
- editorSuggestWidget.selectedBackground#ffc0e0
- editorSuggestWidget.selectedForeground#8b0051
- editorWarning.foreground#cc8800
- editorWhitespace.foreground#ffccee
- editorWidget.background#ffe4f4
- editorWidget.border#ff69b4
- editorWidget.foreground#8b0051
- errorForeground#cc0044
- focusBorder#ff1493cc
- foreground#8b0051
- gitDecoration.addedResourceForeground#ff1493
- gitDecoration.conflictingResourceForeground#ffd700
- gitDecoration.deletedResourceForeground#cc0044
- gitDecoration.ignoredResourceForeground#ffaacc
- gitDecoration.modifiedResourceForeground#cc8800
- gitDecoration.untrackedResourceForeground#9370db
- icon.foreground#ff1493
- input.background#fff0f8
- input.border#ff69b4
- input.foreground#8b0051
- input.placeholderForeground#ffaacc
- inputOption.activeBackground#ff149328
- inputOption.activeBorder#ff1493
- keybindingLabel.background#ffc0e0
- keybindingLabel.border#ff69b4
- keybindingLabel.bottomBorder#ff1493
- keybindingLabel.foreground#8b0051
- list.activeSelectionBackground#ff69b450
- list.activeSelectionForeground#8b0051
- list.errorForeground#cc0044
- list.focusForeground#8b0051
- list.highlightForeground#ff1493
- list.hoverBackground#ffe0f0
- list.hoverForeground#cc0066
- list.inactiveSelectionBackground#ffd6ee
- list.inactiveSelectionForeground#aa0066
- list.warningForeground#cc8800
- menu.background#ffe4f4
- menu.border#ff69b4
- menu.foreground#8b0051
- menu.selectionBackground#ffc0e0
- menu.selectionForeground#8b0051
- menu.separatorBackground#ffb6d9
- minimap.background#ffd6ee
- minimap.findMatchHighlight#ffd700
- minimap.selectionHighlight#ff69b450
- minimapSlider.activeBackground#ff69b458
- minimapSlider.background#ff69b420
- minimapSlider.hoverBackground#ff69b438
- notificationCenterHeader.background#ffc8e8
- notificationCenterHeader.foreground#cc0066
- notifications.background#ffe4f4
- notifications.border#ff69b4
- panel.background#ffe4f4
- panel.border#ffb6d9
- panelTitle.activeBorder#ff1493
- panelTitle.activeForeground#ff1493
- panelTitle.inactiveForeground#dd88bb
- pickerGroup.border#ff69b4
- pickerGroup.foreground#ff1493aa
- progressBar.background#ff1493
- quickInput.background#ffe4f4
- quickInput.foreground#8b0051
- quickInputList.focusBackground#ffc0e0
- quickInputList.focusForeground#8b0051
- scrollbarSlider.activeBackground#ff69b455
- scrollbarSlider.background#ff69b420
- scrollbarSlider.hoverBackground#ff69b438
- selection.background#ff69b440
- settings.headerForeground#ff1493
- settings.modifiedItemIndicator#ffd700
- sideBar.background#ffe4f4
- sideBar.border#ffb6d9
- sideBar.foreground#8b0051
- sideBarSectionHeader.background#ffd6ee
- sideBarSectionHeader.border#ffb6d9
- sideBarSectionHeader.foreground#cc0066
- sideBarTitle.foreground#ff1493
- statusBar.background#ff1493
- statusBar.border#e0107e
- statusBar.debuggingBackground#ffd700
- statusBar.debuggingForeground#8b0051
- statusBar.foreground#fff0f8
- statusBarItem.activeBackground#ffffff40
- statusBarItem.hoverBackground#ffffff30
- statusBarItem.remoteBackground#ffd700
- statusBarItem.remoteForeground#8b0051
- tab.activeBackground#fff5fb
- tab.activeBorder#fff5fb
- tab.activeBorderTop#ff1493
- tab.activeForeground#cc0066
- tab.border#ffb6d9
- tab.hoverBackground#ffd6ee
- tab.inactiveBackground#ffc8e8
- tab.inactiveForeground#dd88bb
- terminal.ansiBlack#8b0051
- terminal.ansiBlue#9370db
- terminal.ansiBrightBlack#aa4488
- terminal.ansiBrightBlue#b090ee
- terminal.ansiBrightCyan#ee90ee
- terminal.ansiBrightGreen#cc66cc
- terminal.ansiBrightMagenta#ff69b4
- terminal.ansiBrightRed#ff1a6a
- terminal.ansiBrightWhite#fff0f8
- terminal.ansiBrightYellow#ffd700
- terminal.ansiCyan#da70d6
- terminal.ansiGreen#aa44aa
- terminal.ansiMagenta#ff1493
- terminal.ansiRed#cc0044
- terminal.ansiWhite#8b0051
- terminal.ansiYellow#cc8800
- terminal.background#ffe4f4
- terminal.foreground#8b0051
- terminal.selectionBackground#ff69b430
- terminalCursor.foreground#ff1493
- titleBar.activeBackground#ffd6ee
- titleBar.activeForeground#8b0051
- titleBar.border#ffb6d9
- titleBar.inactiveBackground#ffd6ee
- titleBar.inactiveForeground#dd88bb
- widget.shadow#ff69b430
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #ffaacc | italic |
| string, string.quoted, string.template | #cc0066 | — |
| constant.character.escape, constant.other.placeholder | #ffd700 | — |
| string.regexp | #da70d6 | — |
| constant.numeric | #cc8800 | — |
| constant.language | #9370db | — |
| keyword, keyword.control | #ff1493 | bold |
| keyword.operator | #da70d6 | — |
| storage, storage.type, storage.modifier | #9370db | bold italic |
| entity.name.function | #aa0088 | — |
| meta.function-call entity.name.function, support.function | #cc22aa | — |
| variable.parameter | #dd66aa | italic |
| entity.name.class, entity.name.type | #9370db | — |
| variable, variable.other | #8b0051 | — |
| variable.language.self, variable.language.this | #ff1493 | bold italic |
| meta.object-literal.key, support.type.property-name | #aa0077 | — |
| entity.name.tag | #ff1493 | bold |
| entity.other.attribute-name | #9370db | — |
| markup.heading | #ff1493 | bold |
| markup.bold | #cc0066 | bold |
| markup.italic | #9370db | italic |
| invalid | #cc0044 | strikethrough |