BananaTheme
Publisher: DJ-BananaThemeThemes in package: 1
Dark Blue Golden Touch themes for Code
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#13173b
- activityBar.background#000017
- activityBar.dropBorder#aaaaaa44
- activityBar.foreground#eeeeee
- activityBar.inactiveForeground#666666
- badge.background#13173b
- badge.foreground#cccccc
- button.background#0aa7e5
- button.foreground#cccccc
- checkbox.background#0aa7e5
- checkbox.foreground#cccccc
- diffEditor.insertedTextBackground#00ff0088
- diffEditor.removedTextBackground#ff000088
- dropdown.background#13173b
- dropdown.foreground#cccccc
- dropdown.listBackground#000017
- editor.background#000017
- editor.findMatchBackground#00ff0088
- editor.findMatchHighlightBackground#00ff0088
- editor.foreground#cccccc
- editor.selectionBackground#0aa7e588
- editor.wordHighlightStrongBackground#0aa7e566
- editorBracketHighlight.foreground1#b9a119
- editorBracketHighlight.foreground2#b9a119
- editorBracketHighlight.foreground3#b9a119
- editorBracketHighlight.foreground4#b9a119
- editorCursor.background#b9a119
- editorCursor.foreground#ffffff
- editorError.foreground#ff0000
- editorGroup.border#b9a119
- editorGroup.dropBackground#0aa7e5
- editorGroup.emptyBackground#13173b
- editorGroupHeader.tabsBackground#13173b
- editorHint.foreground#0aa7e5
- editorHoverWidget.background#13173b
- editorHoverWidget.border#b9a119
- editorHoverWidget.foreground#cccccc
- editorInfo.foreground#00ff00
- editorLineNumber.activeForeground#aaaaaa
- editorLineNumber.foreground#aaaaaa
- editorSuggestWidget.focusHighlightForeground#ffffff
- editorWarning.foreground#ff9d00
- editorWidget.background#13173b
- editorWidget.foreground#cccccc
- focusBorder#b9a119
- input.background#13173b
- input.foreground#eeeeee
- input.placeholderForeground#888888
- inputOption.activeBackground#b9a119
- inputOption.hoverBackground#0aa7e5
- inputValidation.errorBackground#ff0000
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#0aa7e5
- inputValidation.infoForeground#cccccc
- inputValidation.warningBackground#ff9d00
- inputValidation.warningForeground#ffffff
- list.activeSelectionBackground#0aa7e5
- list.activeSelectionForeground#ffffff
- list.activeSelectionIconForeground#ffffff
- list.dropBackground#aaaaaa44
- list.hoverBackground#0aa7e5
- list.hoverForeground#000000
- list.inactiveSelectionBackground#0aa7e588
- list.inactiveSelectionForeground#dddddd
- list.invalidItemForeground#b9a119
- merge.commonHeaderBackground#ffffff
- merge.currentContentBackground#00ff0088
- merge.currentHeaderBackground#00ff00cc
- merge.incomingContentBackground#ff000088
- merge.incomingHeaderBackground#ff0000cc
- notificationCenter.border#b9a119
- notificationCenterHeader.background#13173b
- notificationCenterHeader.foreground#ffffff
- notificationLink.foreground#ffffff
- notifications.background#13173b
- notifications.border#b9a119
- notifications.foreground#ffffff
- notificationsErrorIcon.foreground#ff0000
- notificationsInfoIcon.foreground#00ff00
- notificationsWarningIcon.foreground#ff9d00
- notificationToast.border#b9a119
- progressBar.background#0aa7e5
- scrollbarSlider.activeBackground#0aa7e5
- scrollbarSlider.background#0aa7e555
- scrollbarSlider.hoverBackground#0aa7e555
- searchEditor.findMatchBackground#00ff0088
- sideBar.background#13173b
- sideBar.border#b9a119
- sideBar.dropBackground#aaaaaa44
- sideBar.foreground#cccccc
- sideBarSectionHeader.background#000017
- sideBarSectionHeader.border#b9a119
- sideBarSectionHeader.foreground#cccccc
- sideBarTitle.foreground#b9a119
- sideBySideEditor.horizontalBorder#b9a119
- sideBySideEditor.verticalBorder#b9a119
- statusBar.background#13173b
- statusBar.border#b9a119
- statusBar.debuggingBackground#ff9d00
- statusBarItem.errorBackground#ff0000
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#0aa7e5
- statusBarItem.warningBackground#ff9d00
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#000017
- tab.activeForeground#b9a119
- tab.border#b9a119
- tab.inactiveBackground#13173b
- tab.inactiveForeground#ddddddbb
- tab.unfocusedActiveBackground#000017
- tab.unfocusedActiveBorderTop#b9a119
- titleBar.activeBackground#13173b
- titleBar.activeForeground#cccccc
- titleBar.border#b9a119
- titleBar.inactiveBackground#13173b
- titleBar.inactiveForeground#cccccc
- toolbar.activeBackground#000017
- toolbar.hoverBackground#0aa7e5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #777777 | |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #f8871c | italic |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #b9a119 | |
| string, punctuation, punctuation.separator.inheritance.php, punctuation.section.embedded | #eee | |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, entity.other.attribute-name.class | #a11010 | — |
| support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #cccccc | — |
| constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #999999 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, source.json meta.structure.dictionary.json support.type.property-name.json, source.python, source.sql, source.sql.sqlite, source.shell, source.batchfile, variable.other, variable.parameter, variable, punctuation.definition.variable.php | #1fb7f3 | bold |
| storage.type, keyword.operator.comparison.python, variable.other.object.js, entity.other.attribute-name.html | #078fe9 | italic |
| storage.type.js, constant.language, support.type.python, constant.numeric, string.quoted.other.lt-gt.include.c, constant.other.placeholder.c | #9303f3 | |
| constant.language.python, support.type.python | #9303f3 | italic |
| keyword.operator.comparison.js, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #b9a119 | |
| keyword.control, constant.other.color, meta.tag, meta.function-call.generic.python, keyword.other.template, keyword.other.substitution, keyword.operator.logical.python, entity.name, support.function.builtin.python, punctuation.definition.directive.c | #df1102 | |
| entity.name.method.js | #82AAFF | italic |
| entity.other.attribute-name | #0a9fda | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| constant.character.escape | #b9a119 | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |