Bac Theme
Publisher: Ngo Xuan BacThemes in package: 2
My custom theme
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.activeBorder#343e50
- activityBar.background#2a2c36
- activityBar.foreground#cea37f
- activityBar.inactiveForeground#8f8f96
- activityBarBadge.background#2eb387
- activityBarBadge.foreground#272830
- badge.background#2EB387
- badge.foreground#272830
- breadcrumb.activeSelectionForeground#2eb387
- button.hoverBackground#272830
- checkbox.border#cea37f00
- contrastActiveBorder#ff000000
- dropdown.background#272830
- dropdown.border#FFFFFF00
- dropdown.foreground#C4A489
- editor.background#272830
- editor.findMatchBorder#FFFFFF00
- editor.findMatchHighlightBorder#FFFFFF00
- editor.foreground#8f8f99
- editor.lineHighlightBackground#2a2c36
- editor.selectionBackground#333844
- editor.selectionHighlightBackground#3e405ac0
- editor.selectionHighlightBorder#cea37f00
- editor.wordHighlightBorder#ff000000
- editor.wordHighlightStrongBorder#ff000000
- editorBracketMatch.border#585f5c
- editorCursor.foreground#2eb387
- editorError.border#00000000
- editorGroup.border#FFFFFF00
- editorGroup.focusedEmptyBorder#343e50
- editorGroupHeader.noTabsBackground#2a2c36
- editorGroupHeader.tabsBackground#2a2c36
- editorGutter.background#272830
- editorHint.border#cea37f
- editorHoverWidget.background#2a2c36
- editorHoverWidget.border#cea37f00
- editorInfo.border#11aaff
- editorLineNumber.activeForeground#2eb387
- editorLineNumber.foreground#58585f
- editorLink.activeForeground#2EB387
- editorMarkerNavigation.background#2a2c36
- editorMarkerNavigationError.background#2a2c36
- editorMarkerNavigationInfo.background#2a2c36
- editorMarkerNavigationWarning.background#2a2c36
- editorOverviewRuler.border#FFFFFF00
- editorPane.background#2a2c36
- editorSuggestWidget.background#2a2c36
- editorSuggestWidget.border#cea37f00
- editorSuggestWidget.selectedBackground#26262c
- editorUnnecessaryCode.border#FFFFFF00
- editorUnnecessaryCode.opacity#FF0000C0
- editorWarning.border#ff000000
- editorWarning.foreground#dbc270
- editorWidget.background#2a2c36
- editorWidget.border#2eb387
- editorWidget.resizeBorder#343e50
- extensionButton.prominentBackground#2a8f54
- focusBorder#FFFFFF00
- foreground#c4a489
- gitDecoration.addedResourceForeground#2EB387
- gitDecoration.conflictingResourceForeground#df4646
- gitDecoration.deletedResourceForeground#a54d4d
- gitDecoration.ignoredResourceForeground#6c6c77
- gitDecoration.modifiedResourceForeground#dbc270
- gitDecoration.submoduleResourceForeground#6c6c77
- gitDecoration.untrackedResourceForeground#8f8f99
- input.background#272830
- input.border#66677a00
- inputValidation.errorBackground#2a2c36
- inputValidation.infoBackground#2a2c36
- inputValidation.warningBackground#2a2c36
- list.activeSelectionBackground#272830
- list.activeSelectionForeground#ebdbb2
- list.dropBackground#2a2c36
- list.errorForeground#df7365
- list.filterMatchBorder#FFFFFF00
- list.focusBackground#272830
- list.focusForeground#ebdbb2
- list.highlightForeground#2eb387
- list.hoverBackground#272830
- list.inactiveSelectionBackground#272830
- listFilterWidget.background#373842
- listFilterWidget.noMatchesOutline#df4646
- menu.background#2a2c36
- menu.border#1f2025
- menu.foreground#C4A489
- menu.selectionBackground#272830
- menu.selectionBorder#cea37f00
- menu.selectionForeground#cea37f
- menu.separatorBackground#ffffff11
- menubar.selectionBackground#272830
- menubar.selectionBorder#00000000
- menubar.selectionForeground#cea37f
- minimap.selectionHighlight#2eb3879d
- notificationCenter.border#cea37f00
- notificationLink.foreground#30c593
- notifications.border#cea37f00
- notificationToast.border#cea37f00
- panel.background#272830
- panel.border#202229
- panelInput.border#cea37f
- panelTitle.activeForeground#2eb387
- panelTitle.inactiveForeground#8f8f99
- peekView.border#cea37f00
- peekViewEditor.background#2a2c36
- peekViewEditor.matchHighlightBackground#434561
- peekViewEditorGutter.background#2a2c36
- peekViewResult.background#2a2c36
- peekViewResult.lineForeground#CEA37F
- peekViewResult.matchHighlightBackground#383A52
- peekViewTitleDescription.foreground#8F8F99
- peekViewTitleLabel.foreground#CEA37F
- pickerGroup.border#cea37f
- pickerGroup.foreground#30c593
- progressBar.background#30c593
- scrollbar.shadow#1d1d24
- scrollbarSlider.background#ffffff11
- selection.background#6b6b778a
- settings.dropdownBackground#2a2c36
- settings.headerForeground#30c593
- settings.modifiedItemIndicator#30c593
- settings.numberInputBackground#2a2c36
- settings.textInputBackground#2a2c36
- sideBar.background#2a2c36
- sideBar.border#ff000000
- sideBar.foreground#8f8f99
- sideBarSectionHeader.background#2a2c36
- sideBarSectionHeader.border#ff000000
- sideBarSectionHeader.foreground#cea37f
- sideBarTitle.foreground#cea37f
- statusBar.background#2a2c36
- statusBar.border#FFFFFF00
- statusBar.debuggingBackground#2eb387
- statusBar.debuggingForeground#272830
- statusBar.foreground#CEA37F
- statusBarItem.hoverBackground#272830
- symbolIcon.functionForeground#2EB387
- tab.activeBackground#272830
- tab.activeBorder#00000000
- tab.activeBorderTop#cea37f
- tab.activeForeground#cea37f
- tab.border#ff000000
- tab.hoverBackground#272830
- tab.hoverBorder#cea37f00
- tab.inactiveBackground#2a2c36
- tab.inactiveForeground#828396
- tab.unfocusedActiveBorderTop#cea37f
- tab.unfocusedActiveForeground#cea37f
- terminal.background#272830
- terminal.foreground#9c7f66
- terminalCursor.foreground#2EB387
- textBlockQuote.border#343e50
- textLink.foreground#30c593
- titleBar.activeBackground#2a2c36
- titleBar.activeForeground#898a92
- titleBar.inactiveBackground#2a2c36
- walkThrough.embeddedEditorBackground#2a2c36
- widget.shadow#1d1d24
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.array.begin, punctuation.definition.array.end, punctuation.separator.array | #8BA9AC | — |
| punctuation.definition.dictionary.begin, punctuation.definition.dictionary.end, punctuation.separator.dictionary | #6A6656 | — |
| support.type.property-name | #B6776B | |
| support.type.property-name punctuation | #6A6656 | — |
| string - support.type.property-name | #60C0D2 | — |
| punctuation.definition.string.begin.json, punctuation.definition.string.end.json | #4A6269 | — |
| invalid.illegal.character-not-allowed-here.html | #CF7357 | — |
| markup.underline | — | underline |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.heading | #30c593 | — |
| markup.heading punctuation | #405651 | — |
| markup.inline | #B6776B | — |
| markup.inline punctuation, markup.list markup.inline punctuation, markup.list markup.list markup.inline punctuation, markup.list markup.list markup.list markup.inline punctuation, markup.list markup.list markup.list markup.list markup.inline punctuation | #6A6656 | — |
| markup.list | #D9C679 | — |
| markup.list markup.italic | #9D936A | — |
| markup.list punctuation, markup.list beginning.punctuation | #6A6656 | — |
| meta.link string, meta.image string | #60C0D2 | — |
| meta.link markup.underline.link, meta.image markup.underline.link | #588E9A | — |
| meta.link punctuation, markup.list meta.link punctuation, markup.list markup.list meta.link punctuation, markup.list markup.list markup.list meta.link punctuation, markup.list markup.list markup.list markup.list meta.link punctuation, meta.image punctuation, markup.list meta.image punctuation, markup.list markup.list meta.image punctuation, markup.list markup.list markup.list meta.image punctuation, markup.list markup.list markup.list markup.list meta.image punctuation | #4A6269 | — |
| markup.list markup.list, punctuation, beginning.punctuation | #DDDCD3 | — |
| markup.list markup.list markup.list | #B9B9B5 | — |
| markup.list markup.list markup.list markup.list, markup.list markup.list punctuation, markup.list markup.list beginning.punctuation | #9C9D9D | — |
| markup.list markup.list markup.list markup.list markup.list, markup.list markup.list markup.list punctuation, markup.list markup.list markup.list beginning.punctuation | #85878A | — |
| markup.list markup.list markup.list markup.list punctuation, markup.list markup.list markup.list markup.list beginning.punctuation | #72757B | — |
| markup.list markup.list markup.list markup.list markup.list punctuation, markup.list markup.list markup.list markup.list markup.list beginning.punctuation | #63676F | — |
| comment.block.documentation | #7A7A78 | — |
| comment.block.documentation punctuation, comment.block.documentation punctuation.definition.comment, comment.block.documentation meta.tag punctuation, comment.block.documentation meta.tag entity | #4F4F51 | — |
| comment.block.documentation meta.tag string, comment.block.documentation meta.tag string.quoted.single, comment.block.documentation meta.tag string.quoted.double | #A39375 | — |
| source regions.attribute | #5C84A6 | — |
| regions.attribute keyword.operator | #527596 | — |
| regions.attribute punctuation | #4C6D8D | — |
| regions.attribute punctuation.parenthesis | #476685 | — |
| regions.attribute punctuation.squarebracket | #425F7D | — |
| regions.attribute punctuation.curlybrace | #3E5A78 | — |
| regions.attribute comment, regions.attribute comment punctuation, regions.attribute comment punctuation.parenthesis, regions.attribute comment punctuation.squarebracket, regions.attribute comment punctuation.curlybrace, regions.attribute comment keyword, regions.attribute comment entity, regions.attribute comment variable, regions.attribute comment string | #3E4958 | — |
| regions.attribute constant | #4263A3 | — |
| regions.attribute constant.language.null | #3C5989 | — |
| regions.attribute constant.numeric | #426DA3 | — |
| regions.attribute string.quoted.double, regions.attribute string.quoted.double punctuation | #4277A3 | — |
| regions.attribute constant.character.escape | #3C6689 | — |
| regions.attribute string.quoted.single, regions.attribute string.quoted.single punctuation | #417C99 | — |
| regions.attribute entity.name.function, regions.attribute entity.name.method, regions.attribute keyword.other.get, regions.attribute keyword.other.set, regions.attribute keyword.other.add, regions.attribute keyword.other.remove | #386C81 | — |
| regions.attribute support.function.System | #305064 | — |
| regions.attribute storage.type, regions.attribute entity.name.type.type-parameter | #4E6178 | — |
| regions.attribute keyword.type | #455970 | — |
| regions.attribute punctuation.definition.typeparameters | #3A4E64 | — |
| regions.attribute support.type.System | #3A4E64 | — |
| regions.attribute storage.modifier | #3A4E64 | — |
| regions.attribute entity.name.type | #576980 | — |
| regions.attribute keyword.control, regions.attribute keyword.operator.conditional, regions.attribute keyword.query | #546E81 | |
| regions.attribute keyword.other | #496379 | |
| regions.attribute meta.preprocessor, regions.attribute meta.preprocessor punctuation, regions.attribute meta.preprocessor punctuation.parenthesis, regions.attribute meta.preprocessor punctuation.squarebracket, regions.attribute meta.preprocessor punctuation.curlybrace, regions.attribute meta.preprocessor keyword | #5A5F60 | — |
| regions.attribute meta.preprocessor entity, regions.attribute meta.preprocessor entity.name.method, regions.attribute meta.preprocessor entity.name.function, regions.attribute meta.preprocessor entity.name.variable, regions.attribute meta.preprocessor variable, regions.attribute meta.preprocessor string | #676863 | — |
| regions.attribute variable.other.readwrite, regions.attribute variable.other.object, regions.attribute variable.other.alias, regions.attribute entity.name.variable | #577880 | — |
| regions.attribute keyword.other.this | #30c593 | — |
| regions.attribute variable.other.object.property, regions.attribute entity.name.variable.local, regions.attribute keyword.other.base | #496776 | — |
| regions.attribute support.variable.System | #3E5769 | — |
| source regions.namespace.declaration | #9BBCBE | — |
| regions.namespace.declaration keyword.operator | #8BA9AC | — |
| regions.namespace.declaration punctuation | #809BA1 | — |
| regions.namespace.declaration punctuation.parenthesis | #779198 | — |
| regions.namespace.declaration punctuation.squarebracket | #70888F | — |
| regions.namespace.declaration punctuation.curlybrace | #688088 | — |
| regions.namespace.declaration comment, regions.namespace.declaration comment punctuation, regions.namespace.declaration comment punctuation.parenthesis, regions.namespace.declaration comment punctuation.squarebracket, regions.namespace.declaration comment punctuation.curlybrace, regions.namespace.declaration comment keyword, regions.namespace.declaration comment entity, regions.namespace.declaration comment variable, regions.namespace.declaration comment string | #5C6A73 | — |
| regions.namespace.declaration constant | #6E8CB4 | — |
| regions.namespace.declaration constant.language.null | #65809A | — |
| regions.namespace.declaration constant.numeric | #6E9AB4 | — |
| regions.namespace.declaration string.quoted.double, regions.namespace.declaration string.quoted.double punctuation | #6EA6B4 | — |
| regions.namespace.declaration constant.character.escape | #65929A | — |
| regions.namespace.declaration string.quoted.single, regions.namespace.declaration string.quoted.single punctuation | #6EAEAA | — |
| regions.namespace.declaration entity.name.function, regions.namespace.declaration entity.name.method, regions.namespace.declaration keyword.other.get, regions.namespace.declaration keyword.other.set, regions.namespace.declaration keyword.other.add, regions.namespace.declaration keyword.other.remove | #609892 | — |
| regions.namespace.declaration support.function.System | #527171 | — |
| regions.namespace.declaration storage.type, regions.namespace.declaration entity.name.type.type-parameter | #858C8B | — |
| regions.namespace.declaration keyword.type | #748082 | — |
| regions.namespace.declaration punctuation.definition.typeparameters | #637174 | — |
| regions.namespace.declaration support.type.System | #637174 | — |
| regions.namespace.declaration storage.modifier | #637174 | — |
| regions.namespace.declaration entity.name.type | #929794 | — |
| regions.namespace.declaration keyword.control, regions.namespace.declaration keyword.operator.conditional, regions.namespace.declaration keyword.query | #909F98 | |
| regions.namespace.declaration keyword.other | #7C8E8B | — |
| regions.namespace.declaration meta.preprocessor, regions.namespace.declaration meta.preprocessor punctuation, regions.namespace.declaration meta.preprocessor punctuation.parenthesis, regions.namespace.declaration meta.preprocessor punctuation.squarebracket, regions.namespace.declaration meta.preprocessor punctuation.curlybrace, regions.namespace.declaration meta.preprocessor keyword | #6B6D66 | — |
| regions.namespace.declaration meta.preprocessor entity, regions.namespace.declaration meta.preprocessor entity.name.method, regions.namespace.declaration meta.preprocessor entity.name.function, regions.namespace.declaration meta.preprocessor entity.name.variable, regions.namespace.declaration meta.preprocessor variable, regions.namespace.declaration meta.preprocessor string | #78786A | — |
| regions.namespace.declaration variable.other.readwrite, regions.namespace.declaration variable.other.object, regions.namespace.declaration variable.other.alias, regions.namespace.declaration entity.name.variable | #96AE98 | — |
| regions.namespace.declaration keyword.other.this | #30c593 | |
| regions.namespace.declaration variable.other.object.property, regions.namespace.declaration entity.name.variable.local, regions.namespace.declaration keyword.other.base | #7E958B | — |
| regions.namespace.declaration support.variable.System | #697E7A | — |
| source regions.using | #4C578D | — |
| regions.using keyword.operator | #515E97 | — |
| regions.using punctuation | #4C578D | — |
| regions.using punctuation.parenthesis | #465184 | — |
| regions.using punctuation.squarebracket | #424C7D | — |
| regions.using punctuation.curlybrace | #3E4877 | — |
| regions.using comment, regions.using comment punctuation, regions.using comment punctuation.parenthesis, regions.using comment punctuation.squarebracket, regions.using comment punctuation.curlybrace, regions.using comment keyword, regions.using comment entity, regions.using comment variable, regions.using comment string | #494F6B | — |
| regions.using constant | #44529D | — |
| regions.using constant.language.null | #3E4A87 | — |
| regions.using constant.numeric | #44579D | — |
| regions.using string.quoted.double, regions.using string.quoted.double punctuation | #445E9D | — |
| regions.using constant.character.escape | #3E5287 | — |
| regions.using string.quoted.single, regions.using string.quoted.single punctuation | #436095 | — |
| regions.using entity.name.function, regions.using entity.name.method, regions.using keyword.other.get, regions.using keyword.other.set, regions.using keyword.other.add, regions.using keyword.other.remove | #3B5481 | — |
| regions.using support.function.System | #313F63 | — |
| regions.using storage.type, regions.using entity.name.type.type-parameter | #4D4F7B | — |
| regions.using keyword.type | #444872 | — |
| regions.using punctuation.definition.typeparameters | #3A3F66 | — |
| regions.using support.type.System | #3A3F66 | — |
| regions.using storage.modifier | #3A3F66 | — |
| regions.using entity.name.type | #555684 | — |
| regions.using keyword.control, regions.using keyword.operator.conditional, regions.using keyword.query | #535985 | |
| regions.using keyword.other | #48507A | — |
| regions.using meta.preprocessor, regions.using meta.preprocessor punctuation, regions.using meta.preprocessor punctuation.parenthesis, regions.using meta.preprocessor punctuation.squarebracket, regions.using meta.preprocessor punctuation.curlybrace, regions.using meta.preprocessor keyword | #5A5960 | — |
| regions.using meta.preprocessor entity, regions.using meta.preprocessor entity.name.method, regions.using meta.preprocessor entity.name.function, regions.using meta.preprocessor entity.name.variable, regions.using meta.preprocessor variable, regions.using meta.preprocessor string | #676164 | — |
| regions.using variable.other.readwrite, regions.using variable.other.object, regions.using variable.other.alias, regions.using entity.name.variable | #555F84 | — |
| regions.using keyword.other.this | #30c593 | |
| regions.using variable.other.object.property, regions.using entity.name.variable.local, regions.using keyword.other.base | #495379 | — |
| regions.using support.variable.System | #3D466A | — |
| source | #DDDCD3 | — |
| keyword.operator | #B9B9B5 | |
| punctuation | #9C9D9D | — |
| punctuation.parenthesis, meta.brace.round | #85878A | — |
| punctuation.squarebracket, meta.brace.square | #72757B | — |
| punctuation.curlybrace | #63676F | — |
| comment, comment punctuation, comment punctuation.parenthesis, comment punctuation.squarebracket, comment punctuation.curlybrace, comment keyword, comment entity, comment variable, comment string | #575B65 | |
| constant | #6074D2 | — |
| constant.language.null | #58649A | — |
| constant.numeric | #609AD2 | — |
| string.quoted.double, string.quoted.double punctuation | #60C0D2 | |
| constant.character.escape | #588E9A | — |
| string.quoted.single, string.quoted.single punctuation | #60D2BE | — |
| entity.name.function, entity.name.method, keyword.other.get, keyword.other.set, keyword.other.add, keyword.other.remove, support.function, keyword.operator.new, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #4DA586 | — |
| support.function.System | #405651 | — |
| storage.type, entity.name.type.type-parameter, support.type, support.class, entity.name.class, variable.other.object.ts | #B6776B | — |
| keyword.type | #876560 | — |
| punctuation.definition.typeparameters | #5E5050 | — |
| support.type.System | #5E5050 | — |
| storage.modifier | #5E5050 | — |
| entity.name.type | #D88E79 | — |
| keyword.operator.conditional, keyword.query | #CEA47F | |
| keyword.other | #98816E | — |
| meta.preprocessor, meta.preprocessor punctuation, meta.preprocessor punctuation.parenthesis, meta.preprocessor punctuation.squarebracket, meta.preprocessor punctuation.curlybrace, meta.preprocessor keyword | #6B6459 | — |
| meta.preprocessor entity, meta.preprocessor entity.name.method, meta.preprocessor entity.name.function, meta.preprocessor entity.name.variable, meta.preprocessor variable, meta.preprocessor string | #7D705D | — |
| variable.other.readwrite, variable.other.object, variable.other.alias, entity.name.variable, variable.other.property, variable.other.constant, variable.parameter, variable.object.property, variable.object.constant, support.variable | #D9C679 | — |
| meta.object-literal.key | #85946B | — |
| entity.other.inherited-class | #CF7357 | — |
| keyword.other.this, variable.language.this | #5ED196 | |
| variable.other.object.property, entity.name.variable.local, keyword.other.base, variable.language.base | #9D936A | — |
| support.variable.System | #6A6656 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #CE9178 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp | #D16969 | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #DCDCAA | |
| keyword.operator.quantifier.regexp | #D7BA7D | — |
| constant.character | #569CD6 | — |
| constant.character.escape | #D7BA7D | — |
| entity.name.label | #C8C8C8 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #4EC9B0 | — |
| comment | #575B65 | |
| string | #5ED2BE | — |
| variable | #DAC779 | — |
| keyword | #CEA47F | |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | #876660 | |
| entity.other.attribute-name | #D9C679 | — |
| entity.other.attribute-name.id.html | #6073D1 | — |
| punctuation.definition.tag.html | #30c593 | — |
| meta.tag.sgml.doctype.html | #DABA7E | |
| keyword.control.razor.directive.page, keyword.control.razor.directive.model, keyword.control.razor.directive.inject, keyword.control.razor.directive.using, keyword.control.razor.directive.inherits, keyword.control.razor.directive.implements, keyword.control.razor.directive.layout, keyword.control.razor.directive.namespace, keyword.control.razor.directive.section, keyword.control.razor.directive.model | #6F55AD | |
| keyword.control.cshtml.transition, keyword.control.razor.directive.codeblock.open, keyword.control.razor.directive.codeblock.close, keyword.control.razor.directive.code, keyword.control.razor.directive.attribute | #643C9E | |
| text.aspnetcorerazor | #EBDBB2 | |
| keyword.control | #CEA47F | |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| keyword.default.zig | #615353 | — |
| storage.type.function.zig | #876560 | — |
| keyword.storage.zig | #876560 | — |
| keyword.structure.zig | #876560 | — |
| keyword.constant.default.zig | #535C90 | — |
| keyword.constant.bool.zig | #535C90 | — |
| variable.other.enummember.zig | #535C90 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...