Skip to content

1hue/dracula-super-focus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

9 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Dracula Super Focus

Adapted from the Dracula Theme - darkened with the code pane made more prominent for fewer distractions.

Tip

Does not require installing an extension in VS Code. Simply drop in the values in User Settings JSON.

Screenshots

Screenshot of Dracula dark vscode theme

Screenshot of Dracula dark vscode theme

How to use

Copy these theme configuration values to settings.json - which is accessible by Ctrl+Shift+P -> Open User Settings (JSON):

{
  "editor.semanticTokenColorCustomizations": {
    "enabled": true,
    "rules": {
      "parameter.declaration": {
        "foreground": "#c0caf5"
      },
      "parameter": {
        "foreground": "#d9d4cd"
      },
      "property.declaration": {
        "foreground": "#73daca"
      },
      "property.defaultLibrary": {
        "foreground": "#2ac3de"
      },
      "*.defaultLibrary": {
        "foreground": "#2ac3de"
      },
      "variable.defaultLibrary": {
        "foreground": "#2ac3de"
      },
      "variable.declaration": {
        "foreground": "#c0caf5"
      },
      "variable": {
        "foreground": "#c0caf5"
      }
    }
  },
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": ["emphasis"],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "scope": ["strong"],
        "settings": {
          "fontStyle": "bold"
        }
      },
      {
        "scope": ["header"],
        "settings": {
          "foreground": "#BD93F9"
        }
      },
      {
        "scope": ["meta.diff", "meta.diff.header"],
        "settings": {
          "foreground": "#6272A4"
        }
      },
      {
        "scope": ["markup.inserted"],
        "settings": {
          "foreground": "#50FA7B"
        }
      },
      {
        "scope": ["markup.deleted"],
        "settings": {
          "foreground": "#FF5555"
        }
      },
      {
        "scope": ["markup.changed"],
        "settings": {
          "foreground": "#FFB86C"
        }
      },
      {
        "scope": ["invalid"],
        "settings": {
          "foreground": "#FF5555",
          "fontStyle": "underline italic"
        }
      },
      {
        "scope": ["invalid.deprecated"],
        "settings": {
          "foreground": "#F8F8F2",
          "fontStyle": "underline italic"
        }
      },
      {
        "scope": ["entity.name.filename"],
        "settings": {
          "foreground": "#F1FA8C"
        }
      },
      {
        "scope": ["markup.error"],
        "settings": {
          "foreground": "#FF5555"
        }
      },
      {
        "name": "Underlined markup",
        "scope": ["markup.underline"],
        "settings": {
          "fontStyle": "underline"
        }
      },
      {
        "name": "Bold markup",
        "scope": ["markup.bold"],
        "settings": {
          "fontStyle": "bold",
          "foreground": "#FFB86C"
        }
      },
      {
        "name": "Markup headings",
        "scope": ["markup.heading"],
        "settings": {
          "fontStyle": "bold",
          "foreground": "#BD93F9"
        }
      },
      {
        "name": "Markup italic",
        "scope": ["markup.italic"],
        "settings": {
          "foreground": "#F1FA8C",
          "fontStyle": "italic"
        }
      },
      {
        "name": "Bullets, lists (prose)",
        "scope": [
          "beginning.punctuation.definition.list.markdown",
          "beginning.punctuation.definition.quote.markdown",
          "punctuation.definition.link.restructuredtext"
        ],
        "settings": {
          "foreground": "#8BE9FD"
        }
      },
      {
        "name": "Inline code (prose)",
        "scope": ["markup.inline.raw", "markup.raw.restructuredtext"],
        "settings": {
          "foreground": "#50FA7B"
        }
      },
      {
        "name": "Links (prose)",
        "scope": ["markup.underline.link", "markup.underline.link.image"],
        "settings": {
          "foreground": "#8BE9FD"
        }
      },
      {
        "name": "Link text, image alt text (prose)",
        "scope": [
          "meta.link.reference.def.restructuredtext",
          "punctuation.definition.directive.restructuredtext",
          "string.other.link.description",
          "string.other.link.title"
        ],
        "settings": {
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "Blockquotes (prose)",
        "scope": ["entity.name.directive.restructuredtext", "markup.quote"],
        "settings": {
          "foreground": "#F1FA8C",
          "fontStyle": "italic"
        }
      },
      {
        "name": "Horizontal rule (prose)",
        "scope": ["meta.separator.markdown"],
        "settings": {
          "foreground": "#6272A4"
        }
      },
      {
        "name": "Code blocks",
        "scope": [
          "fenced_code.block.language",
          "markup.raw.inner.restructuredtext",
          "markup.fenced_code.block.markdown punctuation.definition.markdown"
        ],
        "settings": {
          "foreground": "#50FA7B"
        }
      },
      {
        "name": "Prose constants",
        "scope": ["punctuation.definition.constant.restructuredtext"],
        "settings": {
          "foreground": "#BD93F9"
        }
      },
      {
        "name": "Braces in markdown headings",
        "scope": [
          "markup.heading.markdown punctuation.definition.string.begin",
          "markup.heading.markdown punctuation.definition.string.end"
        ],
        "settings": {
          "foreground": "#BD93F9"
        }
      },
      {
        "name": "Braces in markdown paragraphs",
        "scope": [
          "meta.paragraph.markdown punctuation.definition.string.begin",
          "meta.paragraph.markdown punctuation.definition.string.end"
        ],
        "settings": {
          "foreground": "#F8F8F2"
        }
      },
      {
        "name": "Braces in markdown blockquotes",
        "scope": [
          "markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin",
          "markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end"
        ],
        "settings": {
          "foreground": "#F1FA8C"
        }
      },
      {
        "name": "User-defined class names",
        "scope": ["entity.name.type.class", "entity.name.class"],
        "settings": {
          "foreground": "#8BE9FD",
          "fontStyle": "normal"
        }
      },
      {
        "name": "this, super, self, etc.",
        "scope": [
          "keyword.expressions-and-types.swift",
          "keyword.other.this",
          "variable.language",
          "variable.language punctuation.definition.variable.php",
          "variable.other.readwrite.instance.ruby",
          "variable.parameter.function.language.special"
        ],
        "settings": {
          "foreground": "#BD93F9",
          "fontStyle": "italic"
        }
      },
      {
        "name": "Inherited classes",
        "scope": ["entity.other.inherited-class"],
        "settings": {
          "fontStyle": "italic",
          "foreground": "#8BE9FD"
        }
      },
      {
        "name": "Comments",
        "scope": [
          "comment",
          "punctuation.definition.comment",
          "unused.comment",
          "wildcard.comment"
        ],
        "settings": {
          "foreground": "#6272A4"
        }
      },
      {
        "name": "JSDoc-style keywords",
        "scope": [
          "comment keyword.codetag.notation",
          "comment.block.documentation keyword",
          "comment.block.documentation storage.type.class"
        ],
        "settings": {
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "JSDoc-style types",
        "scope": ["comment.block.documentation entity.name.type"],
        "settings": {
          "foreground": "#8BE9FD",
          "fontStyle": "italic"
        }
      },
      {
        "name": "JSDoc-style type brackets",
        "scope": [
          "comment.block.documentation entity.name.type punctuation.definition.bracket"
        ],
        "settings": {
          "foreground": "#8BE9FD"
        }
      },
      {
        "name": "JSDoc-style comment parameters",
        "scope": ["comment.block.documentation variable"],
        "settings": {
          "foreground": "#FFB86C",
          "fontStyle": "italic"
        }
      },
      {
        "name": "Constants",
        "scope": ["constant", "variable.other.constant"],
        "settings": {
          "foreground": "#BD93F9"
        }
      },
      {
        "name": "Constant escape sequences",
        "scope": [
          "constant.character.escape",
          "constant.character.string.escape",
          "constant.regexp"
        ],
        "settings": {
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "HTML tags",
        "scope": ["entity.name.tag"],
        "settings": {
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "CSS attribute parent selectors ('&')",
        "scope": ["entity.other.attribute-name.parent-selector"],
        "settings": {
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "HTML/CSS attribute names",
        "scope": ["entity.other.attribute-name"],
        "settings": {
          "foreground": "#50FA7B",
          "fontStyle": "italic"
        }
      },
      {
        "name": "Function names",
        "scope": [
          "entity.name.function",
          "meta.function-call.object",
          "meta.function-call.php",
          "meta.function-call.static",
          "meta.method-call.java meta.method",
          "meta.method.groovy",
          "support.function.any-method.lua",
          "keyword.operator.function.infix"
        ],
        "settings": {
          "foreground": "#50FA7B"
        }
      },
      {
        "name": "Function parameters",
        "scope": [
          "entity.name.variable.parameter",
          "meta.at-rule.function variable",
          "meta.at-rule.mixin variable",
          "meta.function.arguments variable.other.php",
          "meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql",
          "variable.parameter"
        ],
        "settings": {
          "fontStyle": "italic",
          "foreground": "#FFB86C"
        }
      },
      {
        "name": "Decorators",
        "scope": [
          "meta.decorator variable.other.readwrite",
          "meta.decorator variable.other.property"
        ],
        "settings": {
          "foreground": "#50FA7B",
          "fontStyle": "italic"
        }
      },
      {
        "name": "Decorator Objects",
        "scope": ["meta.decorator variable.other.object"],
        "settings": {
          "foreground": "#50FA7B"
        }
      },
      {
        "name": "Keywords",
        "scope": ["keyword", "punctuation.definition.keyword"],
        "settings": {
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "Keyword \"new\"",
        "scope": ["keyword.control.new", "keyword.operator.new"],
        "settings": {
          "fontStyle": "bold"
        }
      },
      {
        "name": "Generic selectors (CSS/SCSS/Less/Stylus)",
        "scope": ["meta.selector"],
        "settings": {
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "Language Built-ins",
        "scope": ["support"],
        "settings": {
          "fontStyle": "italic",
          "foreground": "#8BE9FD"
        }
      },
      {
        "name": "Built-in magic functions and constants",
        "scope": [
          "support.function.magic",
          "support.variable",
          "variable.other.predefined"
        ],
        "settings": {
          "fontStyle": "regular",
          "foreground": "#BD93F9"
        }
      },
      {
        "name": "Built-in functions / properties",
        "scope": ["support.function", "support.type.property-name"],
        "settings": {
          "fontStyle": "regular"
        }
      },
      {
        "name": "Separators (key/value, namespace, inheritance, pointer, hash, slice, etc)",
        "scope": [
          "constant.other.symbol.hashkey punctuation.definition.constant.ruby",
          "entity.other.attribute-name.placeholder punctuation",
          "entity.other.attribute-name.pseudo-class punctuation",
          "entity.other.attribute-name.pseudo-element punctuation",
          "meta.group.double.toml",
          "meta.group.toml",
          "meta.object-binding-pattern-variable punctuation.destructuring",
          "punctuation.colon.graphql",
          "punctuation.definition.block.scalar.folded.yaml",
          "punctuation.definition.block.scalar.literal.yaml",
          "punctuation.definition.block.sequence.item.yaml",
          "punctuation.definition.entity.other.inherited-class",
          "punctuation.function.swift",
          "punctuation.separator.dictionary.key-value",
          "punctuation.separator.hash",
          "punctuation.separator.inheritance",
          "punctuation.separator.key-value",
          "punctuation.separator.key-value.mapping.yaml",
          "punctuation.separator.namespace",
          "punctuation.separator.pointer-access",
          "punctuation.separator.slice",
          "string.unquoted.heredoc punctuation.definition.string",
          "support.other.chomping-indicator.yaml",
          "punctuation.separator.annotation"
        ],
        "settings": {
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "Brackets, braces, parens, etc.",
        "scope": [
          "keyword.operator.other.powershell",
          "keyword.other.statement-separator.powershell",
          "meta.brace.round",
          "meta.function-call punctuation",
          "punctuation.definition.arguments.begin",
          "punctuation.definition.arguments.end",
          "punctuation.definition.entity.begin",
          "punctuation.definition.entity.end",
          "punctuation.definition.tag.cs",
          "punctuation.definition.type.begin",
          "punctuation.definition.type.end",
          "punctuation.section.scope.begin",
          "punctuation.section.scope.end",
          "punctuation.terminator.expression.php",
          "storage.type.generic.java",
          "string.template meta.brace",
          "string.template punctuation.accessor"
        ],
        "settings": {
          "foreground": "#F8F8F2"
        }
      },
      {
        "name": "Variable interpolation operators",
        "scope": [
          "meta.string-contents.quoted.double punctuation.definition.variable",
          "punctuation.definition.interpolation.begin",
          "punctuation.definition.interpolation.end",
          "punctuation.definition.template-expression.begin",
          "punctuation.definition.template-expression.end",
          "punctuation.section.embedded.begin",
          "punctuation.section.embedded.coffee",
          "punctuation.section.embedded.end",
          "punctuation.section.embedded.end source.php",
          "punctuation.section.embedded.end source.ruby",
          "punctuation.definition.variable.makefile"
        ],
        "settings": {
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "Keys (serializable languages)",
        "scope": [
          "entity.name.function.target.makefile",
          "entity.name.section.toml",
          "entity.name.tag.yaml",
          "variable.other.key.toml"
        ],
        "settings": {
          "foreground": "#8BE9FD"
        }
      },
      {
        "name": "Dates / timestamps (serializable languages)",
        "scope": ["constant.other.date", "constant.other.timestamp"],
        "settings": {
          "foreground": "#FFB86C"
        }
      },
      {
        "name": "YAML aliases",
        "scope": ["variable.other.alias.yaml"],
        "settings": {
          "fontStyle": "italic underline",
          "foreground": "#50FA7B"
        }
      },
      {
        "name": "Storage",
        "scope": [
          "storage",
          "meta.implementation storage.type.objc",
          "meta.interface-or-protocol storage.type.objc",
          "source.groovy storage.type.def"
        ],
        "settings": {
          "fontStyle": "regular",
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "Types",
        "scope": [
          "entity.name.type",
          "keyword.primitive-datatypes.swift",
          "keyword.type.cs",
          "meta.protocol-list.objc",
          "meta.return-type.objc",
          "source.go storage.type",
          "source.groovy storage.type",
          "source.java storage.type",
          "source.powershell entity.other.attribute-name",
          "storage.class.std.rust",
          "storage.type.attribute.swift",
          "storage.type.c",
          "storage.type.core.rust",
          "storage.type.cs",
          "storage.type.groovy",
          "storage.type.objc",
          "storage.type.php",
          "storage.type.haskell",
          "storage.type.ocaml"
        ],
        "settings": {
          "fontStyle": "italic",
          "foreground": "#8BE9FD"
        }
      },
      {
        "name": "Generics, templates, and mapped type declarations",
        "scope": [
          "entity.name.type.type-parameter",
          "meta.indexer.mappedtype.declaration entity.name.type",
          "meta.type.parameters entity.name.type"
        ],
        "settings": {
          "foreground": "#FFB86C"
        }
      },
      {
        "name": "Modifiers",
        "scope": ["storage.modifier"],
        "settings": {
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "RegExp string",
        "scope": [
          "string.regexp",
          "constant.other.character-class.set.regexp",
          "constant.character.escape.backslash.regexp"
        ],
        "settings": {
          "foreground": "#F1FA8C"
        }
      },
      {
        "name": "Non-capture operators",
        "scope": ["punctuation.definition.group.capture.regexp"],
        "settings": {
          "foreground": "#FF79C6"
        }
      },
      {
        "name": "RegExp start and end characters",
        "scope": [
          "string.regexp punctuation.definition.string.begin",
          "string.regexp punctuation.definition.string.end"
        ],
        "settings": {
          "foreground": "#FF5555"
        }
      },
      {
        "name": "Character group",
        "scope": ["punctuation.definition.character-class.regexp"],
        "settings": {
          "foreground": "#8BE9FD"
        }
      },
      {
        "name": "Capture groups",
        "scope": ["punctuation.definition.group.regexp"],
        "settings": {
          "foreground": "#FFB86C"
        }
      },
      {
        "name": "Assertion operators",
        "scope": [
          "punctuation.definition.group.assertion.regexp",
          "keyword.operator.negation.regexp"
        ],
        "settings": {
          "foreground": "#FF5555"
        }
      },
      {
        "name": "Positive lookaheads",
        "scope": ["meta.assertion.look-ahead.regexp"],
        "settings": {
          "foreground": "#50FA7B"
        }
      },
      {
        "name": "Strings",
        "scope": ["string"],
        "settings": {
          "foreground": "#F1FA8C"
        }
      },
      {
        "name": "String quotes (temporary vscode fix)",
        "scope": [
          "punctuation.definition.string.begin",
          "punctuation.definition.string.end"
        ],
        "settings": {
          "foreground": "#E9F284"
        }
      },
      {
        "name": "Property quotes (temporary vscode fix)",
        "scope": [
          "punctuation.support.type.property-name.begin",
          "punctuation.support.type.property-name.end"
        ],
        "settings": {
          "foreground": "#8BE9FE"
        }
      },
      {
        "name": "Docstrings",
        "scope": [
          "string.quoted.docstring.multi",
          "string.quoted.docstring.multi.python punctuation.definition.string.begin",
          "string.quoted.docstring.multi.python punctuation.definition.string.end",
          "string.quoted.docstring.multi.python constant.character.escape"
        ],
        "settings": {
          "foreground": "#6272A4"
        }
      },
      {
        "name": "Variables and object properties",
        "scope": [
          "variable",
          "constant.other.key.perl",
          "support.variable.property",
          "variable.other.constant.js",
          "variable.other.constant.ts",
          "variable.other.constant.tsx"
        ],
        "settings": {
          "foreground": "#F8F8F2"
        }
      },
      {
        "name": "Destructuring / aliasing reference name (LHS)",
        "scope": [
          "meta.import variable.other.readwrite",
          "meta.variable.assignment.destructured.object.coffee variable"
        ],
        "settings": {
          "fontStyle": "italic",
          "foreground": "#FFB86C"
        }
      },
      {
        "name": "Destructuring / aliasing variable name (RHS)",
        "scope": [
          "meta.import variable.other.readwrite.alias",
          "meta.export variable.other.readwrite.alias",
          "meta.variable.assignment.destructured.object.coffee variable variable"
        ],
        "settings": {
          "fontStyle": "normal",
          "foreground": "#F8F8F2"
        }
      },
      {
        "name": "GraphQL keys",
        "scope": ["meta.selectionset.graphql variable"],
        "settings": {
          "foreground": "#F1FA8C"
        }
      },
      {
        "name": "GraphQL function arguments",
        "scope": ["meta.selectionset.graphql meta.arguments variable"],
        "settings": {
          "foreground": "#F8F8F2"
        }
      },
      {
        "name": "GraphQL fragment name (definition)",
        "scope": ["entity.name.fragment.graphql", "variable.fragment.graphql"],
        "settings": {
          "foreground": "#8BE9FD"
        }
      },
      {
        "name": "Edge cases (foreground color resets)",
        "scope": [
          "constant.other.symbol.hashkey.ruby",
          "keyword.operator.dereference.java",
          "keyword.operator.navigation.groovy",
          "meta.scope.for-loop.shell punctuation.definition.string.begin",
          "meta.scope.for-loop.shell punctuation.definition.string.end",
          "meta.scope.for-loop.shell string",
          "storage.modifier.import",
          "punctuation.section.embedded.begin.tsx",
          "punctuation.section.embedded.end.tsx",
          "punctuation.section.embedded.begin.jsx",
          "punctuation.section.embedded.end.jsx",
          "punctuation.separator.list.comma.css",
          "constant.language.empty-list.haskell"
        ],
        "settings": {
          "foreground": "#F8F8F2"
        }
      },
      {
        "name": "Shell variables prefixed with \"$\" (edge case)",
        "scope": ["source.shell variable.other"],
        "settings": {
          "foreground": "#BD93F9"
        }
      },
      {
        "name": "Powershell constants mistakenly scoped to `support`, rather than `constant` (edge)",
        "scope": ["support.constant"],
        "settings": {
          "fontStyle": "normal",
          "foreground": "#BD93F9"
        }
      },
      {
        "name": "Makefile prerequisite names",
        "scope": ["meta.scope.prerequisites.makefile"],
        "settings": {
          "foreground": "#F1FA8C"
        }
      },
      {
        "name": "SCSS attibute selector strings",
        "scope": ["meta.attribute-selector.scss"],
        "settings": {
          "foreground": "#F1FA8C"
        }
      },
      {
        "name": "SCSS attribute selector brackets",
        "scope": [
          "punctuation.definition.attribute-selector.end.bracket.square.scss",
          "punctuation.definition.attribute-selector.begin.bracket.square.scss"
        ],
        "settings": {
          "foreground": "#F8F8F2"
        }
      },
      {
        "name": "Haskell Pragmas",
        "scope": ["meta.preprocessor.haskell"],
        "settings": {
          "foreground": "#6272A4"
        }
      },
      {
        "name": "Log file error",
        "scope": ["log.error"],
        "settings": {
          "foreground": "#FF5555",
          "fontStyle": "bold"
        }
      },
      {
        "name": "Log file warning",
        "scope": ["log.warning"],
        "settings": {
          "foreground": "#F1FA8C",
          "fontStyle": "bold"
        }
      }
    ]
  },
  "workbench.colorCustomizations": {
    "foreground": "#787c99",
    "descriptionForeground": "#515670",
    "disabledForeground": "#545c7e",
    "focusBorder": "#545c7e33",
    "errorForeground": "#515670",
    "widget.shadow": "#ffffff00",
    "scrollbar.shadow": "#00000033",
    "badge.background": "#7e83b230",
    "badge.foreground": "#acb0d0",
    "icon.foreground": "#787c99",
    "settings.headerForeground": "#6183bb",
    "window.activeBorder": "#0d0f17",
    "window.inactiveBorder": "#0d0f17",
    "sash.hoverBorder": "#29355a",

    "toolbar.activeBackground": "#202330",
    "toolbar.hoverBackground": "#202330",

    "extensionButton.prominentBackground": "#3d59a1DD",
    "extensionButton.prominentHoverBackground": "#3d59a1AA",
    "extensionButton.prominentForeground": "#ffffff",
    "extensionBadge.remoteBackground": "#32363f",
    "extensionBadge.remoteForeground": "#ffffff",

    "button.background": "#3d59a1dd",
    "button.hoverBackground": "#3d59a1AA",
    "button.secondaryBackground": "#3b3e52",
    "button.foreground": "#ffffff",
    "progressBar.background": "#3d59a1",

    "input.background": "#14141b",
    "input.foreground": "#a9b1d6",
    "input.border": "#0f0f14",
    "input.placeholderForeground": "#787c998A",
    "inputOption.activeForeground": "#c0caf5",
    "inputOption.activeBackground": "#3d59a144",

    "inputValidation.infoForeground": "#bbc2e0",
    "inputValidation.infoBackground": "#3d59a15c",
    "inputValidation.infoBorder": "#3d59a1",
    "inputValidation.warningForeground": "#000000",
    "inputValidation.warningBackground": "#c2985b",
    "inputValidation.warningBorder": "#e0af68",
    "inputValidation.errorForeground": "#bbc2e0",
    "inputValidation.errorBackground": "#85353e",
    "inputValidation.errorBorder": "#963c47",

    "dropdown.foreground": "#787c99",
    "dropdown.background": "#14141b",
    "dropdown.listBackground": "#14141b",

    "activityBar.background": "#0C0C12",
    "activityBar.foreground": "#787c99",
    //"activityBar.activeBorder": "#3b3e52",
    //"activityBar.activeBackground": "#101014",
    "activityBar.inactiveForeground": "#3b3e52",
    "activityBar.border": "#10101A",
    "activityBarBadge.background": "#3d59a1",
    "activityBarBadge.foreground": "#fff",

    "activityBarTop.foreground": "#787c99",
    "activityBarTop.inactiveForeground": "#3b3e52",

    "tree.indentGuidesStroke": "#1d1d27",
    "sideBar.foreground": "#969ac2",
    "sideBar.background": "#0C0C12",
    "sideBar.border": "#10101A00",
    "sideBarTitle.foreground": "#787c99",
    "sideBarSectionHeader.background": "#09090D",
    "sideBarSectionHeader.foreground": "#33353d",
    "sideBarSectionHeader.border": "#101014",
    "sideBar.dropBackground": "#1e202e",

    "list.dropBackground": "#1e202e",
    "list.deemphasizedForeground": "#393c4e",

    "list.activeSelectionForeground": "#a9b1d6",
    "list.activeSelectionBackground": "#14141d",
    "list.inactiveSelectionBackground": "#14141d",
    "list.focusBackground": "#0d0d13",
    "list.focusForeground": "#a9b1d6",
    "list.hoverBackground": "#0d0d13",
    "list.hoverForeground": "#a9b1d6",

    "list.highlightForeground": "#668ac4",
    "list.invalidItemForeground": "#c97018",
    "list.errorForeground": "#bb616b",
    "list.warningForeground": "#c49a5a",

    "listFilterWidget.background": "#101014",
    "listFilterWidget.outline": "#3d59a1",
    "listFilterWidget.noMatchesOutline": "#a6333f",

    "pickerGroup.foreground": "#a9b1d6",
    "pickerGroup.border": "#101014",

    "scrollbarSlider.background": "#868bc415",
    "scrollbarSlider.hoverBackground": "#868bc410",
    "scrollbarSlider.activeBackground": "#868bc422",

    "editorBracketHighlight.foreground1": "#698cd6", //"#7AA2F7",
    "editorBracketHighlight.foreground2": "#68b3de", //"#7DCFFF",
    "editorBracketHighlight.foreground3": "#9a7ecc", //"#BB9AF7",
    "editorBracketHighlight.foreground4": "#25aac2", //"#2AC3DE",
    "editorBracketHighlight.foreground5": "#80a856", //"#9ECE6A",
    "editorBracketHighlight.foreground6": "#c49a5a", //"#e0af68",
    "editorBracketHighlight.unexpectedBracket.foreground": "#db4b4b",

    "editorBracketPairGuide.activeBackground1": "#698cd6",
    "editorBracketPairGuide.activeBackground2": "#68b3de",
    "editorBracketPairGuide.activeBackground3": "#9a7ecc",
    "editorBracketPairGuide.activeBackground4": "#25aac2",
    "editorBracketPairGuide.activeBackground5": "#80a856",
    "editorBracketPairGuide.activeBackground6": "#c49a5a",

    "selection.background": "#515c7e40",
    "editor.background": "#09090D",
    "editor.foreground": "#a9b1d6",
    "editor.foldBackground": "#1111174a",
    "editorLink.activeForeground": "#acb0d0",

    "editor.selectionBackground": "#8b99c045",
    "editor.inactiveSelectionBackground": "#515c7e55",

    "editor.findMatchBackground": "#3d59a166",
    "editor.findMatchBorder": "#e0af68",
    "editor.findMatchHighlightBackground": "#3d59a166",

    "editor.findRangeHighlightBackground": "#515c7e33",
    "editor.rangeHighlightBackground": "#515c7e20",
    "editor.wordHighlightBackground": "#8b99c030",
    "editor.wordHighlightStrongBackground": "#8b99c030",
    "editor.selectionHighlightBackground": "#515c7e00",

    "editorCursor.foreground": "#c0caf5",
    "editorIndentGuide.background1": "#23243330",
    "editorIndentGuide.activeBackground1": "#363b5430",
    "editorLineNumber.foreground": "#363b5440",
    "editorLineNumber.activeForeground": "#787c9940",
    "editor.lineHighlightBackground": "#1e202e15",
    "editorWhitespace.foreground": "#363b54",

    "editorMarkerNavigation.background": "#09090D",
    "editorHoverWidget.background": "#09090D",
    "editorHoverWidget.border": "#101014",

    "editorBracketMatch.background": "#09090D00",
    "editorBracketMatch.border": "#42465d00", //"#363b54",

    "editorOverviewRuler.border": "#101014",
    "editorOverviewRuler.errorForeground": "#db4b4b",
    "editorOverviewRuler.warningForeground": "#e0af68",
    "editorOverviewRuler.infoForeground": "#1abc9c",
    "editorOverviewRuler.bracketMatchForeground": "#101014",
    "editorOverviewRuler.findMatchForeground": "#a9b1d644",
    "editorOverviewRuler.rangeHighlightForeground": "#a9b1d644",
    "editorOverviewRuler.selectionHighlightForeground": "#a9b1d622",
    "editorOverviewRuler.wordHighlightForeground": "#bb9af755",
    "editorOverviewRuler.wordHighlightStrongForeground": "#bb9af766",
    "editorOverviewRuler.modifiedForeground": "#394b70",
    "editorOverviewRuler.addedForeground": "#164846",
    "editorOverviewRuler.deletedForeground": "#703438",

    "editorRuler.foreground": "#101014",
    "editorError.foreground": "#db4b4b",
    "editorWarning.foreground": "#e0af68",
    "editorInfo.foreground": "#0da0ba",
    "editorHint.foreground": "#0da0ba",

    "editorGutter.modifiedBackground": "#394b70",
    "editorGutter.addedBackground": "#164846",
    "editorGutter.deletedBackground": "#823c41",

    "editorGhostText.foreground": "#646e9c",

    "minimapGutter.modifiedBackground": "#425882",
    "minimapGutter.addedBackground": "#1C5957",
    "minimapGutter.deletedBackground": "#944449",

    "editorGroup.border": "#101014",
    "editorGroup.dropBackground": "#1e202e",
    "editorGroupHeader.tabsBorder": "#101014",
    "editorGroupHeader.tabsBackground": "#09090D",
    "editorGroupHeader.noTabsBackground": "#09090D",
    "editorGroupHeader.border": "#101014",

    "editorPane.background": "#09090D",

    "editorWidget.foreground": "#787c99",
    "editorWidget.background": "#09090D",
    "editorWidget.border": "#101014",
    "editorWidget.resizeBorder": "#545c7e33",

    "editorSuggestWidget.background": "#09090D",
    "editorSuggestWidget.border": "#101014",
    "editorSuggestWidget.selectedBackground": "#20222c",
    "editorSuggestWidget.highlightForeground": "#6183bb",

    "editorCodeLens.foreground": "#51597d",
    "editorLightBulb.foreground": "#e0af68",
    "editorLightBulbAutoFix.foreground": "#e0af68",

    "editorInlayHint.foreground": "#646e9c",

    "peekView.border": "#101014",
    "peekViewEditor.background": "#09090D",
    "peekViewEditor.matchHighlightBackground": "#3d59a166",
    "peekViewTitle.background": "#101014",
    "peekViewTitleLabel.foreground": "#a9b1d6",
    "peekViewTitleDescription.foreground": "#787c99",
    "peekViewResult.background": "#101014",
    "peekViewResult.selectionForeground": "#a9b1d6",
    "peekViewResult.selectionBackground": "#3d59a133",
    "peekViewResult.lineForeground": "#a9b1d6",
    "peekViewResult.fileForeground": "#787c99",
    "peekViewResult.matchHighlightBackground": "#3d59a166",

    "diffEditor.insertedTextBackground": "#41a6b520",
    "diffEditor.removedTextBackground": "#db4b4b22",
    "diffEditor.insertedLineBackground": "#41a6b520",
    "diffEditor.removedLineBackground": "#db4b4b22",
    "diffEditorGutter.insertedLineBackground": "#41a6b525",
    "diffEditorGutter.removedLineBackground": "#db4b4b22",
    "diffEditorOverview.insertedForeground": "#41a6b525",
    "diffEditorOverview.removedForeground": "#db4b4b22",
    "diffEditor.diagonalFill": "#292e42",
    "diffEditor.unchangedCodeBackground": "#282a3b66",

    "multiDiffEditor.headerBackground": "#09090D",
    "multiDiffEditor.border": "#09090D",

    "breadcrumb.background": "#09090D",
    "breadcrumbPicker.background": "#09090D",
    "breadcrumb.foreground": "#515670",
    "breadcrumb.focusForeground": "#a9b1d6",
    "breadcrumb.activeSelectionForeground": "#a9b1d6",

    "tab.activeBackground": "#09090D",
    "tab.inactiveBackground": "#09090D",
    "tab.activeForeground": "#a9b1d6",
    "tab.hoverForeground": "#a9b1d6",
    "tab.activeBorder": "#3d59a1",
    "tab.inactiveForeground": "#787c99",
    "tab.border": "#101014",
    "tab.unfocusedActiveForeground": "#a9b1d6",
    "tab.unfocusedInactiveForeground": "#787c99",
    "tab.unfocusedHoverForeground": "#a9b1d6",
    "tab.activeModifiedBorder": "#09090D",
    "tab.inactiveModifiedBorder": "#1f202e",
    "tab.unfocusedActiveBorder": "#1f202e",
    "tab.lastPinnedBorder": "#222333",

    "panel.background": "#09090D",
    "panel.border": "#101014",
    "panelTitle.activeForeground": "#787c99",
    "panelTitle.inactiveForeground": "#42465d",
    "panelTitle.activeBorder": "#09090D",
    "panelInput.border": "#09090D",

    "statusBar.foreground": "#787c99",
    "statusBar.background": "#09090D",
    "statusBar.border": "#101014",
    "statusBar.noFolderBackground": "#09090D",
    "statusBar.debuggingBackground": "#09090D",
    "statusBar.debuggingForeground": "#787c99",

    "statusBarItem.activeBackground": "#101014",
    "statusBarItem.hoverBackground": "#20222c",
    "statusBarItem.prominentBackground": "#101014",
    "statusBarItem.prominentHoverBackground": "#20222c",

    "titleBar.activeForeground": "#787c99",
    "titleBar.inactiveForeground": "#787c99",
    "titleBar.activeBackground": "#09090D",
    "titleBar.inactiveBackground": "#09090D",
    "titleBar.border": "#101014",

    "walkThrough.embeddedEditorBackground": "#09090D",
    "textLink.foreground": "#6183bb",
    "textLink.activeForeground": "#7dcfff",
    "textPreformat.foreground": "#9699a8",
    "textBlockQuote.background": "#09090D",
    "textCodeBlock.background": "#09090D",
    "textSeparator.foreground": "#363b54",

    "debugExceptionWidget.border": "#963c47",
    "debugExceptionWidget.background": "#101014",
    "debugToolBar.background": "#101014",

    "debugConsole.infoForeground": "#787c99",
    "debugConsole.errorForeground": "#bb616b",
    "debugConsole.sourceForeground": "#787c99",
    "debugConsole.warningForeground": "#c49a5a",
    "debugConsoleInputIcon.foreground": "#73daca",

    "editor.stackFrameHighlightBackground": "#E2BD3A20",
    "editor.focusedStackFrameHighlightBackground": "#73daca20",
    "debugView.stateLabelForeground": "#787c99",
    "debugView.stateLabelBackground": "#14141b",
    "debugView.valueChangedHighlight": "#3d59a1aa",
    "debugTokenExpression.name": "#7dcfff",
    "debugTokenExpression.value": "#9aa5ce",
    "debugTokenExpression.string": "#9ece6a",
    "debugTokenExpression.boolean": "#ff9e64",
    "debugTokenExpression.number": "#ff9e64",
    "debugTokenExpression.error": "#bb616b",

    "debugIcon.breakpointForeground": "#db4b4b",
    "debugIcon.breakpointDisabledForeground": "#414761",
    "debugIcon.breakpointUnverifiedForeground": "#c24242",

    "terminal.background": "#09090D",
    "terminal.foreground": "#787c99",
    "terminal.selectionBackground": "#515c7e4d",
    // "terminalCursor.background": "",
    // "terminalCursor.foreground": "",

    "terminal.ansiBlack": "#363b54",
    "terminal.ansiRed": "#f7768e",
    "terminal.ansiGreen": "#73daca",
    "terminal.ansiYellow": "#e0af68",
    "terminal.ansiBlue": "#7aa2f7",
    "terminal.ansiMagenta": "#bb9af7",
    "terminal.ansiCyan": "#7dcfff",
    "terminal.ansiWhite": "#787c99",
    "terminal.ansiBrightBlack": "#363b54",
    "terminal.ansiBrightRed": "#f7768e",
    "terminal.ansiBrightGreen": "#73daca",
    "terminal.ansiBrightYellow": "#e0af68",
    "terminal.ansiBrightBlue": "#7aa2f7",
    "terminal.ansiBrightMagenta": "#bb9af7",
    "terminal.ansiBrightCyan": "#7dcfff",
    "terminal.ansiBrightWhite": "#acb0d0",

    "gitDecoration.modifiedResourceForeground": "#4973b8",
    "gitDecoration.ignoredResourceForeground": "#393c4e",
    "gitDecoration.deletedResourceForeground": "#914c54",
    "gitDecoration.renamedResourceForeground": "#449dab",
    "gitDecoration.addedResourceForeground": "#619fa8",
    "gitDecoration.untrackedResourceForeground": "#619fa8",
    "gitDecoration.conflictingResourceForeground": "#e0af68cc",
    "gitDecoration.stageDeletedResourceForeground": "#914c54",
    "gitDecoration.stageModifiedResourceForeground": "#6183bb",

    "notebook.editorBackground": "#09090D",
    "notebook.cellEditorBackground": "#09090D",
    "notebook.cellBorderColor": "#101014",
    "notebook.focusedCellBorder": "#29355a",
    "notebook.cellStatusBarItemHoverBackground": "#1c1d29",

    "charts.red": "#f7768e",
    "charts.blue": "#7aa2f7",
    "charts.yellow": "#e0af68",
    "charts.orange": "#ff9e64",
    "charts.green": "#41a6b5",
    "charts.purple": "#9d7cd8",
    "charts.foreground": "#9AA5CE",
    "charts.lines": "#09090D",

    "scmGraph.historyItemHoverLabelForeground": "#1b1e2e",
    "scmGraph.foreground1": "#ff9e64",
    "scmGraph.foreground2": "#e0af68",
    "scmGraph.foreground3": "#41a6b5",
    "scmGraph.foreground4": "#7aa2f7",
    "scmGraph.foreground5": "#bb9af7",
    "scmGraph.historyItemHoverAdditionsForeground": "#41a6b5",
    "scmGraph.historyItemHoverDeletionsForeground": "#f7768e",
    "scmGraph.historyItemRefColor": "#506FCA",
    "scmGraph.historyItemRemoteRefColor": "#41a6b5",
    "scmGraph.historyItemBaseRefColor": "#9d7cd8",
    "scmGraph.historyItemHoverDefaultLabelForeground": "#a9b1d6",

    "merge.currentHeaderBackground": "#41a6b525",
    "merge.currentContentBackground": "#007a7544",
    "merge.incomingHeaderBackground": "#3d59a1aa",
    "merge.incomingContentBackground": "#3d59a144",
    "mergeEditor.change.background": "#41a6b525",
    "mergeEditor.change.word.background": "#41a6b540",
    "mergeEditor.conflict.unhandledUnfocused.border": "#e0af6888",
    "mergeEditor.conflict.unhandledFocused.border": "#e0af68b0",
    "mergeEditor.conflict.handledUnfocused.border": "#41a6b525",
    "mergeEditor.conflict.handledFocused.border": "#41a6b565",
    "mergeEditor.conflict.handled.minimapOverViewRuler": "#449dab",
    "mergeEditor.conflict.unhandled.minimapOverViewRuler": "#e0af68",

    "gitlens.trailingLineForegroundColor": "#646e9c",
    "gitlens.gutterUncommittedForegroundColor": "#7aa2f7",
    "gitlens.gutterForegroundColor": "#787c99",
    "gitlens.gutterBackgroundColor": "#09090D",

    "notificationCenterHeader.background": "#101014",
    "notifications.background": "#101014",
    "notificationLink.foreground": "#6183bb",
    "notificationsErrorIcon.foreground": "#bb616b",
    "notificationsWarningIcon.foreground": "#bba461",
    "notificationsInfoIcon.foreground": "#0da0ba",

    "menubar.selectionForeground": "#a9b1d6",
    "menubar.selectionBackground": "#1e202e",
    "menubar.selectionBorder": "#1b1e2e",
    "menu.foreground": "#787c99",
    "menu.background": "#09090D",
    "menu.selectionForeground": "#a9b1d6",
    "menu.selectionBackground": "#1e202e",
    "menu.separatorBackground": "#101014",
    "menu.border": "#101014",

    "chat.requestBorder": "#0f0f14",
    "chat.avatarBackground": "#3d59a1",
    "chat.avatarForeground": "#a9b1d6",
    "chat.slashCommandBackground": "#14141b",
    "chat.slashCommandForeground": "#7aa2f7",

    "inlineChat.foreground": "#a9b1d6",
    "inlineChatInput.background": "#14141b",
    "inlineChatDiff.inserted": "#41a6b540",
    "inlineChatDiff.removed": "#db4b4b42"
  }
}

About

πŸ–ŒοΈ A dark & distraction-free theme for VS Code. πŸ’‘ No extension required β€” use in User Settings JSON.

Topics

Resources

License

MIT, MIT licenses found

Licenses found

MIT
LICENSE
MIT
LICENSE-DraculaTheme

Stars

Watchers

Forks

Contributors