Skip to main content
Coding Theme

RedBoom

Publisher: TombTabThemes in package: 1

Make A Red Boom If you Want To Do In VS Code Then Enjoy Your theme because it looks to beautiful for red color lovers, Created By Vinayak Chandra, From India,Jharkhand,Deoghar,814112

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#1E1E1E
  • activityBar.border#1E1E1E60
  • activityBar.foreground#DCDCDC
  • activityBarBadge.background#EC0000
  • activityBarBadge.foreground#1E1E1E
  • badge.background#1E1E1E30
  • badge.foreground#BC0000
  • breadcrumb.activeSelectionForeground#BC0000
  • breadcrumb.background#1E1E1E
  • breadcrumb.focusForeground#DCDCDC
  • breadcrumb.foreground#D10000
  • breadcrumbPicker.background#1E1E1E
  • button.background#BC000050
  • contrastBorder#BC000040
  • debugToolBar.background#1E1E1E
  • diffEditor.insertedTextBackground#00000015
  • diffEditor.removedTextBackground#FFFFFF20
  • dropdown.background#1E1E1E
  • dropdown.border#FFFFFF10
  • editor.background#1E1E1E
  • editor.findMatchBackground#1E1E1E
  • editor.findMatchBorder#BC0000
  • editor.findMatchHighlightBackground#BC000093
  • editor.findMatchHighlightBorder#FFFFFF30
  • editor.foreground#DCDCDC
  • editor.lineHighlightBackground#1E1E1E50
  • editor.selectionBackground#EC000030
  • editor.selectionHighlightBackground#BC00006b
  • editor.selectionHighlightBorder#EC0000f0
  • editorBracketMatch.background#1E1E1E
  • editorBracketMatch.border#2D2D2D7f
  • editorCursor.foreground#2D2D2D
  • editorError.foreground#FFFFFF70
  • editorGroup.border#1E1E1E30
  • editorGroupHeader.tabsBackground#1E1E1E
  • editorGutter.addedBackground#00000060
  • editorGutter.deletedBackground#FFFFFF60
  • editorGutter.modifiedBackground#EC000060
  • editorHoverWidget.background#1E1E1E
  • editorHoverWidget.border#FFFFFF10
  • editorIndentGuide.activeBackground#6F6F6F
  • editorIndentGuide.background#6F6F6F70
  • editorInfo.foreground#EC000070
  • editorLineNumber.activeForeground#EC0000
  • editorLineNumber.foreground#BC0000c0
  • editorLink.activeForeground#DCDCDC
  • editorMarkerNavigation.background#DCDCDC05
  • editorOverviewRuler.border#1E1E1E
  • editorOverviewRuler.errorForeground#FFFFFF40
  • editorOverviewRuler.findMatchForeground#BC0000
  • editorOverviewRuler.infoForeground#EC000040
  • editorOverviewRuler.warningForeground#2D2D2D70
  • editorRuler.foreground#6F6F6F
  • editorSuggestWidget.background#1E1E1E
  • editorSuggestWidget.border#FFFFFF10
  • editorSuggestWidget.foreground#DCDCDC
  • editorSuggestWidget.highlightForeground#2D2D2D
  • editorSuggestWidget.selectedBackground#BC000020
  • editorWarning.foreground#000000
  • editorWhitespace.foreground#DCDCDC40
  • editorWidget.background#1E1E1E
  • editorWidget.border#2D2D2D
  • editorWidget.resizeBorder#BC0000
  • extensionButton.prominentBackground#00000090
  • extensionButton.prominentHoverBackground#FFFFFF
  • focusBorder#FFFFFF00
  • gitDecoration.conflictingResourceForeground#2D2D2D
  • gitDecoration.deletedResourceForeground#FFFFFF
  • gitDecoration.ignoredResourceForeground#BC0000
  • gitDecoration.modifiedResourceForeground#D10000
  • gitDecoration.untrackedResourceForeground#EC0000
  • input.background#3F3F3F
  • input.border#FFFFFF10
  • input.foreground#DCDCDC
  • input.placeholderForeground#DCDCDC60
  • inputOption.activeBackground#DCDCDC30
  • inputOption.activeBorder#DCDCDC30
  • inputValidation.errorBorder#FFFFFF50
  • inputValidation.infoBorder#EC000050
  • inputValidation.warningBorder#2D2D2D50
  • list.activeSelectionBackground#1E1E1E
  • list.activeSelectionForeground#BC0000
  • list.focusBackground#3F3F3F
  • list.focusForeground#EC0000
  • list.highlightForeground#BC0000
  • list.hoverBackground#6F6F6F
  • list.hoverForeground#FFFFFF
  • list.inactiveSelectionBackground#1E1E1E30
  • list.inactiveSelectionForeground#BC0000
  • list.warningForeground#2D2D2D
  • listFilterWidget.background#1E1E1E30
  • listFilterWidget.noMatchesOutline#1E1E1E30
  • listFilterWidget.outline#1E1E1E30
  • menu.background#1E1E1Ef8
  • menu.border#BC000050
  • menu.foreground#DCDCDC
  • menu.selectionBackground#3F3F3F
  • menu.selectionBorder#1E1E1E30
  • menu.selectionForeground#DCDCDC
  • menu.separatorBackground#DCDCDC
  • menubar.selectionBackground#3F3F3F
  • menubar.selectionBorder#BC000050
  • menubar.selectionForeground#DCDCDC
  • minimap.background#1E1E1E
  • minimapGutter.addedBackground#FFFFFF
  • minimapGutter.deletedBackground#2D2D2D
  • minimapGutter.modifiedBackground#000000
  • minimapSlider.activeBackground#000000b0
  • minimapSlider.background#00000080
  • minimapSlider.hoverBackground#000000a0
  • notificationLink.foreground#BC0000
  • notifications.background#1E1E1E
  • notifications.foreground#DCDCDC
  • panel.background#1E1E1E
  • panel.border#1E1E1E60
  • panelTitle.activeBorder#BC0000
  • panelTitle.activeForeground#FFFFFF
  • panelTitle.inactiveForeground#DCDCDC
  • peekView.border#1E1E1E30
  • peekViewEditor.background#DCDCDC05
  • peekViewEditor.matchHighlightBackground#BC000050
  • peekViewEditorGutter.background#DCDCDC05
  • peekViewResult.background#DCDCDC05
  • peekViewResult.matchHighlightBackground#BC000050
  • peekViewResult.selectionBackground#BC000070
  • peekViewTitle.background#DCDCDC05
  • peekViewTitleDescription.foreground#DCDCDC60
  • pickerGroup.foreground#BC0000
  • progressBar.background#BC0000
  • scrollbar.shadow#1E1E1E00
  • scrollbarSlider.activeBackground#BC0000cc
  • scrollbarSlider.background#BC0000bb
  • scrollbarSlider.hoverBackground#BC0000ee
  • selection.background#BC0000
  • settings.checkboxBackground#1E1E1E
  • settings.checkboxForeground#DCDCDC
  • settings.dropdownBackground#1E1E1E
  • settings.dropdownForeground#DCDCDC
  • settings.headerForeground#BC0000
  • settings.modifiedItemIndicator#BC0000
  • settings.numberInputBackground#1E1E1E
  • settings.numberInputForeground#DCDCDC
  • settings.textInputBackground#1E1E1E
  • settings.textInputForeground#DCDCDC
  • sideBar.background#1E1E1E
  • sideBar.border#BC000050
  • sideBar.foreground#EC0000
  • sideBarSectionHeader.background#1E1E1E
  • sideBarSectionHeader.border#1E1E1E60
  • sideBarSectionHeader.foreground#EC0000
  • sideBarTitle.foreground#DCDCDC
  • statusBar.background#FF0000
  • statusBar.border#1E1E1E60
  • statusBar.debuggingBackground#2D2D2D
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#1E1E1E
  • statusBarItem.hoverBackground#BC000020
  • statusBarItem.remoteBackground#BC0000
  • statusBarItem.remoteForeground#1E1E1E
  • tab.activeBackground#BC000050
  • tab.activeBorder#BC0000
  • tab.activeForeground#FFFFFF
  • tab.activeModifiedBorder#BC0000
  • tab.border#1E1E1E
  • tab.inactiveBackground#BC000020
  • tab.inactiveForeground#DCDCDCaf
  • tab.unfocusedActiveBackground#BC000040
  • tab.unfocusedActiveBorder#BC0000
  • tab.unfocusedActiveForeground#DCDCDC
  • tab.unfocusedInactiveBackground#BC000010
  • tab.unfocusedInactiveForeground#DCDCDC7f
  • terminal.ansiBlack#1E1E1E
  • terminal.ansiBlue#EC0000
  • terminal.ansiBrightBlack#BC0000
  • terminal.ansiBrightBlue#EC0000
  • terminal.ansiBrightCyan#FF0000
  • terminal.ansiBrightGreen#000000
  • terminal.ansiBrightMagenta#2D2D2D
  • terminal.ansiBrightRed#FFFFFF
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#2D2D2D
  • terminal.ansiCyan#FF0000
  • terminal.ansiGreen#000000
  • terminal.ansiMagenta#2D2D2D
  • terminal.ansiRed#FFFFFF
  • terminal.ansiWhite#FFFFFF
  • terminal.ansiYellow#2D2D2D
  • terminalCursor.background#1E1E1E
  • terminalCursor.foreground#2D2D2D
  • textLink.activeForeground#DCDCDC
  • textLink.foreground#BC0000
  • titleBar.activeBackground#1E1E1E
  • titleBar.activeForeground#DCDCDC
  • titleBar.border#1E1E1E60
  • titleBar.inactiveBackground#1E1E1E
  • titleBar.inactiveForeground#BC0000
  • tree.indentGuidesStroke#6F6F6F
  • widget.shadow#1E1E1E30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable, string constant.other.placeholder, invalid.deprecated, keyword, storage.type, storage.modifier#2D2D2D
