sjsepan-blueishtoo
Publisher: sjsepanThemes in package: 1
BlueishToo, but with borders and with matching colors in Activity- and Side-bars.
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#BDC8EE
- activityBar.border#8686A8
- activityBar.foreground#304c57
- activityBar.inactiveForeground#4e7b8d
- activityBarBadge.background#8686A89b
- activityBarBadge.foreground#E9E9FF
- badge.background#8686A89b
- badge.foreground#E9E9FF
- breadcrumb.background#BDC8EE
- button.background#BDC8EE
- button.border#8686A8
- button.foreground#1a3020
- button.hoverBackground#c3cef7
- editor.background#E9E9FF
- editor.foreground#1a3020
- editor.inactiveSelectionBackground#89acb950
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#74919c50
- editor.selectionHighlightBackground#adf3ff80
- editorBracketHighlight.foreground1#7ebd80
- editorBracketHighlight.foreground2#b2bd7e
- editorBracketHighlight.foreground3#bdb07e
- editorBracketHighlight.foreground4#bd9d7e
- editorBracketHighlight.foreground5#00000000
- editorBracketHighlight.foreground6#00000000
- editorBracketHighlight.unexpectedBracket.foreground#ff1212cc
- editorCursor.foreground#205160
- editorGroup.border#8686A8
- editorGroupHeader.tabsBackground#BDC8EE
- editorGroupHeader.tabsBorder#8686A8
- editorGutter.addedBackground#81b88b
- editorGutter.background#BDC8EE
- editorGutter.commentRangeForeground#424242
- editorGutter.deletedBackground#ca4b51
- editorGutter.foldingControlForeground#424242
- editorGutter.modifiedBackground#66afe0
- editorHoverWidget.background#BDC8EE
- editorHoverWidget.border#304c57
- editorHoverWidget.foreground#304c57
- editorIndentGuide.activeBackground1#939393
- editorIndentGuide.background1#d3d3d3
- editorSuggestWidget.background#BDC8EE
- editorSuggestWidget.border#304c57
- editorSuggestWidget.foreground#304c57
- editorWidget.background#BDC8EE
- editorWidget.border#304c57
- editorWidget.foreground#304c57
- focusBorder#00000000
- foreground#1a3020
- gitDecoration.ignoredResourceForeground#8e8e90
- gitDecoration.untrackedResourceForeground#4a6020
- icon.foreground#1a3020
- input.background#E9E9FF
- input.border#BDC8EE
- input.placeholderForeground#767676
- list.activeSelectionBackground#306370
- list.activeSelectionIconForeground#ffffff
- list.focusAndSelectionOutline#306370
- list.highlightForeground#6093a0
- list.hoverBackground#3e8192
- list.inactiveSelectionBackground#BDC8EE
- menu.background#E9E9FF
- menu.border#8686A8
- menu.foreground#1a3020
- menu.selectionBackground#BDC8EE
- menu.selectionBorder#00000000
- menu.selectionForeground#1a3020
- menu.separatorBackground#888888
- menubar.selectionBackground#0000001a
- menubar.selectionForeground#333333
- minimap.background#BDC8EE
- minimap.selectionHighlight#8686A888
- notebook.cellBorderColor#e8e8e8
- notebook.selectedCellBackground#c8ddf150
- notificationCenter.border#304c57
- notificationCenterHeader.background#BDC8EE
- notificationCenterHeader.foreground#304c57
- notificationToast.border#304c57
- panel.background#BDC8EE
- panel.border#8686A8
- ports.iconRunningProcessForeground#369432
- profileBadge.background#8686A89b
- profileBadge.foreground#E9E9FF
- scmGraph.foreground1default
- scmGraph.foreground2default
- scmGraph.foreground3default
- scmGraph.foreground4default
- scmGraph.foreground5default
- scmGraph.historyItemBaseRefColordefault
- scmGraph.historyItemHoverAdditionsForegrounddefault
- scmGraph.historyItemHoverDefaultLabelBackgrounddefault
- scmGraph.historyItemHoverDefaultLabelForegrounddefault
- scmGraph.historyItemHoverDeletionsForegrounddefault
- scmGraph.historyItemHoverLabelForegrounddefault
- scmGraph.historyItemRefColor#ACACCA
- scmGraph.historyItemRemoteRefColordefault
- scrollbar.shadow#304c57
- scrollbarSlider.activeBackground#00000040
- scrollbarSlider.background#00000020
- scrollbarSlider.hoverBackground#00000060
- searchEditor.textInputBorder#cecece
- selection.background#74919c50
- settings.modifiedItemIndicator#8686A8
- settings.numberInputBorder#cecece
- settings.textInputBorder#cecece
- sideBar.background#E9E9FF
- sideBar.border#8686A8
- sideBarSectionHeader.background#BDC8EE
- sideBarSectionHeader.border#61616130
- sideBarSectionHeader.foreground#454545
- sideBarTitle.foreground#6f6f6f
- statusBar.background#BDC8EE
- statusBar.border#8686A8
- statusBar.debuggingBackground#BDC8EE
- statusBar.debuggingForeground#1a3020
- statusBar.foreground#1a3020
- statusBar.noFolderBackground#b1c1c5
- statusBar.noFolderForeground#1a3020
- statusBarItem.errorBackground#c72e0f
- statusBarItem.remoteBackground#abb8a7
- statusBarItem.remoteForeground#ffffff
- tab.activeBorder#8686A8
- tab.activeBorderTop#8686A8
- tab.border#8686A8
- tab.hoverBorder#8686A8
- tab.inactiveBackground#00000000
- tab.lastPinnedBorder#61616130
- terminal.background#E9E9FF
- terminal.border#8686A8
- terminal.inactiveSelectionBackground#e5ebf1
- textLink.activeForeground#306870
- textLink.foreground#306870
- titleBar.activeBackground#BDC8EE
- titleBar.activeForegrounddefault
- titleBar.border#8686A8
- titleBar.inactiveBackground#BDC8EE
- titleBar.inactiveForeground#4e7b8d
- widget.shadow#304c57
- window.activeBorder#304c57
- window.inactiveBorder#304c57
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #27678c | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #777777 | — |
| keyword, storage | #1e6476 | — |
| storage.type, support.type | #1e5a76 | — |
| constant.language, support.constant, variable.language | #AB6526 | — |
| variable, support.variable | #01648b | italic |
| entity.name.function, support.function | #204e60 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #205160 | bold |
| entity.name.exception | #968200 | strikethrough |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #AB6526 | — |
| string | #276f8c | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #777777 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #276f8c | — |
| entity.name.tag | #204c60 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #7d8b01 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #AB6526 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #27748c | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #27748c | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |