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#ebeef5
- activityBar.border#00000012
- activityBar.foreground#1a1f2e
- activityBar.inactiveForeground#4a556899
- activityBarBadge.background#ff006a
- activityBarBadge.foreground#ffffff
- badge.background#ff006a
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ff006a
- breadcrumb.focusForeground#1a1f2e
- breadcrumb.foreground#4a556888
- button.background#ff006a
- button.foreground#ffffff
- button.hoverBackground#cc0055
- checkbox.background#f4f6fa
- checkbox.border#00000012
- commandCenter.activeBackground#ff006a18
- commandCenter.activeForeground#1a1f2e
- commandCenter.background#f4f6fa
- commandCenter.border#00000012
- commandCenter.foreground#1a1f2e
- diffEditor.border#00000012
- diffEditor.insertedTextBackground#aaed3622
- diffEditor.removedTextBackground#ff006a22
- dropdown.background#f4f6fa
- dropdown.border#00000012
- dropdown.foreground#1a1f2e
- editor.background#ffffff
- editor.foreground#1a1f2e
- editorBracketMatch.background#00000010
- editorBracketMatch.border#ff006a88
- editorCursor.foreground#ff006a
- editorError.foreground#cc0044
- editorGroup.border#00000012
- editorGroupHeader.tabsBackground#f4f6fa
- editorGroupHeader.tabsBorder#00000012
- editorGutter.addedBackground#5a9e0088
- editorGutter.deletedBackground#ff006a88
- editorGutter.modifiedBackground#c0800088
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#00000012
- editorHoverWidget.foreground#1a1f2e
- editorIndentGuide.activeBackground#00000025
- editorIndentGuide.background#00000012
- editorInfo.foreground#0088cc
- editorLineNumber.activeForeground#4a5568
- editorLineNumber.foreground#a0aabb
- editorOverviewRuler.border#00000012
- editorOverviewRuler.errorForeground#cc0044
- editorOverviewRuler.infoForeground#0088cc
- editorOverviewRuler.warningForeground#c08000
- editorRuler.foreground#00000012
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#00000012
- editorSuggestWidget.foreground#1a1f2e
- editorSuggestWidget.highlightForeground#ff006a
- editorSuggestWidget.selectedBackground#ff006a18
- editorSuggestWidget.selectedForeground#1a1f2e
- editorWarning.foreground#c08000
- editorWidget.background#ffffff
- editorWidget.border#00000012
- editorWidget.foreground#1a1f2e
- extensionButton.prominentBackground#ff006a
- extensionButton.prominentHoverBackground#cc0055
- focusBorder#ff006a44
- foreground#1a1f2e
- gitDecoration.conflictingResourceForeground#c08000
- gitDecoration.deletedResourceForeground#ff006a
- gitDecoration.ignoredResourceForeground#4a5568bb
- gitDecoration.modifiedResourceForeground#c08000
- gitDecoration.untrackedResourceForeground#5a9e00
- input.background#f4f6fa
- input.border#00000012
- input.foreground#1a1f2e
- input.placeholderForeground#4a556888
- keybindingLabel.background#ebeef5
- keybindingLabel.border#00000012
- keybindingLabel.foreground#1a1f2e
- list.activeSelectionBackground#ff006a18
- list.activeSelectionForeground#1a1f2e
- list.deemphasizedForeground#4a5568
- list.errorForeground#cc0044
- list.focusBackground#ff006a18
- list.focusForeground#1a1f2e
- list.foreground#1a1f2e
- list.highlightForeground#ff006a
- list.hoverBackground#00000008
- list.hoverForeground#1a1f2e
- list.inactiveSelectionBackground#00000010
- list.inactiveSelectionForeground#1a1f2e
- list.warningForeground#c08000
- listFilterWidget.background#f4f6fa
- listFilterWidget.noMatchesOutline#cc004488
- listFilterWidget.outline#ff006a44
- menu.background#f4f6fa
- menu.border#00000012
- menu.foreground#1a1f2e
- menu.selectionBackground#00000010
- menu.separatorBackground#00000012
- notificationCenterHeader.background#f4f6fa
- notificationCenterHeader.foreground#1a1f2e
- notifications.background#f4f6fa
- notifications.border#00000012
- notifications.foreground#1a1f2e
- notificationsErrorIcon.foreground#cc0044
- notificationsInfoIcon.foreground#0088cc
- notificationsWarningIcon.foreground#c08000
- panel.background#f4f6fa
- panel.border#00000012
- panelTitle.activeBorder#ff006a
- panelTitle.activeForeground#1a1f2e
- panelTitle.inactiveForeground#4a556899
- peekView.border#ff006a44
- peekViewEditor.background#f4f6fa
- peekViewResult.background#ebeef5
- peekViewTitle.background#f4f6fa
- peekViewTitleDescription.foreground#4a5568
- peekViewTitleLabel.foreground#1a1f2e
- pickerGroup.border#ff006a22
- pickerGroup.foreground#ff006a
- quickInput.background#ffffff
- quickInput.foreground#1a1f2e
- quickInputList.focusBackground#ff006a18
- quickInputList.focusForeground#1a1f2e
- quickInputTitle.background#f4f6fa
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#00000025
- scrollbarSlider.background#00000010
- scrollbarSlider.hoverBackground#00000018
- settings.headerForeground#1a1f2e
- settings.modifiedItemIndicator#ff006a
- sideBar.background#f4f6fa
- sideBar.border#00000012
- sideBar.foreground#1a1f2e
- sideBarSectionHeader.background#ebeef5
- sideBarSectionHeader.border#00000012
- sideBarSectionHeader.foreground#1a1f2e
- sideBarTitle.foreground#1a1f2e
- statusBar.background#f4f6fa
- statusBar.border#00000012
- statusBar.debuggingBackground#ff006a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#1a1f2e
- statusBar.noFolderBackground#f4f6fa
- tab.activeBackground#ffffff
- tab.activeBorderTop#ff006a
- tab.activeForeground#1a1f2e
- tab.border#00000000
- tab.inactiveBackground#f4f6fa
- tab.inactiveForeground#4a556899
- tab.unfocusedActiveForeground#1a1f2e
- tab.unfocusedInactiveForeground#4a556899
- terminal.ansiBlack#1a1f2e
- terminal.ansiBlue#0088cc
- terminal.ansiBrightBlack#4a5568
- terminal.ansiBrightBlue#0088cc
- terminal.ansiBrightCyan#0099bb
- terminal.ansiBrightGreen#5a9e00
- terminal.ansiBrightMagenta#ff006a
- terminal.ansiBrightRed#cc0044
- terminal.ansiBrightWhite#1a1f2e
- terminal.ansiBrightYellow#c08000
- terminal.ansiCyan#0099bb
- terminal.ansiGreen#5a9e00
- terminal.ansiMagenta#ff006a
- terminal.ansiRed#cc0044
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#c08000
- terminal.background#f4f6fa
- terminal.foreground#1a1f2e
- terminalCursor.foreground#ff006a
- titleBar.activeBackground#f4f6fa
- titleBar.activeForeground#1a1f2e
- titleBar.border#00000012
- titleBar.inactiveBackground#ebeef5
- titleBar.inactiveForeground#4a556899
- tree.indentGuidesStroke#4a556844
- welcomePage.buttonBackground#ebeef5
- welcomePage.buttonHoverBackground#00000008
- widget.shadow#00000022
- window.activeBorder#00000012
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, fenced_code.block.language.markdown | #8a9ab5aa | 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 | #4a5568 | — |
| variable, variable.other, variable.other.readwrite, variable.other.object, string constant.other.placeholder, meta.block variable.other, entity.name.method, variable.function.constructor, markup.changed, constant.character.escape, markup.inline.raw.string.markdown, entity.other.attribute-name.class.css, entity.other.inherited-class.ruby, keyword.control.pseudo-method.ruby, entity.name.variable.parameter.python, variable.parameter.function.python, variable.other.property, support.variable | #0088cc | — |
| keyword, keyword.control, keyword.operator, storage.type, storage.modifier, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other, markup.heading, markup.inserted.git_gutter, entity.other.attribute-name | #1a1f2e | — |
| entity.name.function, meta.function-call, variable.function, support.function, entity.name.tag, entity.name, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.return, keyword.control.async, keyword.control.await, keyword.control.try, keyword.control.except, keyword.control.raise, invalid, invalid.illegal, markup.deleted.git_gutter, markup.changed.git_gutter, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types | #ff006a | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.regexp, string.interpolated, entity.other.attribute-name.pseudo-class.css, entity.other.inherited-class, keyword.other.special-method, markup.inserted.git_gutter, variable.language | #5a9e00 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, tag.decorator entity.name.tag, tag.decorator punctuation.definition.tag, entity.name.decorator, keyword.operator.logical, constant.language.symbol.ruby, constant.other.color, constant.other.symbol, constant.other.key, punctuation.definition.annotation, storage.type.annotation | #c08000 | — |
| markup.bold, markup.bold string, entity.name, entity.other.inherited-class, entity.other.attribute-name.class.css, keyword.other.important.css, keyword.other.important.scss, support.class, support.class.ruby | — | bold |
| markup.italic, comment | — | italic |
| markup.underline, *url*, *link*, *uri* | — | underline |
| text.html.markdown, punctuation.definition.list_item.markdown, markup.italic | #2d3748 | — |
| meta.import, punctuation.terminator.statement, keyword.control.import, keyword.control.from | #8a9ab5aa | — |
| string.other.link.title.markdown, constant.other.reference.link.markdown | #0088cc | — |
| markup.quote, markup.quote punctuation.definition.blockquote.markdown, meta.separator, markup.table | #4a5568 | italic |
| support.type, 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 | #4a5568 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id, entity.name.tag.css | #ff006a | — |
| support.constant.property-value.css, support.constant.font-name.css, support.constant.media-type.media.css, support.constant.media.css, constant.other.color.rgb-value.css, constant.other.color.rgb-value.hex.css | #5a9e00 | — |
| keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.vw.css, keyword.other.unit.pt.css, keyword.other.unit.percent.css, keyword.other.unit.css | #c08000 | — |
| keyword.other.sql, keyword.other.create.sql, keyword.other.drop.sql, keyword.other.select.sql, keyword.other.insert.sql, keyword.other.update.sql, keyword.other.delete.sql, keyword.other.where.sql, keyword.other.from.sql, keyword.other.join.sql, keyword.other.on.sql, keyword.other.as.sql, keyword.other.order.sql, keyword.other.group.sql, keyword.other.by.sql, keyword.other.having.sql, keyword.other.limit.sql, keyword.other.offset.sql, keyword.other.union.sql, keyword.other.intersect.sql, keyword.other.except.sql, keyword.other.into.sql, keyword.other.values.sql, keyword.other.set.sql, keyword.other.table.sql, keyword.other.database.sql, keyword.other.index.sql, keyword.other.primary.sql, keyword.other.foreign.sql, keyword.other.key.sql, keyword.other.references.sql, keyword.other.constraint.sql, keyword.other.not.sql, keyword.other.null.sql, keyword.other.unique.sql, keyword.other.default.sql, keyword.other.check.sql, keyword.other.transaction.sql, keyword.other.begin.sql, keyword.other.commit.sql, keyword.other.rollback.sql, keyword.other.grant.sql, keyword.other.revoke.sql, keyword.other.procedure.sql, keyword.other.function.sql, keyword.other.trigger.sql, keyword.other.view.sql, keyword.other.alter.sql, support.function.aggregate.sql, support.function.window.sql | #ff006a | bold |
| storage.type.sql, storage.type.numeric.sql, storage.type.string.sql, storage.type.date.sql, keyword.other.type.sql | #0088cc | — |
| entity.name.function.sql, meta.toc-list.id.sql, variable.other.table.sql, variable.other.column.sql, constant.other.database-name.sql, constant.other.table-name.sql | #1a1f2e | — |
| support.function.scalar.sql, support.function.string.sql, support.function.numeric.sql, support.function.date.sql | #c08000 | — |
| entity.name.tag.xml, entity.name.tag.localname.xml, meta.tag.xml | #ff006a | — |
| entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml, entity.other.attribute-name.namespace.xml | #0088cc | — |
| entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml, variable.other.documentroot.xml | #c08000 | — |
| meta.tag.preprocessor.xml, punctuation.definition.tag.xml | #4a5568 | — |
| entity.name.tag.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, punctuation.definition.block.sequence.item.yaml | #0088cc | — |
| string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.plain.in.yaml | #5a9e00 | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #c08000 | — |
| constant.language.boolean.yaml, constant.language.null.yaml, constant.language.yaml | #ff006a | — |
| keyword.key.toml, support.type.property-name.toml, variable.other.key.toml | #0088cc | — |
| string.quoted.single.toml, string.quoted.double.toml, string.quoted.triple.toml | #5a9e00 | — |
| entity.name.section.group-title.toml, support.type.property-name.table.toml | #ff006a | bold |
| constant.numeric.toml, constant.language.boolean.toml, constant.language.null.toml | #c08000 | — |
| meta.structure.dictionary.json support.type.property-name.json | #ff006a | — |
| meta.structure.dictionary.json meta.structure.dictionary.json support.type.property-name.json | #0088cc | — |
| meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json support.type.property-name.json | #5a9e00 | — |
| meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json support.type.property-name.json | #c08000 | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #4a5568 | — |
| meta.structure.dictionary.value.json constant.numeric.json, meta.structure.dictionary.value.json constant.language.json | #c08000 | — |
| meta.decorator.python, entity.name.function.decorator.python, punctuation.definition.decorator.python | #c08000 | italic |
| variable.language.special.self.python | #ff006a | italic |
| support.type.python, meta.function.parameters.annotated.python, meta.function.return-type.python | #0088cc | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #c08000 | italic |
| meta.macro.rust, entity.name.function.macro.rust, support.function.macro.rust | #ff006a | — |
| entity.name.type.rust, support.type.primitive.rust, entity.name.struct.rust, entity.name.enum.rust, entity.name.trait.rust | #0088cc | — |
| entity.name.package.go, support.other.namespace.go | #0088cc | — |
| entity.name.function.go | #ff006a | — |
| entity.name.type.go, support.type.builtin.go | #0088cc | — |
| variable.other.php, variable.language.this.php | #0088cc | — |
| support.class.php, entity.name.class.php, entity.name.type.class.php | #0088cc | bold |
| support.function.magic.php | #ff006a | italic |
| support.type.graphql, entity.name.type.graphql | #0088cc | — |
| variable.graphql, meta.selectionset.graphql variable.graphql | #1a1f2e | — |
| entity.name.directive.graphql | #c08000 | — |
| keyword.operation.graphql, entity.name.fragment.graphql | #ff006a | — |
| keyword.other.special-method.dockerfile, entity.name.function.dockerfile, support.function.dockerfile | #ff006a | bold |
| variable.other.normal.shell, variable.other.bracket.shell, variable.other.special.shell | #0088cc | — |
| support.function.builtin.shell, keyword.other.shell | #ff006a | — |
| entity.name.type.model.prisma, entity.name.type.enum.prisma | #0088cc | bold |
| variable.other.field.prisma | #1a1f2e | — |
| support.function.attribute.prisma | #c08000 | — |