Fine ill do it myself
Publisher: MilkmandevThemes in package: 1
A dark navy theme I wanted and didn't find
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#21252B
- activityBar.border#1A1C20
- activityBar.foreground#ABB2BF
- activityBar.inactiveForeground#5C6370
- activityBarBadge.background#61AFEF
- activityBarBadge.foreground#1A1C20
- badge.background#61AFEF
- badge.foreground#1A1C20
- breadcrumb.activeSelectionForeground#ABB2BF
- breadcrumb.focusForeground#ABB2BF
- breadcrumb.foreground#5C6370
- breadcrumbPicker.background#21252B
- button.background#61AFEF
- button.foreground#1A1C20
- button.hoverBackground#79BFFF
- button.secondaryBackground#2C313C
- button.secondaryForeground#ABB2BF
- descriptionForeground#5C6370
- diffEditor.insertedLineBackground#98C37910
- diffEditor.insertedTextBackground#98C37915
- diffEditor.removedLineBackground#E06C7510
- diffEditor.removedTextBackground#E06C7515
- dropdown.background#21252B
- dropdown.border#2C313C
- dropdown.foreground#ABB2BF
- editor.background#282C34
- editor.findMatchBackground#D19A6650
- editor.findMatchHighlightBackground#D19A6628
- editor.foreground#ABB2BF
- editor.inactiveSelectionBackground#D291FF18
- editor.lineHighlightBackground#2C313C
- editor.rangeHighlightBackground#2C313C80
- editor.selectionBackground#D291FF30
- editor.selectionHighlightBackground#D291FF20
- editor.wordHighlightBackground#9CDCFE20
- editor.wordHighlightStrongBackground#9CDCFE35
- editorBracketHighlight.foreground1#E5D0A1
- editorBracketHighlight.foreground2#D291FF
- editorBracketHighlight.foreground3#61AFEF
- editorBracketHighlight.foreground4#C678DD
- editorBracketHighlight.foreground5#98C379
- editorBracketHighlight.foreground6#D19A66
- editorBracketHighlight.unexpectedBracket.foreground#E06C7580
- editorBracketMatch.background#D291FF25
- editorBracketMatch.border#D291FF80
- editorCodeLens.foreground#5C6370
- editorCursor.foreground#D291FF
- editorError.foreground#E06C75
- editorGhostText.foreground#5C637080
- editorGroupHeader.tabsBackground#21252B
- editorGroupHeader.tabsBorder#1A1C20
- editorGutter.background#282C34
- editorHint.foreground#5C6370
- editorHoverWidget.background#21252B
- editorHoverWidget.border#2C313C
- editorHoverWidget.foreground#ABB2BF
- editorIndentGuide.activeBackground1#3A404B
- editorIndentGuide.background1#2C313C
- editorInfo.foreground#61AFEF
- editorInlayHint.background#00000000
- editorInlayHint.foreground#5C6370
- editorInlayHint.parameterBackground#00000000
- editorInlayHint.parameterForeground#98C37999
- editorInlayHint.typeBackground#00000000
- editorInlayHint.typeForeground#6EC9A899
- editorLineNumber.activeForeground#ABB2BF
- editorLineNumber.foreground#4B5263
- editorOverviewRuler.border#21252B
- editorRuler.foreground#2C313C
- editorStickyScroll.background#21252B
- editorStickyScrollHover.background#2C313C
- editorSuggestWidget.background#21252B
- editorSuggestWidget.border#2C313C
- editorSuggestWidget.foreground#ABB2BF
- editorSuggestWidget.highlightForeground#61AFEF
- editorSuggestWidget.selectedBackground#2C313C
- editorWarning.foreground#E5C07B
- editorWhitespace.foreground#2C313C
- editorWidget.background#21252B
- editorWidget.border#2C313C
- editorWidget.foreground#ABB2BF
- errorForeground#E06C75
- extensionButton.prominentBackground#61AFEF
- extensionButton.prominentForeground#1A1C20
- extensionButton.prominentHoverBackground#79BFFF
- focusBorder#61AFEF80
- foreground#ABB2BF
- gitDecoration.addedResourceForeground#98C379
- gitDecoration.conflictingResourceForeground#D19A66
- gitDecoration.deletedResourceForeground#E06C75
- gitDecoration.ignoredResourceForeground#5C6370
- gitDecoration.modifiedResourceForeground#E5C07B
- gitDecoration.submoduleResourceForeground#61AFEF
- gitDecoration.untrackedResourceForeground#98C379
- icon.foreground#ABB2BF
- input.background#21252B
- input.border#2C313C
- input.foreground#ABB2BF
- input.placeholderForeground#5C6370
- inputOption.activeBackground#2C313C
- inputOption.activeBorder#61AFEF
- list.activeSelectionBackground#2C313C
- list.activeSelectionForeground#ABB2BF
- list.focusBackground#2C313C
- list.focusForeground#ABB2BF
- list.highlightForeground#61AFEF
- list.hoverBackground#282C34
- list.hoverForeground#ABB2BF
- list.inactiveSelectionBackground#282C34
- list.inactiveSelectionForeground#ABB2BF
- menu.background#21252B
- menu.border#1A1C20
- menu.foreground#ABB2BF
- menu.selectionBackground#2C313C
- menu.selectionForeground#ABB2BF
- menu.separatorBackground#2C313C
- minimap.background#21252B
- minimap.errorHighlight#E06C75
- minimap.selectionHighlight#D291FF30
- minimap.warningHighlight#E5C07B
- minimapGutter.addedBackground#98C379
- minimapGutter.deletedBackground#E06C75
- minimapGutter.modifiedBackground#E5C07B
- notificationCenterHeader.background#21252B
- notificationCenterHeader.foreground#5C6370
- notifications.background#21252B
- notifications.border#1A1C20
- notifications.foreground#ABB2BF
- panel.background#21252B
- panel.border#1A1C20
- panelTitle.activeBorder#D291FF
- panelTitle.activeForeground#ABB2BF
- panelTitle.inactiveForeground#5C6370
- peekView.border#61AFEF
- peekViewEditor.background#21252B
- peekViewEditorGutter.background#21252B
- peekViewResult.background#21252B
- peekViewResult.fileForeground#ABB2BF
- peekViewResult.lineForeground#5C6370
- peekViewResult.matchHighlightBackground#D19A6640
- peekViewResult.selectionBackground#2C313C
- peekViewResult.selectionForeground#ABB2BF
- peekViewTitle.background#21252B
- peekViewTitleDescription.foreground#5C6370
- peekViewTitleLabel.foreground#ABB2BF
- progressBar.background#61AFEF
- scrollbar.shadow#1A1C20
- scrollbarSlider.activeBackground#3A404B
- scrollbarSlider.background#3A404B60
- scrollbarSlider.hoverBackground#3A404B80
- selection.background#D291FF40
- sideBar.background#21252B
- sideBar.border#1A1C20
- sideBar.foreground#ABB2BF
- sideBarSectionHeader.background#21252B
- sideBarSectionHeader.border#1A1C20
- sideBarSectionHeader.foreground#5C6370
- sideBarTitle.foreground#5C6370
- statusBar.background#21252B
- statusBar.border#1A1C20
- statusBar.debuggingBackground#E06C7540
- statusBar.foreground#ABB2BF
- statusBar.noFolderBackground#21252B
- statusBarItem.activeBackground#2C313C
- statusBarItem.hoverBackground#2C313C
- statusBarItem.remoteBackground#61AFEF
- statusBarItem.remoteForeground#1A1C20
- tab.activeBackground#282C34
- tab.activeBorderTop#D291FF
- tab.activeForeground#ABB2BF
- tab.border#1A1C20
- tab.hoverBackground#2C313C
- tab.inactiveBackground#21252B
- tab.inactiveForeground#5C6370
- tab.unfocusedActiveBorderTop#5C6370
- terminal.ansiBlack#282C34
- terminal.ansiBlue#61AFEF
- terminal.ansiBrightBlack#5C6370
- terminal.ansiBrightBlue#61AFEF
- terminal.ansiBrightCyan#56B6C2
- terminal.ansiBrightGreen#98C379
- terminal.ansiBrightMagenta#C678DD
- terminal.ansiBrightRed#E06C75
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E5C07B
- terminal.ansiCyan#56B6C2
- terminal.ansiGreen#98C379
- terminal.ansiMagenta#C678DD
- terminal.ansiRed#E06C75
- terminal.ansiWhite#ABB2BF
- terminal.ansiYellow#E5C07B
- terminal.background#21252B
- terminal.foreground#ABB2BF
- terminalCursor.foreground#D291FF
- testing.iconErrored#E06C75
- testing.iconFailed#E06C75
- testing.iconPassed#98C379
- testing.iconQueued#61AFEF
- testing.iconSkipped#5C6370
- testing.iconUnset#5C6370
- testing.peekBorder#61AFEF
- textBlockQuote.background#21252B
- textBlockQuote.border#61AFEF
- textLink.activeForeground#79BFFF
- textLink.foreground#61AFEF
- textPreformat.foreground#D19A66
- titleBar.activeBackground#21252B
- titleBar.activeForeground#ABB2BF
- titleBar.border#1A1C20
- titleBar.inactiveBackground#21252B
- titleBar.inactiveForeground#5C6370
- widget.shadow#1A1C20
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line, punctuation.definition.comment | #5C6370 | italic |
| keyword, keyword.other, storage.type | #61AFEF | — |
| storage.modifier | #61AFEF | italic |
| keyword.control, keyword.control.flow | #D291FF | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.import.python, keyword.control.from.python, keyword.control.import.js, keyword.control.export.js, keyword.control.from.js, keyword.control.import.ts, keyword.control.export.ts, keyword.control.from.ts, keyword.control.import.jsx, keyword.control.export.jsx, keyword.control.import.tsx, keyword.control.export.tsx | #61AFEF | — |
| keyword.operator | #ABB2BF | — |
| entity.name.function, entity.name.method, support.function, meta.function-call entity.name.function, variable.function | #E5D0A1 | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.interface, entity.name.enum, support.type, support.class, support.type.builtin, support.type.primitive, keyword.type | #6EC9A8 | — |
| string, string.quoted, string.template, string.quoted.single, string.quoted.double, string.quoted.triple | #D19A66 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.end | #D291FF | — |
| meta.template.expression.js, meta.template.expression.ts, meta.template.expression.jsx, meta.template.expression.tsx | #ABB2BF | — |
| constant.character.escape, string.regexp, string.regexp keyword.operator, string.regexp punctuation.definition | #E5C07B | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #98C379 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none.python, constant.language.nullptr.cpp, variable.language.null | #98C379 | — |
| variable, variable.other, variable.other.readwrite, variable.other.property | #9CDCFE | — |
| variable.parameter | #9CDCFE | italic |
| meta.object-literal.key, meta.object.member string.quoted, support.type.property-name | #D19A66 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #ABB2BF | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.relational, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.decrement, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest | #D9E0EE | — |
| punctuation.section, meta.brace.round, meta.brace.curly, meta.brace.square, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.brackets.round, punctuation.brackets.curly, punctuation.brackets.square | #E5D0A1 | — |
| entity.name.namespace, entity.name.module, support.module, string.quoted.double.import, string.quoted.single.import | #D19A66 | — |
| entity.name.decorator, meta.decorator, punctuation.decorator | #C678DD | — |
| entity.name.tag | #E06C75 | — |
| entity.other.attribute-name | #E5D0A1 | — |
| constant.character.entity.html, punctuation.definition.entity.html | #C678DD | — |
| invalid, invalid.deprecated | #E06C75 | strikethrough |
| support.function.builtin.python | #E5D0A1 | — |
| variable.language.special.self.python, variable.language.special.cls.python | #9CDCFE | italic |
| support.type.exception.python | #6EC9A8 | — |
| constant.character.format.placeholder.other.python, punctuation.definition.interpolation.begin.python, punctuation.definition.interpolation.end.python | #D291FF | — |
| string.quoted.docstring.multi.python, string.quoted.docstring.raw.multi.python | #5C6370 | italic |
| support.function.magic.python | #E5D0A1 | — |
| keyword.operator.walrus.python | #ABB2BF | — |
| variable.language.this.js, variable.language.this.ts, variable.language.this.jsx, variable.language.this.tsx | #61AFEF | — |
| storage.type.function.arrow.js, storage.type.function.arrow.ts, storage.type.function.arrow.jsx, storage.type.function.arrow.tsx | #61AFEF | — |
| keyword.operator.optional.js, keyword.operator.optional.ts, punctuation.accessor.optional.js, punctuation.accessor.optional.ts | #ABB2BF | — |
| meta.type.annotation.ts, meta.type.annotation.tsx, meta.return.type.ts, meta.return.type.tsx, meta.type.parameters.ts, meta.type.parameters.tsx | #6EC9A8 | — |
| support.type.builtin.ts, support.type.builtin.tsx, keyword.type.ts, keyword.type.tsx | #6EC9A8 | — |
| keyword.operator.expression.infer.ts, keyword.operator.expression.is.ts, keyword.operator.expression.asserts.ts | #6EC9A8 | — |
| meta.decorator.ts, meta.decorator.tsx, entity.name.function.decorator.ts, entity.name.function.decorator.tsx, punctuation.decorator.ts, punctuation.decorator.tsx | #C678DD | — |
| variable.other.constant.js, variable.other.constant.ts | #98C379 | — |
| storage.type.annotation.java, punctuation.definition.annotation.java, meta.declaration.annotation.java | #C678DD | — |
| keyword.other.import.java, keyword.other.package.java | #61AFEF | — |
| variable.language.this.java | #61AFEF | — |
| meta.preprocessor.c, meta.preprocessor.cpp, keyword.control.directive.c, keyword.control.directive.cpp, keyword.control.directive.include.c, keyword.control.directive.include.cpp, punctuation.definition.directive.c, punctuation.definition.directive.cpp | #C678DD | — |
| string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.cpp | #D19A66 | — |
| entity.name.function.preprocessor.c, entity.name.function.preprocessor.cpp | #C678DD | — |
| variable.language.this.cpp | #61AFEF | — |
| entity.name.scope-resolution.cpp, entity.name.scope-resolution.c | #6EC9A8 | — |
| punctuation.section.angle-bracket.begin.template.call.cpp, punctuation.section.angle-bracket.end.template.call.cpp, punctuation.section.angle-bracket.begin.template.definition.cpp, punctuation.section.angle-bracket.end.template.definition.cpp | #C678DD | — |
| meta.attribute.cs, entity.name.type.attribute.cs, punctuation.definition.attribute.cs | #C678DD | — |
| meta.preprocessor.cs, keyword.preprocessor.cs | #C678DD | — |
| keyword.other.this.cs, keyword.other.base.cs | #61AFEF | — |
| keyword.package.go, keyword.import.go | #61AFEF | — |
| support.function.builtin.go | #E5D0A1 | — |
| keyword.operator.channel.go | #D291FF | — |
| keyword.operator.ellipsis.go | #ABB2BF | — |
| keyword.other.unsafe.rust, storage.modifier.unsafe.rust | #D291FF | italic |
| keyword.other.where.rust, keyword.other.dyn.rust | #6EC9A8 | — |
| meta.attribute.rust, entity.name.attribute.rust, punctuation.definition.attribute.rust | #C678DD | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #C678DD | — |
| meta.macro.rust, entity.name.macro.rust, support.macro.rust | #61AFEF | — |
| variable.language.self.rust | #9CDCFE | italic |
| support.type.property-name.css, support.type.property-name.scss, support.type.vendored.property-name.css | #61AFEF | — |
| variable.css, variable.scss, support.type.custom-property.name.css, entity.other.attribute-name.custom-property.css | #C678DD | — |
| keyword.control.at-rule.css, keyword.control.at-rule.scss, keyword.control.at-rule.media.css, keyword.control.at-rule.keyframes.css, keyword.control.at-rule.include.scss, keyword.control.at-rule.mixin.scss | #C678DD | — |
| entity.name.keyframes.css, entity.name.layer.css | #E5D0A1 | — |
| support.constant.property-value.css, support.constant.property-value.scss | #D19A66 | — |
| keyword.other.unit.css, keyword.other.unit.scss | #98C379 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss | #E5D0A1 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #C678DD | — |
| entity.other.attribute-name.attribute.css, meta.attribute-selector.css entity.other.attribute-name | #E5D0A1 | — |
| constant.other.color.rgb-value.css, constant.other.color.rgb-value.scss | #98C379 | — |
| entity.name.function.scss | #E5D0A1 | — |
| entity.name.tag.yaml, support.type.property-name.yaml | #61AFEF | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #C678DD | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #5C6370 | — |
| constant.language.boolean.yaml, constant.language.null.yaml | #98C379 | — |
| variable.language.special.wildcard.shell, variable.language.shell | #61AFEF | — |
| variable.other.normal.shell, variable.other.bracket.shell | #9CDCFE | — |
| meta.scope.subshell.shell, punctuation.definition.subshell.shell | #D291FF | — |
| support.function.builtin.shell | #E5D0A1 | — |
| comment.line.shebang.shell | #5C6370 | italic |
| entity.name.section.toml, entity.other.attribute-name.table.toml, punctuation.definition.table.toml | #6EC9A8 | — |
| variable.other.readwrite.alias.toml, support.type.property-name.toml, entity.other.attribute-name.toml | #61AFEF | — |
| constant.language.boolean.toml | #98C379 | — |
| support.type.property-name.json, meta.structure.dictionary.key.json string.quoted.double.json | #61AFEF | — |
| meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.array.value.json string.quoted.double.json | #D19A66 | — |
| constant.numeric.json | #98C379 | — |
| constant.language.boolean.json, constant.language.null.json | #98C379 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #E5D0A1 | bold |
| markup.bold | #ABB2BF | bold |
| markup.italic | #ABB2BF | italic |
| markup.inline.raw, markup.raw.inline | #D19A66 | — |
| punctuation.definition.fenced.markdown, fenced_code.block.language.markdown | #5C6370 | — |
| markup.underline.link, string.other.link.description | #61AFEF | — |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | #5C6370 | italic |
| punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown | #D291FF | — |
| meta.separator.markdown | #5C6370 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #C678DD | — |
| variable.other.php, variable.other.normal.php | #9CDCFE | — |
| variable.language.this.php | #61AFEF | — |
| support.other.namespace.php, entity.name.type.namespace.php | #6EC9A8 | — |
| keyword.other.type.php, storage.type.php | #6EC9A8 | — |
| string.unquoted.heredoc.php, string.unquoted.nowdoc.php | #D19A66 | — |
| constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby | #C678DD | — |
| variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby, variable.other.readwrite.global.ruby | #9CDCFE | — |
| variable.language.self.ruby | #61AFEF | — |
| punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby | #D291FF | — |
| keyword.other.special-method.ruby | #61AFEF | — |
| string.quoted.other.literal.upper.ruby, string.quoted.other.literal.lower.ruby | #D19A66 | — |
| keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.create.sql, keyword.other.drop.sql, keyword.other.sql | #61AFEF | — |
| keyword.operator.logical.sql, keyword.operator.comparison.sql, keyword.operator.sql | #D291FF | — |
| storage.type.sql, support.type.sql | #6EC9A8 | — |
| support.function.aggregate.sql, support.function.scalar.sql, support.function.string.sql | #E5D0A1 | — |
| keyword.operation.graphql, keyword.other.graphql | #61AFEF | — |
| entity.name.directive.graphql, entity.name.function.directive.graphql, punctuation.definition.directive.graphql | #C678DD | — |
| variable.graphql, variable.definition.graphql | #9CDCFE | — |
| constant.other.enum.graphql, string.unquoted.enum.graphql | #98C379 | — |
| punctuation.definition.fragment-spread.graphql | #D291FF | — |
| keyword.other.dockerfile, keyword.control.dockerfile | #61AFEF | — |
| entity.name.image.dockerfile, variable.other.readwrite.dockerfile | #6EC9A8 | — |
| variable.env.dockerfile, punctuation.definition.variable.dockerfile | #9CDCFE | — |
| support.function.attribute.swift, storage.modifier.attribute.swift, entity.name.attribute.swift, punctuation.definition.attribute.swift | #C678DD | — |
| keyword.other.hash.swift, keyword.preprocessor.swift | #C678DD | — |
| punctuation.section.embedded.begin.swift, punctuation.section.embedded.end.swift | #D291FF | — |
| variable.language.self.swift, variable.language.super.swift | #61AFEF | — |
| keyword.other.declaration-specifier.swift | #61AFEF | — |
| storage.type.annotation.kotlin, entity.name.type.annotation.kotlin, punctuation.definition.annotation.kotlin | #C678DD | — |
| punctuation.definition.template-expression.begin.kotlin, punctuation.definition.template-expression.end.kotlin, variable.identifier.kotlin | #D291FF | — |
| keyword.operator.safe-navigation.kotlin, keyword.operator.notnull.kotlin | #D9E0EE | — |
| storage.modifier.kotlin, keyword.other.companion.kotlin | #61AFEF | italic |
| storage.type.class.jsdoc, keyword.other.jsdoc | #C678DD | italic |
| variable.other.jsdoc, variable.other.description.jsdoc | #ABB2BF | italic |
| entity.name.type.instance.jsdoc, meta.type.annotation.jsdoc, source.embedded.jsdoc | #6EC9A8 | italic |