BESUR
Publisher: BESUR ThemesThemes in package: 6
Vibrant color themes — BESUR, Soft, Light, Barca, Ocean & Rainbow — with extended language support: JS/TS, Python, Rust, Go, PHP, SQL, XML, YAML, TOML, Markdown, Bash, and more.
Color themes
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#050d18
- activityBar.border#1e3a5f30
- activityBar.foreground#94a3b8
- activityBar.inactiveForeground#94a3b866
- activityBarBadge.background#3b82f6
- activityBarBadge.foreground#ffffff
- badge.background#3b82f6
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#22d3ee
- breadcrumb.focusForeground#e2e8f0
- breadcrumb.foreground#94a3b899
- button.background#3b82f6
- button.foreground#ffffff
- button.hoverBackground#2563eb
- checkbox.background#0c1a2e
- checkbox.border#1e3a5f50
- diffEditor.border#1e3a5f30
- diffEditor.insertedTextBackground#22d3ee30
- diffEditor.removedTextBackground#f4722640
- dropdown.background#071120
- dropdown.border#1e3a5f30
- dropdown.foreground#e2e8f0
- editor.background#0a1628
- editor.findMatchBackground#22d3ee50
- editor.findMatchBorder#22d3ee
- editor.findMatchHighlightBackground#22d3ee30
- editor.findMatchHighlightBorder#22d3ee60
- editor.foreground#e2e8f0
- editor.hoverHighlightBackground#3b82f630
- editor.inactiveSelectionBackground#3b82f635
- editor.lineHighlightBackground#ffffff06
- editor.lineHighlightBorder#ffffff00
- editor.rangeHighlightBackground#3b82f620
- editor.selectionBackground#3b82f655
- editor.selectionForeground#ffffff
- editor.selectionHighlightBackground#22d3ee30
- editor.selectionHighlightBorder#22d3ee60
- editor.wordHighlightBackground#3b82f640
- editor.wordHighlightBorder#3b82f670
- editor.wordHighlightStrongBackground#22d3ee35
- editor.wordHighlightStrongBorder#22d3ee70
- editorBracketMatch.background#3b82f640
- editorBracketMatch.border#22d3eeaa
- editorCursor.foreground#22d3ee
- editorError.foreground#f47266
- editorGroup.border#1e3a5f30
- editorGroupHeader.tabsBackground#071120
- editorGroupHeader.tabsBorder#1e3a5f30
- editorGutter.addedBackground#4ade80aa
- editorGutter.deletedBackground#f47266aa
- editorGutter.modifiedBackground#fbbf24aa
- editorHoverWidget.background#071120
- editorHoverWidget.border#1e3a5f50
- editorHoverWidget.foreground#e2e8f0
- editorIndentGuide.activeBackground#1e3a5f55
- editorIndentGuide.background#1e3a5f25
- editorInfo.foreground#22d3ee
- editorLineNumber.activeForeground#94a3b8
- editorLineNumber.foreground#64748baa
- editorOverviewRuler.border#1e3a5f30
- editorOverviewRuler.errorForeground#f47266
- editorOverviewRuler.infoForeground#22d3ee
- editorOverviewRuler.warningForeground#fbbf24
- editorRuler.foreground#1e3a5f30
- editorSuggestWidget.background#071120
- editorSuggestWidget.border#1e3a5f50
- editorSuggestWidget.foreground#e2e8f0
- editorSuggestWidget.highlightForeground#22d3ee
- editorSuggestWidget.selectedBackground#3b82f650
- editorSuggestWidget.selectedForeground#ffffff
- editorWarning.foreground#fbbf24
- editorWidget.background#071120
- editorWidget.border#1e3a5f50
- editorWidget.foreground#e2e8f0
- extensionButton.prominentBackground#3b82f6
- extensionButton.prominentHoverBackground#2563eb
- focusBorder#3b82f655
- gitDecoration.conflictingResourceForeground#fbbf24
- gitDecoration.deletedResourceForeground#f47266
- gitDecoration.ignoredResourceForeground#94a3b8bb
- gitDecoration.modifiedResourceForeground#fbbf24
- gitDecoration.untrackedResourceForeground#4ade80
- input.background#0c1a2e
- input.border#1e3a5f50
- input.foreground#e2e8f0
- input.placeholderForeground#94a3b888
- list.activeSelectionBackground#3b82f650
- list.activeSelectionForeground#ffffff
- list.focusBackground#3b82f650
- list.focusForeground#ffffff
- list.foreground#e2e8f0
- list.highlightForeground#22d3ee
- list.hoverBackground#3b82f625
- list.hoverForeground#e2e8f0
- list.inactiveSelectionBackground#3b82f635
- list.inactiveSelectionForeground#e2e8f0
- menu.background#071120
- menu.border#1e3a5f30
- menu.foreground#e2e8f0
- menu.selectionBackground#3b82f640
- menu.separatorBackground#1e3a5f30
- notificationCenterHeader.background#071120
- notificationCenterHeader.foreground#e2e8f0
- notifications.background#071120
- notifications.border#1e3a5f30
- notifications.foreground#e2e8f0
- notificationsErrorIcon.foreground#f47266
- notificationsInfoIcon.foreground#22d3ee
- notificationsWarningIcon.foreground#fbbf24
- panel.background#071120
- panel.border#1e3a5f30
- panelTitle.activeBorder#3b82f6
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#94a3b8aa
- peekView.border#3b82f655
- peekViewEditor.background#071120
- peekViewResult.background#050d18
- peekViewTitle.background#071120
- peekViewTitleDescription.foreground#94a3b8
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#1e3a5f50
- pickerGroup.foreground#22d3ee
- quickInput.background#071120
- quickInput.foreground#e2e8f0
- quickInputList.focusBackground#3b82f650
- quickInputList.focusForeground#ffffff
- quickInputTitle.background#071120
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#3b82f665
- scrollbarSlider.background#3b82f625
- scrollbarSlider.hoverBackground#3b82f645
- selection.background#3b82f666
- sideBar.background#071120
- sideBar.border#1e3a5f30
- sideBar.foreground#94a3b8
- sideBarSectionHeader.background#071120
- sideBarSectionHeader.foreground#94a3b8
- sideBarTitle.foreground#94a3b8cc
- statusBar.background#071120
- statusBar.border#1e3a5f30
- statusBar.debuggingBackground#3b82f6
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#94a3b8cc
- statusBar.noFolderBackground#071120
- tab.activeBackground#0a1628
- tab.activeBorderTop#3b82f6
- tab.activeForeground#ffffff
- tab.border#00000000
- tab.inactiveBackground#071120
- tab.inactiveForeground#94a3b8cc
- terminal.ansiBlack#0a1628
- terminal.ansiBlue#3b82f6
- terminal.ansiBrightBlack#94a3b8
- terminal.ansiBrightBlue#60a5fa
- terminal.ansiBrightCyan#67e8f9
- terminal.ansiBrightGreen#86efac
- terminal.ansiBrightMagenta#c4b5fd
- terminal.ansiBrightRed#fca5a1
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fcd34d
- terminal.ansiCyan#22d3ee
- terminal.ansiGreen#4ade80
- terminal.ansiMagenta#a78bfa
- terminal.ansiRed#f47266
- terminal.ansiWhite#e2e8f0
- terminal.ansiYellow#fbbf24
- terminal.background#071120
- terminal.foreground#e2e8f0
- terminalCursor.foreground#22d3ee
- titleBar.activeBackground#071120
- titleBar.activeForeground#94a3b8
- titleBar.border#1e3a5f30
- titleBar.inactiveBackground#050d18
- titleBar.inactiveForeground#94a3b8aa
- welcomePage.buttonBackground#0c1a2e
- welcomePage.buttonHoverBackground#ffffff08
- widget.shadow#00000055
- window.activeBorder#0a1628
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, fenced_code.block.language.markdown | #64748bcc | italic |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution, meta.arrow, storage.type.function.arrow, keyword.operator.assignment, punctuation.terminator.rule.css, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.end | #94a3b8 | — |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.constant, meta.object-literal.key, support.variable.property, entity.name.variable, constant.other.placeholder | #7dd3fc | — |
| entity.name.function, meta.function-call, support.function, meta.method-call, entity.name.method, keyword.other.special-method, variable.function, support.function.misc | #3b82f6 | — |
| string, string.quoted, string.template, punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, meta.attribute-selector.scss | #22d3ee | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan, constant.language.infinity | #a78bfa | — |
| keyword, keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.flow, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default, keyword.control.trycatch, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.sizeof, keyword.operator.typeof, keyword.operator.instanceof, keyword.other.unit, storage.type, storage.modifier | #60a5fa | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.ternary, punctuation.accessor, punctuation.separator, meta.brace | #e2e8f0 | — |
| entity.name.class, entity.name.type, entity.name.type.class, entity.other.inherited-class, support.class, support.type, entity.name.namespace, entity.name.module, meta.type.annotation, storage.type.class, support.type.primitive, support.type.builtin | #4ade80 | — |
| meta.decorator, meta.annotation, punctuation.decorator, entity.name.function.decorator, storage.type.annotation | #fbbf24 | — |
| variable.parameter, entity.name.variable.parameter, meta.parameter, meta.parameters | #cbd5e1 | italic |
| entity.name.tag, entity.name.tag.html, entity.name.tag.css, entity.name.tag.yaml, entity.name.tag.localname.xml, entity.name.tag.other.html | #3b82f6 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.class, entity.other.attribute-name.id | #7dd3fc | — |
| support.type.property-name, support.type.property-name.css, meta.property-name | #7dd3fc | — |
| support.constant.property-value, support.constant.font-name, meta.property-value, support.constant.color | #22d3ee | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #4ade80 | — |
| keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.sql, keyword.other.data-integrity.sql, keyword.other.LUW.sql, keyword.other.alias.sql, keyword.other.order.sql, keyword.other.object-comments.sql, keyword.other.authorization.sql | #60a5fa | — |
| support.function.aggregate.sql, support.function.scalar.sql, support.function.string.sql, support.function.datetime.sql, support.function.conversion.sql, support.function.mathematical.sql | #3b82f6 | — |
| storage.type.sql, support.type.sql | #4ade80 | — |
| entity.name.tag.yaml, entity.name.tag.xml, entity.name.tag.localname.xml, entity.other.attribute-name.localname.xml, meta.tag.xml, meta.tag.sgml.doctype.xml | #3b82f6 | — |
| string.unquoted.plain.out.yaml, string.unquoted.block.yaml, source.toml string | #22d3ee | — |
| support.type.property-name.json | #3b82f6 | — |
| meta.structure.dictionary.value meta.structure.dictionary.json support.type.property-name.json | #60a5fa | — |
| meta.structure.dictionary.value meta.structure.dictionary.value meta.structure.dictionary.json support.type.property-name.json | #7dd3fc | — |
| meta.structure.dictionary.value meta.structure.dictionary.value meta.structure.dictionary.value meta.structure.dictionary.json support.type.property-name.json | #22d3ee | — |
| meta.structure.dictionary.value meta.structure.dictionary.value meta.structure.dictionary.value meta.structure.dictionary.value meta.structure.dictionary.json support.type.property-name.json | #67e8f9 | — |
| variable.language.self, variable.language.cls, variable.language.this, variable.language.special.self | #a78bfa | italic |
| entity.name.function.decorator.python, meta.function.decorator.python, punctuation.definition.decorator.python | #fbbf24 | — |
| support.function.magic.python, support.variable.magic.python | #a78bfa | — |
| punctuation.definition.lifetime.rust, entity.name.type.lifetime.rust, storage.modifier.lifetime.rust | #fbbf24 | — |
| entity.name.function.macro.rust, meta.macro.rust, support.macro.rust | #a78bfa | — |
| entity.name.type.rust, entity.name.type.primitive.rust, storage.type.rust, storage.type.core.rust | #4ade80 | — |
| entity.name.package.go, entity.name.import.go | #22d3ee | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, keyword.other.class.php | #3b82f6 | — |
| variable.other.php, punctuation.definition.variable.php | #7dd3fc | — |
| variable.other.normal.shell, variable.other.positional.shell, variable.other.bracket.shell, variable.other.special.shell, punctuation.definition.variable.shell | #7dd3fc | — |
| support.function.builtin.shell | #3b82f6 | — |
| keyword.other.special-method.dockerfile, keyword.control.dockerfile | #60a5fa | — |
| support.type.graphql, entity.name.fragment.graphql | #4ade80 | — |
| variable.graphql, variable.arguments.graphql | #7dd3fc | — |
| heading.1.markdown entity.name, heading.2.markdown entity.name, heading.3.markdown entity.name, heading.4.markdown entity.name, heading.5.markdown entity.name, heading.6.markdown entity.name, markup.heading.markdown, punctuation.definition.heading.markdown | #3b82f6 | — |
| markup.bold.markdown, punctuation.definition.bold.markdown | #fbbf24 | bold |
| markup.italic.markdown, punctuation.definition.italic.markdown | #a78bfa | italic |
| markup.underline.link.markdown, markup.underline.link.image.markdown, string.other.link.title.markdown, string.other.link.description.markdown | #22d3ee | — |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown, markup.raw.block.markdown | #4ade80 | — |
| beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown | #60a5fa | — |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | #64748bcc | italic |
| string.regexp, keyword.operator.quantifier.regexp, keyword.control.anchor.regexp, punctuation.definition.group.regexp, punctuation.definition.character-class.regexp | #f47266 | — |
| constant.character.escape, constant.other.character-class.regexp | #fbbf24 | — |
| invalid, invalid.illegal | #f47266 | — |
| invalid.deprecated | #fbbf24 | strikethrough |