Blue Paint
Publisher: Andreas WeberThemes in package: 1
A blue VS Code 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.activeBackground#0d47a1
- activityBar.activeBorder#ffffff00
- activityBar.background#1565c0
- activityBar.dropBorder#ffffff
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#f3f3f3
- activityBarBadge.background#0d47a1
- activityBarBadge.foreground#ffffff
- breadcrumb.background#f3f3f3
- button.background#1565c0
- button.foreground#ffffff
- button.hoverBackground#1565c0
- diffEditor.insertedTextBackground#d0ffd080
- diffEditor.removedTextBackground#ffe0e080
- editor.background#ffffff
- editor.findMatchBackground#c6b963
- editor.findMatchHighlightBackground#ffee80
- editor.foreground#000000
- editor.hoverHighlightBackground#d5e1f2a0
- editor.lineHighlightBackground#f3f3f3
- editor.lineHighlightBorder#f3f3f3
- editor.rangeHighlightBackground#ffffff
- editor.selectionBackground#c6c6c6
- editor.selectionHighlightBackground#d5e1f2a0
- editor.wordHighlightBackground#d5e1f280
- editor.wordHighlightStrongBackground#d5e1f2a0
- editorBracketMatch.background#ffffff
- editorBracketMatch.border#1565c0
- editorCursor.background#000000
- editorGroup.border#d2d2d2
- editorGroup.dropBackground#d5e1f250
- editorGroupHeader.noTabsBackground#f3f3f3
- editorGroupHeader.tabsBackground#ededed
- editorGroupHeader.tabsBorder#e1e4e8
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#d2d2d2
- editorHoverWidget.foreground#000000
- editorIndentGuide.background#eeeeee
- editorLineNumber.foreground#cccccc
- editorLink.activeForeground#0563c1
- extensionButton.prominentBackground#0d47a1
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#1565c0
- focusBorder#ff000000
- foreground#000000
- gitDecoration.addedResourceForeground#2E7D32
- gitDecoration.conflictingResourceForeground#ffc000
- gitDecoration.deletedResourceForeground#D84315
- gitDecoration.ignoredResourceForeground#616161
- gitDecoration.modifiedResourceForeground#0d47a1
- gitDecoration.submoduleResourceForeground#4527A0
- gitDecoration.untrackedResourceForeground#1976D2
- inputOption.activeBorder#e36209
- list.activeSelectionBackground#d2d2d2
- list.activeSelectionForeground#0d47a1
- list.dropBackground#d5e1f2
- list.focusBackground#d5e1f2
- list.focusForeground#1565c0
- list.focusHighlightForeground#0066bf
- list.highlightForeground#1565c0d0
- list.hoverBackground#d2d2d2
- list.inactiveSelectionBackground#d2d2d2
- list.inactiveSelectionForeground#000000
- menu.background#f3f3f3
- menu.border#d2d2d2
- menu.foreground#000000
- menu.selectionBackground#c6c6c6
- menu.selectionForeground#5f5f5f
- menubar.selectionBackground#f3f3f3
- menubar.selectionForeground#0d47a1
- minimap.background#fafafa
- minimapSlider.activeBackground#cececeaa
- minimapSlider.background#dadadaaa
- minimapSlider.hoverBackground#cececeaa
- notificationCenterHeader.background#ffffff
- notificationCenterHeader.foreground#000000
- notifications.background#ffffff
- notifications.foreground#000000
- panel.background#f3f3f3
- panel.border#c6c6c6
- pickerGroup.border#d2d2d2
- pickerGroup.foreground#0d47a1
- progressBar.background#0d47a1
- quickInput.background#f3f3f3
- quickInputList.focusBackground#e7e6e5
- quickInputList.focusForeground#24292e
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#cececeaa
- scrollbarSlider.background#dadadaaa
- scrollbarSlider.hoverBackground#cececeaa
- selection.background#c6c6c6
- settings.numberInputBackground#ffffff
- settings.numberInputBorder#d2d2d2
- settings.numberInputForeground#000000
- sideBar.background#f3f3f3
- sideBar.border#bfbfbf
- sideBar.foreground#000000
- sideBarSectionHeader.background#e6e6e6
- sideBarSectionHeader.foreground#24292e
- sideBarTitle.foreground#124078
- statusBar.background#f3f3f3
- statusBar.border#c6c6c6
- statusBar.debuggingBackground#fafbfc
- statusBar.debuggingForeground#24292e
- statusBar.foreground#262626
- statusBar.noFolderBackground#f3f3f3
- statusBar.noFolderBorder#c6c6c6
- statusBar.noFolderForeground#262626
- statusBarItem.hoverBackground#c6c6c6
- statusBarItem.remoteBackground#1565c0
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#ffffff
- tab.activeBorder#0d47a1
- tab.activeForeground#000000
- tab.border#b1b1b1
- tab.inactiveBackground#f3f3f3
- tab.inactiveForeground#5f5f5f
- terminal.ansiBlack#263238
- terminal.ansiBlue#1565c0
- terminal.ansiBrightBlack#37474f
- terminal.ansiBrightBlue#4472c4
- terminal.ansiBrightCyan#26c6da
- terminal.ansiBrightGreen#66bb6a
- terminal.ansiBrightMagenta#9c27b0
- terminal.ansiBrightRed#F44336
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#ffa726
- terminal.ansiCyan#0097a7
- terminal.ansiGreen#43a047
- terminal.ansiMagenta#6a1b9a
- terminal.ansiRed#D32F2F
- terminal.ansiWhite#f5f5f5
- terminal.ansiYellow#f57c00
- terminal.background#fafafa
- terminal.foreground#000000
- terminal.selectionBackground#607d8b
- terminalCursor.background#fafafa
- terminalCursor.foreground#1565c0
- textBlockQuote.background#f3f3f3
- textBlockQuote.border#1565c0
- textLink.activeForeground#124078
- textLink.foreground#0d47a1
- textPreformat.foreground#652d90
- titleBar.activeBackground#e6e6e6
- titleBar.activeForeground#000000
- titleBar.border#bfbfbf
- titleBar.inactiveBackground#f3f3f3
- welcomePage.background#ffffff
- welcomePage.buttonBackground#f3f3f3
- welcomePage.buttonHoverBackground#c6c6c6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression, markup.fenced_code meta.embedded.block | #24292E | — |
| emphasis | — | italic |
| strong, markup.heading.markdown, markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| meta.link.inline.markdown | #1565c0 | underline |
| comment, markup.fenced_code, markup.inline | #6A737D | — |
| constant.numeric, constant.language, variable.language.this, variable.other.class, meta.property-name, meta.property-value, support | #26A69A | — |
| keyword, storage.modifier, storage.control.clojure, entity.name.function.clojure, support.function.node, punctuation.separator.key-value, punctuation.definition.template-expression | #c62828 | — |
| variable.parameter.function | #E27F2D | — |
| entity.other.inherited-class, variable.other.constant, meta.function-call, meta.instance.constructor, entity.other.attribute-name, entity.name.function, constant.keyword.clojure | #000000 | — |
| entity.name.type, meta.function-call entity.name.function, meta.method-call entity.name.function | #1565C0 | — |
| string, string.quoted, string.regexp, string.interpolated, string.template, keyword.other.template | #43A047 | — |
| token.info-token | #316BCD | — |
| token.warn-token | #CD9731 | — |
| token.error-token, invalid | #CD3131 | — |
| token.debug-token | #800080 | — |
| markup.inserted | #388e3c | — |
| markup.deleted | #D73A49 | — |
| markup.changed | #1565c0 | — |
| meta.diff.header | #6A737D | — |
| constant.numeric.css, support.constant.property-value.css, support.function.misc.css, constant.other.color.rgb-value.hex.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css | #000 | — |
| keyword.other, keyword.type | #1565c0 | — |
| entity.name.tag | #1565c0 | — |
| entity.name.tag.yaml, support.type.property-name.json | #000000 | — |
| source.yaml string, source.yaml string.quoted, source.yaml string.regexp, source.yaml string.interpolated, source.yaml string.template, source.yaml keyword.other.template, source.json string, source.json string.quoted, source.json string.regexp, source.json string.interpolated, source.json string.template, source.json keyword.other.template | #1565c0 | — |
| source.vue entity.name.tag | — | bold |
| entity.name.tag.block.any.html | #1565c0 | |
| support.class.component.html | #1565c0 | — |
| entity.other.attribute-name, entity.name.tag.css | #c62828 | — |
| storage.type | #1565c0 | — |
| support.class.component.html, support.type.property-name | #000000 | — |
| entity.other.inherited-class | #000000 | — |
| meta.decorator, meta.decorator meta.function-call entity.name.function, punctuation.decorator, storage.type.annotation, punctuation.definition.annotation | #9c27b0 | — |
| meta.object, meta.import storage.modifier | #000000 | — |