Xcode Dark (WebStorm port)
Publisher: IvanMarchenkoThemes in package: 1
Xcode-Dark color theme ported from the WebStorm/JetBrains 'Xcode-Dark' plugin to VS Code and Cursor.
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#1D7BED
- activityBar.background#2A2B2B
- activityBar.border#414141
- activityBar.foreground#DFDFE0
- activityBar.inactiveForeground#737374
- activityBarBadge.background#1D7BED
- activityBarBadge.foreground#F9FCFF
- badge.background#1D7BED
- badge.foreground#F9FCFF
- breadcrumb.background#292a30
- breadcrumb.focusForeground#DFDFE0
- breadcrumb.foreground#A9A9AA
- button.background#206DE3
- button.foreground#DDE9FA
- button.hoverBackground#1C61CA
- button.secondaryBackground#424242
- button.secondaryForeground#DFDFE0
- button.secondaryHoverBackground#525252
- descriptionForeground#A9A9AA
- diffEditor.insertedTextBackground#3AA87B22
- diffEditor.removedTextBackground#982B3122
- dropdown.background#414141
- dropdown.border#414141
- dropdown.foreground#DFDFE0
- editor.background#292a30
- editor.findMatchBackground#f5bc2d55
- editor.findMatchHighlightBackground#e9b32b33
- editor.foreground#dfdfe0
- editor.inactiveSelectionBackground#555657
- editor.lineHighlightBackground#2f3239
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#1D7BED
- editor.selectionForeground#F9FCFF
- editor.wordHighlightBackground#4d5565
- editor.wordHighlightStrongBackground#3169b066
- editorBracketMatch.background#585859
- editorBracketMatch.border#585859
- editorCursor.foreground#DFDFE0
- editorError.foreground#FC545B
- editorGroup.border#414141
- editorGroupHeader.border#484949
- editorGroupHeader.tabsBackground#2A2B2B
- editorGroupHeader.tabsBorder#484949
- editorGutter.addedBackground#3AA87B
- editorGutter.background#292a30
- editorGutter.deletedBackground#982B31
- editorGutter.modifiedBackground#1E4D86
- editorHoverWidget.background#323333
- editorHoverWidget.border#414141
- editorIndentGuide.activeBackground1#5A5B5C
- editorIndentGuide.background1#3a3b40
- editorInfo.foreground#428EE1
- editorLineNumber.activeForeground#DFDFE0
- editorLineNumber.foreground#5A5B5C
- editorSuggestWidget.background#323333
- editorSuggestWidget.border#414141
- editorSuggestWidget.foreground#DFDFE0
- editorSuggestWidget.highlightForeground#FDA14F
- editorSuggestWidget.selectedBackground#1D7BED
- editorWarning.foreground#e0c24c
- editorWhitespace.foreground#4f535f
- editorWidget.background#323333
- editorWidget.border#414141
- errorForeground#843937
- focusBorder#4C8CB5
- foreground#DFDFE0
- gitDecoration.conflictingResourceForeground#FDA14F
- gitDecoration.deletedResourceForeground#FC545B
- gitDecoration.ignoredResourceForeground#737374
- gitDecoration.modifiedResourceForeground#e0c24c
- gitDecoration.submoduleResourceForeground#A453A5
- gitDecoration.untrackedResourceForeground#71bf47
- icon.foreground#DFDFE0
- input.background#414141
- input.border#414141
- input.foreground#DFDFE0
- input.placeholderForeground#737374
- inputOption.activeBackground#1D7BED33
- inputOption.activeBorder#1D7BED
- inputValidation.errorBackground#843937
- inputValidation.errorBorder#982B31
- list.activeSelectionBackground#1D7BED
- list.activeSelectionForeground#F9FCFF
- list.errorForeground#FC545B
- list.focusBackground#2B4059
- list.focusForeground#FFFFFF
- list.highlightForeground#FDA14F
- list.hoverBackground#3D3E3F
- list.hoverForeground#DFDFE0
- list.inactiveSelectionBackground#555657
- list.inactiveSelectionForeground#DFDFE0
- list.warningForeground#e0c24c
- menu.background#323333
- menu.foreground#DFDFE0
- menu.selectionBackground#1D7BED
- menu.selectionForeground#F9FCFF
- menu.separatorBackground#5A5B5C
- menubar.selectionBackground#3D3E3F
- notificationCenterHeader.background#2A2B2B
- notificationLink.foreground#428EE1
- notifications.background#323333
- notifications.border#414141
- notifications.foreground#DFDFE0
- panel.background#292a30
- panel.border#414141
- panelTitle.activeBorder#1D7BED
- panelTitle.activeForeground#DFDFE0
- panelTitle.inactiveForeground#A9A9AA
- peekView.border#1D7BED
- peekViewEditor.background#292a30
- peekViewResult.background#2A2B2B
- peekViewTitle.background#323333
- progressBar.background#CDCCCC
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#5A5B5Cbb
- scrollbarSlider.background#5A5B5C66
- scrollbarSlider.hoverBackground#5A5B5C99
- selection.background#1D7BED
- sideBar.background#2A2B2B
- sideBar.border#414141
- sideBar.foreground#DFDFE0
- sideBarSectionHeader.background#323333
- sideBarSectionHeader.border#414141
- sideBarSectionHeader.foreground#DFDFE0
- sideBarTitle.foreground#DFDFE0
- statusBar.background#2A2B2B
- statusBar.border#414141
- statusBar.debuggingBackground#A98938
- statusBar.debuggingForeground#DFDFE0
- statusBar.foreground#DFDFE0
- statusBar.noFolderBackground#2A2B2B
- statusBarItem.errorBackground#843937
- statusBarItem.hoverBackground#3D3E3F
- statusBarItem.prominentBackground#1D7BED
- statusBarItem.remoteBackground#1D7BED
- statusBarItem.remoteForeground#F9FCFF
- tab.activeBackground#3D3E3F
- tab.activeBorderTop#1D7BED
- tab.activeForeground#F9FCFF
- tab.border#484949
- tab.hoverBackground#262727
- tab.inactiveBackground#2A2B2B
- tab.inactiveForeground#A9A9AA
- tab.unfocusedActiveBorderTop#24648D
- terminal.ansiBlack#323333
- terminal.ansiBlue#3062d1
- terminal.ansiBrightBlack#737374
- terminal.ansiBrightBlue#428EE1
- terminal.ansiBrightCyan#82e6ff
- terminal.ansiBrightGreen#3AA87B
- terminal.ansiBrightMagenta#F5539E
- terminal.ansiBrightRed#FC4741
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#f5bc2d
- terminal.ansiCyan#65dfff
- terminal.ansiGreen#71bf47
- terminal.ansiMagenta#A453A5
- terminal.ansiRed#FC545B
- terminal.ansiWhite#DFDFE0
- terminal.ansiYellow#e0c24c
- terminal.background#292a30
- terminal.foreground#dfdfe0
- textLink.activeForeground#7094FF
- textLink.foreground#428EE1
- titleBar.activeBackground#323333
- titleBar.activeForeground#DFDFE0
- titleBar.border#414141
- titleBar.inactiveBackground#313233
- titleBar.inactiveForeground#737374
- tree.indentGuidesStroke#414141
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7f8c99 | italic |
| string, string.quoted, punctuation.definition.string | #ff806c | — |
| constant.character.escape | #fcfcfc | — |
| invalid.illegal.string | #fd9a86 | — |
| constant.numeric | #d7c781 | — |
| constant.language, constant.other, support.constant | #ffa245 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, storage.type, storage.modifier | #f97bb0 | bold |
| keyword.operator, punctuation.separator, punctuation.terminator | #dfdfe0 | — |
| variable, variable.other, variable.other.readwrite | #fcfcfc | — |
| variable.parameter, variable.language.this | #fcfcfc | — |
| variable.other.property, variable.other.object.property, meta.property-name, support.type.property-name, variable.object.property | #49b0ce | — |
| variable.other.constant, variable.other.enummember | #49b0ce | italic |
| variable.language, variable.other.global, support.variable | #b37eee | — |
| support.constant.builtin, support.variable.dom | #dbb8ff | — |
| entity.name.function, meta.function-call entity.name.function, support.function, variable.function | #75c2b3 | — |
| meta.method.declaration entity.name.function, meta.definition.method entity.name.function, variable.function.member | #75c2b3 | — |
| meta.method.static entity.name.function | #75c2b3 | italic |
| entity.name.class, entity.name.type.class, support.class | #82e6ff | — |
| entity.other.inherited-class, entity.name.type, support.type, storage.type.class | #49b0ce | — |
| entity.name.type.interface, entity.name.interface | #65dfff | — |
| entity.name.namespace, entity.name.module, entity.name.type.module, support.module | #ffbf67 | — |
| meta.decorator, tag.decorator, punctuation.decorator, entity.name.function.decorator | #f19a9a | — |
| storage.type.annotation, meta.annotation, punctuation.definition.annotation | #ff78b2 | — |
| entity.name.label | #75c2b3 | — |
| entity.name.tag, meta.tag, punctuation.definition.tag | #fd7cb2 | — |
| entity.other.attribute-name | #ffa245 | — |
| meta.attribute string, string.quoted.double.html, string.quoted.single.html | #fd8273 | — |
| support.type.property-name.css, meta.property-name.css | #82e6ff | — |
| support.constant.property-value.css, meta.property-value.css | #ff806c | — |
| keyword.other.unit.css, keyword.control.at-rule.css | #ffa245 | bold |
| support.type.property-name.json, string.quoted.double.json support.type.property-name.json | #82e6ff | — |
| markup.heading, entity.name.section.markdown | #f97bb0 | bold |
| markup.bold | #dfdfe0 | bold |
| markup.italic | #dfdfe0 | italic |
| markup.inline.raw, markup.fenced_code | #75c2b3 | — |
| markup.underline.link, string.other.link | #428EE1 | — |
| string.regexp | #ff806c | — |
| invalid, invalid.illegal | #FC545B | bold |
| invalid.deprecated | #8d8e95 | italic |
| variable.language.self, variable.language.this | #b37eee | italic |
| variable.parameter.function.language.special.self.python | #b37eee | italic |