ThemeMeBabe
Publisher: ThemeMeBabe by DikshaThemes in package: 4
A VS Code extension that changes your theme based on your coding mood — focused, tired, neutral, or frustrated. Mood-based vibes, automatically.
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#050810
- activityBar.foreground#64b5f6
- activityBar.inactiveForeground#4a90a4
- activityBarBadge.background#0288d1
- activityBarBadge.foreground#ffffff
- badge.background#0288d1
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#81d4fa
- breadcrumb.background#0a1929
- breadcrumb.focusForeground#e3f2fd
- breadcrumb.foreground#90caf9
- breadcrumbPicker.background#1e3a8a
- button.background#0288d1
- button.foreground#ffffff
- button.hoverBackground#0277bd
- checkbox.background#1e3a8a
- checkbox.foreground#e3f2fd
- debugToolBar.background#051e34
- descriptionForeground#90caf9
- diffEditor.insertedTextBackground#00695c33
- diffEditor.removedTextBackground#d32f2f33
- dropdown.background#1e3a8a
- dropdown.border#0288d1
- dropdown.foreground#e3f2fd
- editor.background#0f1419
- editor.findMatchBackground#0288d144
- editor.findMatchHighlightBackground#01579b33
- editor.findRangeHighlightBackground#01579b22
- editor.foreground#e6ffff
- editor.hoverHighlightBackground#0288d122
- editor.inactiveSelectionBackground#01579b44
- editor.lineHighlightBackground#0d47a122
- editor.rangeHighlightBackground#0288d122
- editor.selectionBackground#0288d144
- editor.selectionHighlightBackground#0288d133
- editor.wordHighlightBackground#01579b44
- editor.wordHighlightStrongBackground#0288d144
- editorBracketMatch.background#0288d144
- editorBracketMatch.border#81d4fa
- editorCodeLens.foreground#4a90a4
- editorCursor.background#0a1929
- editorCursor.foreground#81d4fa
- editorError.foreground#f44336
- editorGroup.border#0d47a1
- editorGroup.dropBackground#0288d144
- editorGroupHeader.noTabsBackground#051e34
- editorGroupHeader.tabsBackground#051e34
- editorGroupHeader.tabsBorder#0d47a1
- editorGutter.addedBackground#4caf50
- editorGutter.deletedBackground#f44336
- editorGutter.modifiedBackground#ff9800
- editorHoverWidget.background#1e3a8a
- editorHoverWidget.border#0288d1
- editorIndentGuide.activeBackground#0288d1
- editorIndentGuide.background#01579b44
- editorInfo.foreground#2196f3
- editorLineNumber.activeForeground#81d4fa
- editorLineNumber.foreground#4a90a4
- editorLink.activeForeground#81d4fa
- editorMarkerNavigation.background#1e3a8a
- editorMarkerNavigationError.background#f44336
- editorMarkerNavigationInfo.background#2196f3
- editorMarkerNavigationWarning.background#ff9800
- editorOverviewRuler.border#0d47a1
- editorOverviewRuler.commonContentForeground#90caf9
- editorOverviewRuler.currentContentForeground#81d4fa
- editorOverviewRuler.incomingContentForeground#4fc3f7
- editorRuler.foreground#0d47a1
- editorSuggestWidget.background#1e3a8a
- editorSuggestWidget.border#0288d1
- editorSuggestWidget.foreground#e3f2fd
- editorSuggestWidget.highlightForeground#81d4fa
- editorSuggestWidget.selectedBackground#0288d144
- editorWarning.foreground#ff9800
- editorWhitespace.foreground#01579b44
- editorWidget.background#1e3a8a
- editorWidget.border#0288d1
- editorWidget.foreground#e3f2fd
- errorForeground#f44336
- extensionButton.prominentBackground#0288d1
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#0277bd
- focusBorder#0288d1
- foreground#e3f2fd
- gitDecoration.addedResourceForeground#4caf50
- gitDecoration.conflictingResourceForeground#ff9800
- gitDecoration.deletedResourceForeground#f44336
- gitDecoration.ignoredResourceForeground#616161
- gitDecoration.modifiedResourceForeground#2196f3
- gitDecoration.submoduleResourceForeground#90caf9
- gitDecoration.untrackedResourceForeground#4caf50
- input.background#1e3a8a
- input.border#0288d1
- input.foreground#e3f2fd
- input.placeholderForeground#90caf9
- inputOption.activeBackground#0288d144
- inputOption.activeBorder#0288d1
- inputValidation.errorBackground#f4433644
- inputValidation.errorBorder#f44336
- inputValidation.infoBackground#2196f344
- inputValidation.infoBorder#2196f3
- inputValidation.warningBackground#ff980044
- inputValidation.warningBorder#ff9800
- list.activeSelectionBackground#0288d144
- list.activeSelectionForeground#e3f2fd
- list.dropBackground#0288d144
- list.focusBackground#01579b44
- list.focusForeground#e3f2fd
- list.highlightForeground#81d4fa
- list.hoverBackground#01579b22
- list.hoverForeground#e3f2fd
- list.inactiveSelectionBackground#01579b33
- list.inactiveSelectionForeground#e3f2fd
- list.invalidItemForeground#f44336
- list.warningForeground#ff9800
- listFilterWidget.background#1e3a8a
- listFilterWidget.noMatchesOutline#f44336
- listFilterWidget.outline#0288d1
- menu.background#1e3a8a
- menu.border#0288d1
- menu.foreground#e3f2fd
- menu.selectionBackground#0288d144
- menu.selectionBorder#0288d1
- menu.selectionForeground#e3f2fd
- menu.separatorBackground#0d47a1
- menubar.selectionBackground#0288d144
- menubar.selectionBorder#0288d1
- menubar.selectionForeground#e3f2fd
- merge.commonContentBackground#90caf944
- merge.commonHeaderBackground#90caf966
- merge.currentContentBackground#81d4fa44
- merge.currentHeaderBackground#81d4fa66
- merge.incomingContentBackground#4fc3f744
- merge.incomingHeaderBackground#4fc3f766
- notificationCenterHeader.background#051e34
- notificationCenterHeader.foreground#e3f2fd
- notifications.background#1e3a8a
- notifications.border#0288d1
- notifications.foreground#e3f2fd
- notificationsErrorIcon.foreground#f44336
- notificationsInfoIcon.foreground#2196f3
- notificationsWarningIcon.foreground#ff9800
- panel.background#051e34
- panel.border#0d47a1
- panel.dropBorder#0288d1
- panelInput.border#0288d1
- panelSection.border#0d47a1
- panelSection.dropBackground#0288d144
- panelSectionHeader.background#0a1929
- panelSectionHeader.border#0d47a1
- panelSectionHeader.foreground#e3f2fd
- panelTitle.activeBorder#0288d1
- panelTitle.activeForeground#e3f2fd
- panelTitle.inactiveForeground#90caf9
- peekView.border#0288d1
- peekViewEditor.background#0a1929
- peekViewEditor.matchHighlightBackground#0288d144
- peekViewResult.background#051e34
- peekViewResult.fileForeground#e3f2fd
- peekViewResult.lineForeground#90caf9
- peekViewResult.matchHighlightBackground#0288d144
- peekViewResult.selectionBackground#0288d144
- peekViewResult.selectionForeground#e3f2fd
- peekViewTitle.background#051e34
- peekViewTitleDescription.foreground#90caf9
- peekViewTitleLabel.foreground#e3f2fd
- pickerGroup.border#0d47a1
- pickerGroup.foreground#90caf9
- progressBar.background#0288d1
- quickInput.background#1e3a8a
- quickInput.foreground#e3f2fd
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#0288d1aa
- scrollbarSlider.background#0288d144
- scrollbarSlider.hoverBackground#0288d166
- searchEditor.findMatchBackground#0288d144
- searchEditor.textInputBorder#0288d1
- selection.background#0288d144
- settings.checkboxBackground#1e3a8a
- settings.checkboxBorder#0288d1
- settings.checkboxForeground#e3f2fd
- settings.dropdownBackground#1e3a8a
- settings.dropdownBorder#0288d1
- settings.dropdownForeground#e3f2fd
- settings.dropdownListBorder#0288d1
- settings.headerForeground#e3f2fd
- settings.modifiedItemIndicator#0288d1
- settings.numberInputBackground#1e3a8a
- settings.numberInputBorder#0288d1
- settings.numberInputForeground#e3f2fd
- settings.textInputBackground#1e3a8a
- settings.textInputBorder#0288d1
- settings.textInputForeground#e3f2fd
- sideBar.background#0a0e13
- sideBar.border#0d47a1
- sideBar.dropBackground#0288d144
- sideBar.foreground#e3f2fd
- sideBarSectionHeader.background#0a1929
- sideBarSectionHeader.border#0d47a1
- sideBarSectionHeader.foreground#e3f2fd
- sideBarTitle.foreground#e3f2fd
- statusBar.background#050810
- statusBar.border#0d47a1
- statusBar.debuggingBackground#ff9800
- statusBar.debuggingForeground#000000
- statusBar.foreground#e3f2fd
- statusBar.noFolderBackground#051e34
- statusBar.noFolderForeground#e3f2fd
- statusBarItem.activeBackground#0288d144
- statusBarItem.hoverBackground#0288d122
- statusBarItem.prominentBackground#0288d1
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#0277bd
- tab.activeBackground#1a1f29
- tab.activeBorder#0288d1
- tab.activeForeground#e3f2fd
- tab.activeModifiedBorder#0288d1
- tab.border#0d47a1
- tab.hoverBackground#01579b22
- tab.hoverBorder#0288d1
- tab.hoverForeground#e3f2fd
- tab.inactiveBackground#0a0e13
- tab.inactiveForeground#90caf9
- tab.inactiveModifiedBorder#4a90a4
- tab.unfocusedActiveBackground#0a1929
- tab.unfocusedActiveBorder#4a90a4
- tab.unfocusedActiveForeground#90caf9
- tab.unfocusedActiveModifiedBorder#4a90a4
- tab.unfocusedHoverBackground#01579b11
- tab.unfocusedHoverBorder#4a90a4
- tab.unfocusedHoverForeground#90caf9
- tab.unfocusedInactiveForeground#4a90a4
- tab.unfocusedInactiveModifiedBorder#4a90a4
- terminal.ansiBlack#263238
- terminal.ansiBlue#2196f3
- terminal.ansiBrightBlack#546e7a
- terminal.ansiBrightBlue#64b5f6
- terminal.ansiBrightCyan#4dd0e1
- terminal.ansiBrightGreen#81c784
- terminal.ansiBrightMagenta#ba68c8
- terminal.ansiBrightRed#e57373
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffb74d
- terminal.ansiCyan#00bcd4
- terminal.ansiGreen#4caf50
- terminal.ansiMagenta#9c27b0
- terminal.ansiRed#f44336
- terminal.ansiWhite#eceff1
- terminal.ansiYellow#ff9800
- terminal.background#0a1929
- terminal.foreground#e3f2fd
- terminal.selectionBackground#0288d144
- terminalCursor.background#0a1929
- terminalCursor.foreground#81d4fa
- textBlockQuote.background#051e34
- textBlockQuote.border#0288d1
- textCodeBlock.background#051e34
- textLink.activeForeground#81d4fa
- textLink.foreground#64b5f6
- textPreformat.foreground#90caf9
- textSeparator.foreground#0d47a1
- titleBar.activeBackground#051e34
- titleBar.activeForeground#e3f2fd
- titleBar.border#0d47a1
- titleBar.inactiveBackground#051e34
- titleBar.inactiveForeground#90caf9
- tree.indentGuidesStroke#0d47a1
- walkThrough.embeddedEditorBackground#0a1929
- welcomePage.background#0a1929
- welcomePage.buttonBackground#0288d1
- welcomePage.buttonHoverBackground#0277bd
- widget.shadow#00000044
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #546e7a | italic |
| variable, string constant.other.placeholder | #e1f5fe | — |
| keyword, storage.type, storage.modifier | #ff6b6b | — |
| keyword.control | #ff8a65 | — |
| entity.name.function, meta.function-call, variable.function, support.function | #4ecdc4 | — |
| entity.name.class, entity.name.type, support.type, support.class | #45b7d1 | — |
| string | #96ceb4 | — |
| constant.numeric | #feca57 | — |
| constant.language, constant.character | #ff9ff3 | — |
| variable.other.property, support.type.property-name, entity.other.attribute-name | #54a0ff | — |
| entity.name.method, variable.function.constructor | #5f27cd | — |
| entity.name.tag | #ff3838 | — |
| entity.other.attribute-name.html | #ff6348 | — |
| keyword.operator | #ff7675 | — |
| punctuation | #a4b0be | — |
| keyword.control.import, keyword.control.from | #00d2d3 | — |
| entity.name.function.decorator, punctuation.decorator | #ff9f43 | — |
| string.regexp | #ff6b81 | — |
| constant.character.escape | #70a1ff | — |
| support.type.property-name.json | #7bed9f | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #2ed573 | — |
| support.type.property-name.css | #3742fa | — |
| support.constant.property-value.css | #f1c40f | — |
| markup.heading | #ff4757 | bold |
| markup.bold | #ffa502 | bold |
| markup.italic | #3c40c6 | italic |
| markup.inline.raw | #05c46b | — |
| invalid, invalid.illegal | #ff3838 | underline |