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.activeBackground#24251F
- activityBar.activeBorder#8BAE9A
- activityBar.background#141511
- activityBar.border#34352E
- activityBar.foreground#8BAE9A
- activityBar.inactiveForeground#857D6E
- activityBarBadge.background#6B8E7A
- activityBarBadge.foreground#F9F7F1
- badge.background#6B8E7A
- badge.foreground#F9F7F1
- breadcrumb.activeSelectionForeground#8BAE9A
- breadcrumb.background#1A1C1A
- breadcrumb.focusForeground#F9F7F1
- breadcrumb.foreground#857D6E
- breadcrumbPicker.background#24251F
- button.background#6B8E7A
- button.foreground#F9F7F1
- button.hoverBackground#8BAE9A
- button.secondaryBackground#24251F
- button.secondaryForeground#8BAE9A
- button.secondaryHoverBackground#34352E
- charts.blue#5E8A8C
- charts.foreground#F9F7F1
- charts.green#2E9E5A
- charts.lines#34352E
- charts.orange#E8A83A
- charts.purple#7B5EA3
- charts.red#C44536
- charts.yellow#D4850A
- commandCenter.activeBackground#6B8E7A24
- commandCenter.activeBorder#8BAE9A
- commandCenter.activeForeground#8BAE9A
- commandCenter.background#24251F
- commandCenter.border#454639
- commandCenter.foreground#A69E8F
- debugConsole.errorForeground#C44536
- debugConsole.infoForeground#5E8A8C
- debugConsole.sourceForeground#F9F7F1
- debugConsole.warningForeground#D4850A
- debugConsoleInputIcon.foreground#2E9E5A
- debugIcon.breakpointDisabledForeground#655E51
- debugIcon.breakpointForeground#C44536
- debugIcon.breakpointUnverifiedForeground#D4850A
- debugIcon.continueForeground#2E9E5A
- debugIcon.disconnectForeground#C44536
- debugIcon.pauseForeground#D4850A
- debugIcon.restartForeground#5E8A8C
- debugIcon.stepBackForeground#A69E8F
- debugIcon.stepIntoForeground#8BAE9A
- debugIcon.stepOutForeground#8BAE9A
- debugIcon.stepOverForeground#8BAE9A
- debugIcon.stopForeground#C44536
- debugToolBar.background#24251F
- debugToolBar.border#454639
- descriptionForeground#857D6E
- diffEditor.insertedLineBackground#2E9E5A10
- diffEditor.insertedTextBackground#2E9E5A14
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#C4453610
- diffEditor.removedTextBackground#C4453614
- diffEditor.removedTextBorder#00000000
- diffEditorGutter.insertedLineBackground#2E9E5A20
- diffEditorGutter.removedLineBackground#C4453620
- diffEditorOverview.insertedForeground#2E9E5A
- diffEditorOverview.removedForeground#C44536
- disabledForeground#655E51
- dropdown.background#24251F
- dropdown.border#454639
- dropdown.foreground#F9F7F1
- dropdown.listBackground#24251F
- editor.background#1A1C1A
- editor.findMatchBackground#D4850A30
- editor.findMatchBorder#D4850A
- editor.findMatchHighlightBackground#D4850A20
- editor.findMatchHighlightBorder#D4850A40
- editor.focusedStackFrameHighlightBackground#6B8E7A18
- editor.foreground#F9F7F1
- editor.hoverHighlightBackground#6B8E7A18
- editor.inactiveSelectionBackground#6B8E7A18
- editor.lineHighlightBackground#24251F00
- editor.lineHighlightBorder#34352E60
- editor.rangeHighlightBackground#6B8E7A10
- editor.selectionBackground#6B8E7A30
- editor.selectionHighlightBackground#6B8E7A20
- editor.selectionHighlightBorder#6B8E7A40
- editor.stackFrameHighlightBackground#D4850A14
- editor.wordHighlightBackground#7B5EA320
- editor.wordHighlightBorder#7B5EA340
- editor.wordHighlightStrongBackground#6B8E7A20
- editor.wordHighlightStrongBorder#6B8E7A40
- editorBracketHighlight.foreground1#8BAE9A
- editorBracketHighlight.foreground2#7B5EA3
- editorBracketHighlight.foreground3#D4850A
- editorBracketHighlight.foreground4#5E8A8C
- editorBracketHighlight.foreground5#C44536
- editorBracketHighlight.foreground6#A69E8F
- editorBracketHighlight.unexpectedBracket.foreground#C44536
- editorBracketMatch.background#6B8E7A20
- editorBracketMatch.border#6B8E7A60
- editorCursor.background#1A1C1A
- editorCursor.foreground#8BAE9A
- editorError.border#C4453640
- editorError.foreground#C44536
- editorGroupHeader.border#34352E
- editorGroupHeader.noTabsBackground#141511
- editorGroupHeader.tabsBackground#141511
- editorGutter.addedBackground#2E9E5A70
- editorGutter.background#1A1C1A
- editorGutter.commentRangeForeground#655E51
- editorGutter.deletedBackground#C4453670
- editorGutter.modifiedBackground#D4850A70
- editorHint.foreground#8BAE9A70
- editorHoverWidget.background#24251F
- editorHoverWidget.border#454639
- editorHoverWidget.foreground#F9F7F1
- editorIndentGuide.activeBackground#454639
- editorIndentGuide.background#24251F
- editorInfo.border#5E8A8C40
- editorInfo.foreground#5E8A8C
- editorInlayHint.background#24251F
- editorInlayHint.foreground#857D6E
- editorInlayHint.parameterForeground#857D6E
- editorInlayHint.typeForeground#A69E8F
- editorLineNumber.activeForeground#8BAE9A
- editorLineNumber.foreground#655E51
- editorOverviewRuler.addedForeground#2E9E5A80
- editorOverviewRuler.border#34352E
- editorOverviewRuler.deletedForeground#C4453680
- editorOverviewRuler.errorForeground#C44536
- editorOverviewRuler.findMatchForeground#D4850A80
- editorOverviewRuler.infoForeground#5E8A8C
- editorOverviewRuler.modifiedForeground#D4850A80
- editorOverviewRuler.rangeHighlightForeground#6B8E7A50
- editorOverviewRuler.selectionHighlightForeground#6B8E7A40
- editorOverviewRuler.warningForeground#D4850A
- editorOverviewRuler.wordHighlightForeground#7B5EA370
- editorOverviewRuler.wordHighlightStrongForeground#6B8E7A70
- editorRuler.foreground#34352E
- editorSuggestWidget.background#24251F
- editorSuggestWidget.border#454639
- editorSuggestWidget.foreground#F9F7F1
- editorSuggestWidget.highlightForeground#8BAE9A
- editorSuggestWidget.selectedBackground#6B8E7A24
- editorSuggestWidget.selectedForeground#8BAE9A
- editorWarning.border#D4850A40
- editorWarning.foreground#D4850A
- editorWhitespace.foreground#34352E
- editorWidget.background#24251F
- editorWidget.border#454639
- editorWidget.foreground#F9F7F1
- editorWidget.resizeBorder#8BAE9A
- errorForeground#C44536
- extensionButton.prominentBackground#6B8E7A
- extensionButton.prominentForeground#F9F7F1
- extensionButton.prominentHoverBackground#8BAE9A
- extensionIcon.preReleaseForeground#7B5EA3
- extensionIcon.starForeground#D4850A
- extensionIcon.verifiedForeground#2E9E5A
- focusBorder#8BAE9A60
- foreground#F9F7F1
- gitDecoration.addedResourceForeground#2E9E5A
- gitDecoration.conflictingResourceForeground#7B5EA3
- gitDecoration.deletedResourceForeground#C44536
- gitDecoration.ignoredResourceForeground#655E51
- gitDecoration.modifiedResourceForeground#D4850A
- gitDecoration.stageDeletedResourceForeground#E0635A
- gitDecoration.stageModifiedResourceForeground#E8A83A
- gitDecoration.submoduleResourceForeground#A69E8F
- gitDecoration.untrackedResourceForeground#5E8A8C
- icon.foreground#A69E8F
- input.background#24251F
- input.border#454639
- input.foreground#F9F7F1
- input.placeholderForeground#857D6E
- inputOption.activeBackground#6B8E7A20
- inputOption.activeBorder#8BAE9A
- inputOption.activeForeground#8BAE9A
- inputValidation.errorBackground#C4453624
- inputValidation.errorBorder#C44536
- inputValidation.errorForeground#E0635A
- inputValidation.infoBackground#5E8A8C24
- inputValidation.infoBorder#5E8A8C
- inputValidation.warningBackground#D4850A24
- inputValidation.warningBorder#D4850A
- keybindingLabel.background#24251F
- keybindingLabel.border#454639
- keybindingLabel.bottomBorder#34352E
- keybindingLabel.foreground#8BAE9A
- list.activeSelectionBackground#6B8E7A24
- list.activeSelectionForeground#8BAE9A
- list.errorForeground#C44536
- list.focusBackground#6B8E7A24
- list.focusForeground#8BAE9A
- list.highlightForeground#8BAE9A
- list.hoverBackground#24251F
- list.hoverForeground#F9F7F1
- list.inactiveSelectionBackground#24251F
- list.inactiveSelectionForeground#F0EDE5
- list.warningForeground#D4850A
- listFilterWidget.background#24251F
- listFilterWidget.noMatchesOutline#C4453660
- listFilterWidget.outline#6B8E7A60
- menu.background#24251F
- menu.border#454639
- menu.foreground#F9F7F1
- menu.selectionBackground#6B8E7A24
- menu.selectionBorder#6B8E7A40
- menu.selectionForeground#8BAE9A
- menu.separatorBackground#34352E
- menubar.selectionBackground#6B8E7A24
- menubar.selectionBorder#6B8E7A40
- menubar.selectionForeground#8BAE9A
- minimap.background#1A1C1A
- minimap.errorHighlight#C44536
- minimap.findMatchHighlight#D4850A80
- minimap.selectionHighlight#6B8E7A40
- minimap.warningHighlight#D4850A
- minimapGutter.addedBackground#2E9E5A
- minimapGutter.deletedBackground#C44536
- minimapGutter.modifiedBackground#D4850A
- minimapSlider.activeBackground#6B8E7A40
- minimapSlider.background#6B8E7A18
- minimapSlider.hoverBackground#6B8E7A28
- notificationCenter.border#454639
- notificationCenterHeader.background#141511
- notificationCenterHeader.foreground#8BAE9A
- notifications.background#24251F
- notifications.border#454639
- notifications.foreground#F9F7F1
- notificationsErrorIcon.foreground#C44536
- notificationsInfoIcon.foreground#5E8A8C
- notificationsWarningIcon.foreground#D4850A
- notificationToast.border#6B8E7A40
- panel.background#141511
- panel.border#34352E
- panel.dropBorder#8BAE9A
- panelInput.border#454639
- panelSection.border#34352E
- panelTitle.activeBorder#8BAE9A
- panelTitle.activeForeground#8BAE9A
- panelTitle.inactiveForeground#857D6E
- peekView.border#6B8E7A60
- peekViewEditor.background#141511
- peekViewEditor.matchHighlightBackground#6B8E7A30
- peekViewEditor.matchHighlightBorder#6B8E7A
- peekViewEditorGutter.background#141511
- peekViewResult.background#24251F
- peekViewResult.fileForeground#C9C2B5
- peekViewResult.lineForeground#857D6E
- peekViewResult.matchHighlightBackground#6B8E7A24
- peekViewResult.selectionBackground#6B8E7A30
- peekViewResult.selectionForeground#8BAE9A
- peekViewTitle.background#141511
- peekViewTitleDescription.foreground#857D6E
- peekViewTitleLabel.foreground#8BAE9A
- pickerGroup.border#454639
- pickerGroup.foreground#8BAE9A90
- problemsErrorIcon.foreground#C44536
- problemsInfoIcon.foreground#5E8A8C
- problemsWarningIcon.foreground#D4850A
- progressBar.background#8BAE9A
- quickInput.background#24251F
- quickInput.foreground#F9F7F1
- quickInputList.focusBackground#6B8E7A24
- quickInputList.focusForeground#8BAE9A
- quickInputList.focusIconForeground#8BAE9A
- quickInputTitle.background#141511
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#6B8E7A50
- scrollbarSlider.background#6B8E7A18
- scrollbarSlider.hoverBackground#6B8E7A30
- selection.background#6B8E7A30
- settings.checkboxBackground#24251F
- settings.checkboxBorder#454639
- settings.checkboxForeground#8BAE9A
- settings.dropdownBackground#24251F
- settings.dropdownBorder#454639
- settings.dropdownForeground#F9F7F1
- settings.headerForeground#8BAE9A
- settings.modifiedItemIndicator#D4850A
- settings.numberInputBackground#24251F
- settings.numberInputBorder#454639
- settings.numberInputForeground#F9F7F1
- settings.textInputBackground#24251F
- settings.textInputBorder#454639
- settings.textInputForeground#F9F7F1
- sideBar.background#141511
- sideBar.border#34352E
- sideBar.foreground#C9C2B5
- sideBarSectionHeader.background#1A1C1A
- sideBarSectionHeader.border#34352E
- sideBarSectionHeader.foreground#A69E8F
- sideBarTitle.foreground#8BAE9A
- statusBar.background#141511
- statusBar.border#34352E
- statusBar.debuggingBackground#D4850A
- statusBar.debuggingForeground#1A1C1A
- statusBar.foreground#A69E8F
- statusBar.noFolderBackground#141511
- statusBar.noFolderForeground#857D6E
- statusBarItem.activeBackground#6B8E7A30
- statusBarItem.errorBackground#C4453680
- statusBarItem.errorForeground#F9F7F1
- statusBarItem.hoverBackground#6B8E7A20
- statusBarItem.prominentBackground#6B8E7A30
- statusBarItem.prominentHoverBackground#6B8E7A40
- statusBarItem.remoteBackground#6B8E7A
- statusBarItem.remoteForeground#F9F7F1
- statusBarItem.warningBackground#D4850A80
- statusBarItem.warningForeground#1A1C1A
- tab.activeBackground#1A1C1A
- tab.activeBorder#1A1C1A
- tab.activeBorderTop#8BAE9A
- tab.activeForeground#8BAE9A
- tab.border#34352E
- tab.hoverBackground#24251F
- tab.hoverForeground#F9F7F1
- tab.inactiveBackground#141511
- tab.inactiveForeground#857D6E
- tab.lastPinnedBorder#6B8E7A40
- tab.unfocusedActiveBackground#1A1C1A
- tab.unfocusedActiveForeground#A69E8F
- tab.unfocusedInactiveBackground#141511
- tab.unfocusedInactiveForeground#655E51
- terminal.ansiBlack#1A1C1A
- terminal.ansiBlue#5E8A8C
- terminal.ansiBrightBlack#655E51
- terminal.ansiBrightBlue#8AAEB0
- terminal.ansiBrightCyan#A2BFAB
- terminal.ansiBrightGreen#8BAE9A
- terminal.ansiBrightMagenta#9B7EC3
- terminal.ansiBrightRed#E0635A
- terminal.ansiBrightWhite#F9F7F1
- terminal.ansiBrightYellow#E8A83A
- terminal.ansiCyan#6B8E7A
- terminal.ansiGreen#2E9E5A
- terminal.ansiMagenta#7B5EA3
- terminal.ansiRed#C44536
- terminal.ansiWhite#C9C2B5
- terminal.ansiYellow#D4850A
- terminal.background#141511
- terminal.border#34352E
- terminal.foreground#F9F7F1
- terminal.selectionBackground#6B8E7A30
- terminalCursor.background#1A1C1A
- terminalCursor.foreground#8BAE9A
- testing.iconErrored#C44536
- testing.iconFailed#C44536
- testing.iconPassed#2E9E5A
- testing.iconSkipped#655E51
- testing.runAction#8BAE9A
- titleBar.activeBackground#141511
- titleBar.activeForeground#F0EDE5
- titleBar.border#34352E
- titleBar.inactiveBackground#141511
- titleBar.inactiveForeground#857D6E
- tree.indentGuidesStroke#454639
- walkThrough.embeddedEditorBackground#24251F
- welcomePage.background#1A1C1A
- welcomePage.progress.background#141511
- welcomePage.progress.foreground#8BAE9A
- welcomePage.tileBackground#24251F
- welcomePage.tileBorder#454639
- welcomePage.tileHoverBackground#34352E
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #655E51 | italic |
| comment.block.documentation, comment.line.documentation | #857D6E | italic |
| string, string.quoted, string.template | #8BAE9A | — |
| constant.character.escape, constant.other.placeholder | #D4850A | — |
| string.regexp, punctuation.definition.string.regexp, string.regexp.character-class | #7B5EA3 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #D4850A | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #D4850A | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #C44536 | — |
| constant.other, constant.character | #C44536 | — |
| variable.other.constant | #C44536 | — |
| keyword, keyword.control, keyword.control.flow | #7B5EA3 | italic |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic | #A69E8F | — |
| keyword.operator.logical.python, keyword.operator.wordlike | #7B5EA3 | italic |
| keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof | #7B5EA3 | italic |
| storage, storage.type, storage.modifier | #7B5EA3 | italic |
| entity.name.function, meta.function entity.name.function | #5E8A8C | — |
| meta.function-call entity.name.function, meta.function-call.generic, support.function | #5E8A8C | — |
| variable.parameter, meta.function.parameters variable.other | #C9C2B5 | italic |
| storage.type.function.arrow | #A69E8F | — |
| entity.name.class, entity.name.type.class, entity.name.type | #A2BFAB | — |
| entity.other.inherited-class | #8BAE9A | italic |
| entity.name.type.interface, support.type.interface | #A2BFAB | italic |
| entity.name.type.parameter, variable.type.parameter | #D4850A | — |
| support.type, support.type.primitive, keyword.type | #A2BFAB | — |
| variable, variable.other, variable.other.readwrite | #F0EDE5 | — |
| variable.language.self, variable.language.this, variable.language.super | #C44536 | italic |
| variable.other.property, variable.other.object.property, meta.property-name, support.variable.property | #C9C2B5 | — |
| meta.object-literal.key, meta.object.member, support.type.property-name | #A69E8F | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #857D6E | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #6B8E7A | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #D4850A | italic |
| entity.name.namespace, entity.name.module, entity.name.package | #A2BFAB | — |
| entity.name.tag, meta.tag.sgml | #7B5EA3 | — |
| punctuation.definition.tag, meta.tag punctuation | #655E51 | — |
| entity.other.attribute-name, meta.tag.attributes entity.other.attribute-name | #D4850A | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #D4850A | — |
| support.type.property-name.css, meta.property-name.css | #5E8A8C | — |
| meta.property-value.css, support.constant.property-value.css | #8BAE9A | — |
| constant.other.color.rgb-value.css, keyword.other.unit.css | #D4850A | — |
| markup.heading, entity.name.section.markdown | #8BAE9A | bold |
| markup.bold | #F9F7F1 | bold |
| markup.italic | #7B5EA3 | italic |
| markup.inline.raw | #A2BFAB | — |
| markup.underline.link | #5E8A8C | underline |
| markup.quote | #857D6E | italic |
| punctuation.definition.list.begin.markdown | #8BAE9A | — |
| support.type.property-name.json | #5E8A8C | — |
| entity.name.tag.yaml | #5E8A8C | — |
| support.function.builtin.shell | #5E8A8C | — |
| variable.other.normal.shell, variable.other.special.shell | #D4850A | — |
| invalid | #C44536 | strikethrough |
| invalid.deprecated | #D4850A | strikethrough |
| markup.inserted | #2E9E5A | — |
| markup.deleted | #C44536 | — |
| markup.changed | #D4850A | — |