Xcode Dracula Theme
Publisher: birobirobiroThemes in package: 1
Xcode Dracula Theme
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#2a2c2f
- activityBar.border#000000
- activityBar.foreground#dfdfdf
- activityBarBadge.background#FFC799
- activityBarBadge.foreground#000000
- badge.background#FFC799
- badge.foreground#000
- breadcrumb.background#1c1f21
- breadcrumb.focusForeground#dcdddd
- breadcrumb.foreground#dcdddd
- button.background#FFC799
- button.foreground#000
- button.hoverBackground#FFCFA8
- debugIcon.breakpointCurrentStackframeForeground#007aff22
- debugIcon.breakpointForeground#007aff22
- diffEditor.insertedTextBackground#3cff5518
- diffEditor.removedTextBackground#ff504418
- editor.background#1F1F24
- editor.findMatchBackground#F1FA8C
- editor.findMatchHighlightBackground#545558
- editor.foreground#FFFFFF
- editor.hoverHighlightBackground#2c5392
- editor.lineHighlightBackground#292A2F
- editor.selectionBackground#1757BE33
- editor.snippetTabstopHighlightBackground#007aff22
- editor.stackFrameHighlightBackground#007aff22
- editorBracketHighlight.foreground1#8BE9FD
- editorBracketHighlight.foreground2#50FA7B
- editorBracketHighlight.foreground3#FF79C6
- editorBracketHighlight.foreground4#BD93F9
- editorBracketHighlight.foreground5#F1FA8C
- editorBracketHighlight.foreground6#FFB86C
- editorBracketHighlight.unexpectedBracket.foreground#FF5555
- editorCodeLens.foreground#dfdfdf77
- editorCursor.foreground#ffffff
- editorError.foreground#FF5555
- editorGroupHeader.noTabsBackground#383a3d
- editorGroupHeader.tabsBackground#26282b
- editorGutter.addedBackground#50FA7B
- editorGutter.deletedBackground#FF5555
- editorGutter.modifiedBackground#BD93F9
- editorHoverWidget.background#444445
- editorHoverWidget.border#373737
- editorIndentGuide.activeBackground#00000000
- editorIndentGuide.background#00000000
- editorInlayHint.background#1C1C1C
- editorInlayHint.foreground#A0A0A0
- editorLineNumber.activeForeground#FFFFFF
- editorLineNumber.foreground#FFFFFF55
- editorLink.activeForeground#6699ff
- editorOverviewRuler.addedForeground#50FA7B
- editorOverviewRuler.deletedForeground#FF5555
- editorOverviewRuler.errorForeground#FF5555
- editorOverviewRuler.findMatchForeground#F1FA8C
- editorOverviewRuler.modifiedForeground#BD93F9
- editorOverviewRuler.warningForeground#f5c443
- editorWarning.foreground#f5c443
- editorWhitespace.foreground#646E83
- editorWidget.background#303030
- errorForeground#FF5555
- focusBorder#335274
- foreground#F8F8F2
- gitDecoration.conflictingResourceForeground#FF5555
- gitDecoration.ignoredResourceForeground#dfdfdf55
- icon.foreground#dfdfdf
- input.background#1c1f21
- list.activeSelectionBackground#3F4F74
- list.activeSelectionForeground#dfdfdf
- list.errorForeground#FF5555
- list.focusBackground#6272A4
- list.focusForeground#dfdfdf
- list.highlightForeground#f5c443
- list.hoverBackground#00000000
- list.inactiveSelectionBackground#4f5153
- meta.type.annotation#D0A8FF
- minimap.errorHighlight#FF5555
- minimap.findMatchHighlight#F1FA8C
- minimap.selectionHighlight#646f83
- minimap.warningHighlight#f5c443
- minimapGutter.addedBackground#50FA7B
- minimapGutter.deletedBackground#FF5555
- minimapGutter.modifiedBackground#BD93F9
- panel.border#000000
- peekView.border#6272A4
- peekViewEditor.background#292a30
- peekViewEditor.matchHighlightBackground#545558
- peekViewResult.background#2a2c2f
- peekViewResult.fileForeground#dfdfdf
- peekViewResult.lineForeground#dfdfdf99
- peekViewResult.matchHighlightBackground#545558
- peekViewResult.selectionBackground#6272A4
- peekViewResult.selectionForeground#dfdfdf
- peekViewTitle.background#2a2c2f
- peekViewTitleDescription.foreground#6699ff
- peekViewTitleLabel.foreground#dfdfdf
- scrollbarSlider.background#44444580
- scrollbarSlider.hoverBackground#444445
- searchEditor.findMatchBackground#F1FA8C
- selection.background#646f83
- settings.modifiedItemIndicator#FFC799
- sideBar.background#222223
- sideBar.border#000000
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.foreground#dfdfdf
- sideBarTitle.foreground#dfdfdf
- statusBar.background#202020
- statusBar.border#000000
- statusBar.debuggingBackground#202020
- statusBar.debuggingBorder#000000
- statusBar.debuggingForeground#FFF
- statusBar.foreground#FFF
- statusBar.noFolderBackground#202020
- statusBar.noFolderBorder#000000
- statusBar.noFolderForeground#FFF
- tab.activeBackground#292929
- tab.activeBorder#FFC799
- tab.activeForeground#ffffff
- tab.border#26282b
- tab.inactiveBackground#26282b
- tab.inactiveForeground#9a9c9d
- textLink.activeForeground#6699ff
- textLink.foreground#6699ff
- titleBar.activeBackground#222223
- titleBar.activeForeground#F8F8F2
- titleBar.border#26282b
- titleBar.inactiveBackground#202020
- titleBar.inactiveForeground#dfdfdf
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6272A4 | — |
| punctuation.definition.string, string | #FF79C6 | — |
| constant.numeric, keyword.other.unit, support.constant | #F1FA8C | — |
| constant.language, entity.name.tag, keyword, storage.modifier, storage.type, support.type.primitive, variable.language | #FF79C6 | bold |
| keyword.control.directive, keyword.control.preprocessor, punctuation.definition.preprocessor | #FFB86C | — |
| markup.underline.link | #8BE9FD | — |
| entity.name.type.class.std.rust, storage.type.cs, support.type, meta.object-literal.key | #BD93F9 | — |
| meta.object-literal.key | #BD93F9 | — |
| punctuation.definition.variable, punctuation.support.type.property-name, storage.modifier.lifetime, support.type.property-name, variable.other.property | #83C9BC | — |
| meta.definition.function, meta.definition.method, meta.method.declaration | #8BE9FD | — |
| variable.other.constant, meta.definition.variable | #FFFFFF | — |
| variable.parameter, meta.parameters, meta.method.declaration, meta.object.member | #48b7db | — |
| variable.other.object, meta.var.expr, meta.definition.variable, meta.block | #48b7db | — |
| constant.language.boolean.false, constant.language.boolean.true, meta.objectliteral | #F1FA8C | — |
| entity.name.type | #BD93F9 | — |
| entity.name.type.class, entity.other.inherited-class | #8BE9FD | — |
| keyword.operator | #FF79C6 | — |
| meta.return.type, meta.function, support.type.primitive, meta.field.declaration, meta.interface | #BD93F9 | — |
| meta.function-call | #CDA1FF | — |
| entity.name.type.namespace, entity.name.variable, variable.other.assignment | #49B7D7 | — |
| variable.object.property, meta.definition.property, meta.field.declaration, meta.class | #49B7D7 | — |
| fenced_code.block.language, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown, punctuation.definition.italic.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.markdown, punctuation.definition.metadata.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.raw.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #72BFAE | — |
| string.other.link.title.markdown | #DFDFE0 | — |
| entity.name.section | #DFDFE0 | bold |
| variable.other.object.property, support.variable.property, variable.other.constant.property | #83C9BC | — |
| markup.bold | #DFDFE0 | bold |
| markup.italic | #DFDFE0 | italic |
| punctuation | #DFDFE0 | — |
| punctuation.decorator, meta.brace.round | #FFFFFF | — |
| entity.other.attribute-name | #BD93F9 | — |
| meta.tag.without-attributes, metax.children | #FFFFFF | — |
| variable.other.readwrite.alias | #FFFFFF | — |
| punctuation.terminator.statement | #FFFFFF | — |
| punctuation.accessor.optional | #FF79C6 | — |
| case-clause.expr, switch-block.expr, switch-statement.expr | #48b7db | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| support.class.dart, other.source.dart | #BD93F9 | — |
| entity.name.function.dart | #8BE9FD | — |
| source.dart | #49B7D7 | — |
| variable.parameter.dart | #83C9BC | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #BD93F9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BD93F9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BD93F9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BD93F9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BD93F9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BD93F9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BD93F9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BD93F9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BD93F9 | — |