ZorinDarkBlue
Publisher: manoj joshiThemes in package: 1
Zorin OS default dark blue style theme for vscode
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#ff000000
- activityBar.background#1e2529
- activityBar.border#b6e5fc10
- activityBar.foreground#bde6fb
- activityBar.inactiveForeground#bde6fb6e
- activityBarBadge.background#44565e
- activityBarBadge.foreground#bde6fb
- badge.background#bde6fb40
- badge.foreground#bde6fb
- breadcrumb.activeSelectionForeground#bde6fb
- breadcrumb.background#1e2529
- breadcrumb.focusForeground#bde6fb
- breadcrumb.foreground#bde6fb6e
- button.background#bde6fb12
- button.foreground#bde6fb
- button.hoverBackground#bde6fb44
- button.secondaryBackground#222d32
- button.secondaryForeground#cef3ff
- button.secondaryHoverBackground#bbd9ff2e
- checkbox.background#171d20
- checkbox.border#00000000
- checkbox.foreground#bde6fb
- debugExceptionWidget.background#1e2529
- debugExceptionWidget.border#bde6fb42
- debugToolBar.background#1e2529
- debugToolBar.border#bde6fb42
- diffEditor.border#bde6fb32
- diffEditor.insertedTextBackground#68ffdc1e
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#ff72722a
- diffEditor.removedTextBorder#00000000
- dropdown.background#171d20
- dropdown.border#00000000
- dropdown.foreground#bde6fb
- editor.background#1e2529
- editor.findMatchBackground#bde6fb4e
- editor.findMatchBorder#bde6fb54
- editor.findMatchHighlightBackground#97dcff22
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#bde6fb0c
- editor.findRangeHighlightBorder#00000000
- editor.foldBackground#bde6fb0a
- editor.foreground#d4d4d4
- editor.hoverHighlightBackground#bde6fb48
- editor.inactiveSelectionBackground#bde6fb12
- editor.lineHighlightBackground#bde6fb10
- editor.lineHighlightBorder#bde6fb1a
- editor.rangeHighlightBackground#bde6fb16
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#bde6fb20
- editor.selectionHighlightBackground#bde6fb2c
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#735353b8
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#b3e4ff32
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#bde6fb3e
- editorBracketMatch.border#bde6fb60
- editorCodeLens.foreground#bde6fb
- editorCursor.background#1e2529
- editorCursor.foreground#bde6fb
- editorError.background#00000000
- editorError.border#ffffff00
- editorError.foreground#ff9580
- editorGroup.border#bde6fb24
- editorGroup.emptyBackground#1e2529
- editorGroupHeader.border#00000000
- editorGroupHeader.tabsBackground#1e2529
- editorGroupHeader.tabsBorder#b6e5fc10
- editorGutter.addedBackground#c3ff45
- editorGutter.background#1e2529
- editorGutter.commentRangeForeground#bde6fb5c
- editorGutter.deletedBackground#ff242e
- editorGutter.foldingControlForeground#bde6fb5c
- editorGutter.modifiedBackground#88e5ff
- editorHoverWidget.background#1e2529
- editorHoverWidget.border#bde6fb3a
- editorHoverWidget.foreground#bde6fb
- editorIndentGuide.activeBackground1#bde6fb46
- editorIndentGuide.background1#bde6fb0e
- editorInfo.background#00000000
- editorInfo.border#00000000
- editorInfo.foreground#8dc9fff3
- editorLineNumber.activeForeground#bde6fb
- editorLineNumber.foreground#bde6fb36
- editorLink.activeForeground#48acff
- editorMarkerNavigation.background#1e2529
- editorMarkerNavigationError.background#c46f5da1
- editorMarkerNavigationInfo.background#bde6fb66
- editorMarkerNavigationWarning.background#ffe88099
- editorOverviewRuler.background#00000000
- editorOverviewRuler.border#00000000
- editorRuler.foreground#bde6fb16
- editorSuggestWidget.background#1e2529
- editorSuggestWidget.border#bde6fb44
- editorSuggestWidget.foreground#bde6fb
- editorSuggestWidget.highlightForeground#6ccdff
- editorSuggestWidget.selectedBackground#bde6fb1a
- editorWarning.background#00000000
- editorWarning.border#00000000
- editorWarning.foreground#ffdd43
- editorWhitespace.foreground#bde6fb0e
- editorWidget.background#1e2529
- editorWidget.foreground#bde6fb
- editorWidget.resizeBorder#bde6fb8b
- focusBorder#bde6fb60
- foreground#bde6fb
- gitDecoration.addedResourceForeground#a8eeb5
- gitDecoration.conflictingResourceForeground#9c9cff
- gitDecoration.deletedResourceForeground#f76d55
- gitDecoration.ignoredResourceForeground#b4b4b4
- gitDecoration.modifiedResourceForeground#ffd89e
- gitDecoration.stageDeletedResourceForeground#f56046
- gitDecoration.stageModifiedResourceForeground#ffd9a0
- gitDecoration.submoduleResourceForeground#a6d4ff
- gitDecoration.untrackedResourceForeground#87eaaa
- icon.foreground#bde6fb
- input.background#171d20
- input.border#b6e5fc10
- input.foreground#bde6fb
- input.placeholderForeground#bde6fb6c
- inputOption.activeBackground#bde6fb40
- inputOption.activeBorder#00000000
- inputOption.activeForeground#caedff
- list.activeSelectionBackground#bde6fb30
- list.activeSelectionForeground#bde6fb
- list.dropBackground#bde6fb10
- list.focusBackground#bde6fb14
- list.focusForeground#bde6fb
- list.highlightForeground#03a9f4
- list.hoverBackground#bde6fb30
- list.hoverForeground#bde6fb
- list.inactiveSelectionBackground#bde6fb20
- list.inactiveSelectionForeground#bde6fb
- listFilterWidget.background#2d383d
- listFilterWidget.noMatchesOutline#d58ea5
- listFilterWidget.outline#00000000
- menu.background#1e2529
- menu.border#b6e5fc10
- menu.foreground#bde6fb
- menu.selectionBackground#bde6fb24
- menu.selectionBorder#00000000
- menu.selectionForeground#d2f0ff
- menu.separatorBackground#bde6fb4e
- menubar.selectionBackground#bde6fb1a
- menubar.selectionBorder#6f965800
- menubar.selectionForeground#caedff
- merge.commonContentBackground#1e252940
- merge.commonHeaderBackground#bde6fb00
- merge.currentContentBackground#419c8a40
- merge.currentHeaderBackground#5bffdb40
- merge.incomingContentBackground#2d5e9b40
- merge.incomingHeaderBackground#2688ff40
- minimap.background#1e2529
- minimap.errorHighlight#ff9580
- minimap.findMatchHighlight#bde6fb4e
- minimap.selectionHighlight#bde6fb20
- minimap.warningHighlight#ffdd43
- minimapGutter.addedBackground#c3ff45
- minimapGutter.deletedBackground#ff242e
- minimapGutter.modifiedBackground#88e5ff
- notificationCenter.border#bde6fb1e
- notificationCenterHeader.background#bde6fb1e
- notificationCenterHeader.foreground#bde6fb
- notifications.background#1e2529
- notifications.border#bde6fb1e
- notifications.foreground#bde6fb
- notificationsErrorIcon.foreground#ff6d6d
- notificationsInfoIcon.foreground#7c90ff
- notificationsWarningIcon.foreground#ffcc9e
- notificationToast.border#bde6fb1e
- panel.background#1e2529
- panel.border#bde6fb42
- panelSection.border#bde6fb32
- panelTitle.activeBorder#bde6fb
- panelTitle.activeForeground#bde6fb
- panelTitle.inactiveForeground#bde6fb6a
- peekView.border#bde6fb76
- peekViewEditor.background#0e1215
- peekViewEditor.matchHighlightBackground#ff8f0099
- peekViewEditor.matchHighlightBorder#ee931e
- peekViewEditorGutter.background#001f33
- peekViewResult.background#252526
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#bbbbbb
- peekViewResult.matchHighlightBackground#ea5c004d
- peekViewResult.selectionBackground#3399ff33
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#1e1e1e
- peekViewTitleDescription.foreground#ccccccb3
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#00000000
- pickerGroup.foreground#3d89ff
- progressBar.background#bde6fb
- scrollbar.shadow#0000007a
- scrollbarSlider.activeBackground#bde6fb42
- scrollbarSlider.background#262e33
- scrollbarSlider.hoverBackground#bde6fb2a
- selection.background#bde6fb28
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#bde6fb
- sideBar.background#1e2529
- sideBar.border#b6e5fc10
- sideBar.dropBackground#bde6fb10
- sideBar.foreground#bde6fb
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#bde6fb
- sideBarTitle.foreground#bde6fb91
- statusBar.background#1e2529
- statusBar.border#b6e5fc10
- statusBar.debuggingBackground#1e2529
- statusBar.debuggingBorder#00000000
- statusBar.debuggingForeground#96ffd3
- statusBar.foreground#7893a1
- statusBar.noFolderBackground#1e2529
- statusBar.noFolderBorder#00000000
- statusBar.noFolderForeground#bde6fb
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#bde6fb20
- statusBarItem.remoteBackground#3e4d58
- statusBarItem.remoteForeground#bde6fb
- tab.activeBackground#384147
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#bde6fb
- tab.border#b6e5fc10
- tab.hoverBackground#bde6fb30
- tab.hoverBorder#00000000
- tab.hoverForeground#bde6fb
- tab.inactiveBackground#272f34
- tab.inactiveForeground#bde6fb6a
- terminal.ansiBlack#000000
- terminal.ansiBlue#2472c8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3b8eea
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#e0e0e0
- terminal.ansiYellow#e5e510
- terminal.border#bde6fb32
- terminal.foreground#dbf3ff
- terminal.selectionBackground#bde6fb2c
- terminalCursor.background#bde6fb56
- terminalCursor.foreground#bde6fb
- textLink.foreground#00abff
- titleBar.activeBackground#1e2529
- titleBar.activeForeground#bde6fb
- titleBar.border#b6e5fc10
- titleBar.inactiveBackground#1e2529
- titleBar.inactiveForeground#bde6fb56
- tree.indentGuidesStroke#bde6fb16
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#0000005c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text | #696d77 | italic |
| comment storage.type | #696d77 | — |
| comment entity.name.type | #b2b9bd | — |
| comment variable, comment variable.other | #b2b9bd | — |
| comment keyword.codetag.notation | #bde6fb | — |
| comment.git-status.header.remote | #ff6088 | — |
| comment.git-status.header.local | #70baff | — |
| comment.other.git-status.head | #bde6fb | — |
| string.quoted.docstring, string.quoted.docstring punctuation.definition | #696d77 | — |
| constant | #bde6fb | — |
| constant.other | #bde6fb | — |
| constant.other.caps | #bde6fb | — |
| constant.other.placeholder.c | #ff8e5a | — |
| constant.other.property | #bde6fb | — |
| constant.other.citation.latex | #bde6fb | — |
| constant.other.color | #bde6fb | — |
| constant.other.character-class.escape | #bde6fb | — |
| constant.other.key | #bde6fb | — |
| constant.other.symbol | #ff8e5a | — |
| constant.other.elm | #70baff | — |
| constant.numeric | #cc99e4 | — |
| constant.language | #bde6fb | — |
| constant.character.escape | #bde6fb | — |
| constant.numeric.line-number.find-in-files | #535763 | — |
| constant.numeric.line-number.match.find-in-files | #ffeaaf | — |
| entity.name.section | #ffeaaf | — |
| entity.name.function, entity.name.function.templated | #93ff9c | — |
| entity.name.function.member.static | #bde6fb | — |
| entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace | #70baff | — |
| entity.name.label | #bde6fb | — |
| entity.name.function.preprocessor | #70baff | — |
| entity.name | #93ff9c | — |
| entity.name.class | #70baff | — |
| entity.name.constant | #bde6fb | — |
| entity.name.namespace | #bde6fb | — |
| entity.other.inherited-class | #70baff | italic |
| entity.name.function | #93ff9c | — |
| entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component | #ff6088 | — |
| entity.name.function.operator | #ff6088 | — |
| entity.name.type, entity.name.type.class.reference, entity.name.type.class.value | #70baff | — |
| entity.other.attribute-name | #70baff | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css | #93ff9c | — |
| entity.other.attribute-name.id.css | #ff8e5a | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css | #70baff | italic |
| entity.name.function, support.function | #93ff9c | — |
| entity.other.git-status.hex | #bde6fb | — |
| entity.other.jinja2.delimiter | #888d94 | — |
| entity.name.operator.custom-literal | #bde6fb | — |
| entity.name.operator.custom-literal.string | #ffeaaf | — |
| entity.name.operator.custom-literal.number | #bde6fb | — |
| entity.name.type.rust | #70baff | — |
| entity.name.lifetime.rust | #ff6088 | — |
| invalid | — | italic |
| keyword | #ff6088 | — |
| keyword.control | #ff6088 | — |
| keyword.control.directive | #ff6088 | — |
| keyword.operator, keyword.operator.member, keyword.operator.new | #ff6088 | — |
| keyword.other.substitution | #888d94 | — |
| keyword.other.template.begin, keyword.other.template.end | #ff6088 | — |
| keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext | #888d94 | — |
| keyword.other.parenthesis.elm | #888d94 | — |
| keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust | #70baff | — |
| keyword.control.rust, keyword.operator.misc.rust | #ff6088 | — |
| keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby | #ff6088 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.heading | #ffeaaf | — |
| markup.raw | #ff8e5a | — |
| markup.underline | — | underline |
| markup.underline.link | #93ff9c | — |
| markup.inserted, markup.inserted punctuation.definition.inserted | #93ff9c | — |
| markup.deleted, markup.deleted punctuation.definition.deleted | #ff6088 | — |
| markup.changed, markup.changed punctuation.definition.changed | #ffeaaf | — |
| markup.ignored, markup.ignored punctuation.definition.ignored | #888d94 | — |
| markup.untracked | #888d94 | — |
| markup.quote | — | italic |
| meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js | #888d94 | — |
| meta.function-call.generic.python, support.function.builtin.python | #93ff9c | — |
| meta.function-call.python meta.function-call.arguments.python | #bde6fb | — |
| meta.instance.constructor | #93ff9c | — |
| meta.attribute-with-value.class string, meta.attribute.class.html string | #93ff9c | — |
| meta.attribute-with-value.id string, meta.attribute.id.html string | #ff8e5a | — |
| source.json meta.mapping.key string | #bde6fb | — |
| meta.object.member | #bde6fb | — |
| meta.property-list.css variable.other | #ff8e5a | — |
| entity.name.constant.preprocessor, meta.preprocessor | #bde6fb | — |
| meta.diff.git-diff.header | #ffeaaf | — |
| meta.type_params.rust | #bde6fb | — |
| meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string | #b2b9bd | — |
| punctuation | #888d94 | — |
| punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css | #888d94 | — |
| punctuation.definition.group | #bde6fb | — |
| punctuation.definition.comment | #696d77 | — |
| punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css | #b2b9bd | — |
| punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin | #ff8e5a | — |
| punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #ff6088 | — |
| region.redish | #ff6088 | — |
| region.orangish | #ff8e5a | — |
| region.yellowish | #ffeaaf | — |
| region.greenish | #93ff9c | — |
| region.bluish | #70baff | — |
| region.purplish | #d697ff | — |
| region.pinkish | #ff6088 | — |
| region.whitish | #bde6fb | — |
| source | #bde6fb | — |
| source.scss, source.sass | #888d94 | — |
| source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less | #ff8e5a | italic |
| source.git-show.commit.sha | #bde6fb | — |
| source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file | #888d94 | — |
| source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha | #bde6fb | — |
| source.git-show meta.diff.range.unified | #ff8e5a | — |
| source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file | #888d94 | — |
| storage | #ff6088 | — |
| storage.type | #70baff | italic |
| storage.type.extends | #ff6088 | |
| storage.type.function.arrow | #ff6088 | |
| storage.modifier, storage.type.modifier | #ff6088 | italic |
| storage.class.restructuredtext.ref | #bde6fb | — |
| storage.modifier.visibility.rust, storage.modifier.lifetime.rust | #ff6088 | — |
| storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust | #70baff | — |
| storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust | #ff6088 | — |
| string | #ffeaaf | — |
| string.unquoted.label | #bde6fb | — |
| string source | #bde6fb | — |
| string source punctuation.section.embedded, string punctuation.definition.string source | #888d94 | — |
| string.other.link.title, string.other.link.description | #ff6088 | — |
| string.other.link.description.title | #70baff | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #ff6088 | — |
| string.other.ref, string.other.restructuredtext.ref | #93ff9c | — |
| string.other.git-status.help.key | #b2b9bd | — |
| string.other.git-status.remote | #ff6088 | — |
| support.constant | #70baff | — |
| support.constant.handlebars | #888d94 | — |
| support.type.vendor-prefix.css | #b2b9bd | — |
| support.function | #93ff9c | — |
| support.function.delimiter.elm | #888d94 | — |
| support.type, entity.name.type.object.console | #70baff | italic |
| support.variable | #70baff | — |
| support.type.property-name | #bde6fb | |
| support.class | #70baff | — |
| support.constant.core.rust | #bde6fb | — |
| text | #bde6fb | — |
| text.find-in-files | #bde6fb | — |
| variable, variable.other | #bde6fb | — |
| variable.parameter, parameters variable.function | #ff8e5a | italic |
| variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #b2b9bd | italic |
| variable.language.arguments | #bde6fb | — |
| variable.other.class | #70baff | — |
| variable.other.constant | #bde6fb | — |
| variable.other.readwrite | #bde6fb | — |
| variable.other.member | #bde6fb | — |
| variable.other.enummember | #bde6fb | — |
| variable.other.property, variable.other.property.static, variable.other.event | #bde6fb | — |
| variable.function | #93ff9c | — |
| variable.other.substitution | #ff8e5a | — |
| source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby | #bde6fb | — |
| source.jinja2 variable.other.jinja2.block | #93ff9c | — |
| source.jinja2 variable.other.jinja2 | #ff8e5a | — |