variable, string constant.other.placeholder, entity.name.function, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scssitalic
punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss#000000
constant.other.php#2D2D2D
constant.other.color#FFFFFF
invalid, invalid.illegal#FFFFFF
Keyword, Storageitalic
keyword.control, constant.other.color, punctuation.definition.tag, punctuation, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, entity.name.tag.reference.scss#A7A8AF
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.type.module.js#D10000
keyword.control.at-rule, punctuation.terminator.rule.css, keyword.control.operator, punctuation.definition.entity.css, keyword.operator.assignment.js, punctuation.separator.comma.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.binding-pattern.object.js#DCDCDC
punctuation.definition, string.quoted.single.scss#A7A8AF
keyword.controlbold
comment.line.scss, comment.line.double-slash.js, punctuation.definition.comment.scss, punctuation.definition.comment.js, punctuation.definition.comment.html, comment.block.html#6D6F7C
text.html.derivative#A7A8AF
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#DCDCDC
entity.name.tag.htmlbold
variable.parameter.js, variable.parameter.keyframe-list.css#2D2D2D
variable.other.object.js, storage.type.js, string.other.link.title.markdown, variable.other.readwrite.js, variable.other.property.js#D10000
string, string.quoted.double.html, variable.other.constant.js, variable.other.object.property.js, string.quoted.double.json, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.function, keyword.other.special-method, entity.name.function, markup.bold, markup.bold.markdown, markup.italic.markdown, meta.class-method.js entity.name.function.js, variable.function.constructor, entity.name.tag.other.html, entity.name.tag.block.any.html, source.sass keyword.control#EC0000
punctuation.definition.string.begin.html, punctuation.definition.string.end.html#FF0000
support.other.variable, string.other.link, markup.table#DCDCDC
constant.numeric, constant.language, constant.character, constant.escape, keyword.other.unit, keyword.other, punctuation.separator.key-value.html#2D2D2D
variable.parameter.function.language.special, variable.parameter#FFFFFF
constant.other.symbol, constant.other.key, entity.other.inherited-class, keyword.other.unit, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly, constant.other.object.key.js, string.unquoted.label.js#000000
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.other.attribute-name.html#2D2D2D
support.type#B2CCD6
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#D10000
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FFFFFF
entity.name.method.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#EC0000italic
entity.other.attribute-name, support.function#2D2D2D
entity.other.attribute-name.id, entity.other.attribute-name.class, entity.other.attribute-name.pseudo-class, entity.name.tag.css, keyword.control.conditional.js, support.constant, entity.other.attribute-name.html, string.quoted.single.js, storage.type.function.js, meta.object-literal.key#DCDCDC
source.scss keyword.control#2D2D2D
markup.inserted#000000
markup.deleted#FFFFFF
markup.changed#2D2D2D
string.regexp#FF0000
constant.character.escape#FF0000
*url*, *link*, *uri*underline
source.js constant.other.object.key.js string.unquoted.label.js#DCDCDCitalic
support.type.property-name.json#DCDCDC
text.html.markdown, punctuation.definition.list_item.markdown#DCDCDC
text.html.markdown markup.inline.raw.markdown#2D2D2D
text.html.markdown markup.inline.raw.markdown, punctuation.definition.raw.markdown#BC000050
text.html.markdown meta.dummy.line-break
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown#D10000bold
markup.underline#EC0000underline
markup.strike
markup.quote punctuation.definition.blockquote.markdown#BC000050
markup.quoteitalic
string.other.link.description.title.markdown#2D2D2D
constant.other.reference.link.markdown#2D2D2D
markup.raw.block#2D2D2D
punctuation.definition.raw.markdown, punctuation.definition.markdown#FF0000
variable.language.fenced.markdown#BC0000
meta.separator#A7A8AFbold
token.info-token#BC0000
token.warn-token#2D2D2D
token.error-token#FF293B
token.debug-token#FF0000
RedBoom by TombTab - VS Code Theme