TechSwahili Theme
Publisher: TechSWahiliThemes in package: 6
Color Theme for VScode, made with love.
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#10b981
- activityBar.background#0f172a
- activityBar.border#1e293b
- activityBar.foreground#e2e8f0
- activityBar.inactiveForeground#64748b
- activityBarBadge.background#10b981
- activityBarBadge.foreground#ffffff
- badge.background#10b981
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#10b981
- breadcrumb.background#0f172a
- breadcrumb.focusForeground#e2e8f0
- breadcrumb.foreground#94a3b8
- breadcrumbPicker.background#1e293b
- button.background#10b981
- button.foreground#ffffff
- button.hoverBackground#059669
- button.secondaryBackground#334155
- button.secondaryForeground#e2e8f0
- button.secondaryHoverBackground#475569
- checkbox.background#1e293b
- checkbox.border#475569
- debugToolBar.background#1e293b
- descriptionForeground#94a3b8
- diffEditor.insertedTextBackground#10b98120
- diffEditor.removedTextBackground#ef444420
- dropdown.background#1e293b
- dropdown.border#475569
- dropdown.foreground#e2e8f0
- dropdown.listBackground#1e293b
- editor.background#0f172a
- editor.foldBackground#1e293b40
- editor.foreground#e2e8f0
- editor.hoverHighlightBackground#10b98120
- editor.inactiveSelectionBackground#334155
- editor.lineHighlightBackground#1e293b80
- editor.lineHighlightBorder#334155
- editor.rangeHighlightBackground#10b98115
- editor.selectionBackground#10b98140
- editor.selectionHighlightBackground#10b98120
- editor.wordHighlightBackground#64748b30
- editor.wordHighlightStrongBackground#10b98130
- editorBracketHighlight.foreground1#06b6d4
- editorBracketHighlight.foreground2#f59e0b
- editorBracketHighlight.foreground3#ec4899
- editorBracketHighlight.foreground4#10b981
- editorBracketHighlight.foreground5#10b981
- editorBracketHighlight.foreground6#ef4444
- editorCodeLens.foreground#64748b
- editorCursor.background#0f172a
- editorCursor.foreground#10b981
- editorError.foreground#ef4444
- editorGroup.border#1e293b
- editorGroup.dropBackground#10b98120
- editorGroupHeader.noTabsBackground#0f172a
- editorGroupHeader.tabsBackground#0f172a
- editorGroupHeader.tabsBorder#1e293b
- editorGutter.addedBackground#10b981
- editorGutter.background#0f172a
- editorGutter.deletedBackground#ef4444
- editorGutter.modifiedBackground#f59e0b
- editorHoverWidget.background#1e293b
- editorHoverWidget.border#475569
- editorIndentGuide.activeBackground#10b981
- editorIndentGuide.background#334155
- editorInfo.foreground#06b6d4
- editorLineNumber.activeForeground#e2e8f0
- editorLineNumber.foreground#64748b
- editorLink.activeForeground#059669
- editorMarkerNavigation.background#1e293b
- editorMarkerNavigationError.background#ef4444
- editorMarkerNavigationInfo.background#06b6d4
- editorMarkerNavigationWarning.background#f59e0b
- editorOverviewRuler.addedForeground#10b981
- editorOverviewRuler.border#1e293b
- editorOverviewRuler.currentContentForeground#f59e0b
- editorOverviewRuler.deletedForeground#ef4444
- editorOverviewRuler.errorForeground#ef4444
- editorOverviewRuler.findMatchForeground#10b981
- editorOverviewRuler.incomingContentForeground#06b6d4
- editorOverviewRuler.infoForeground#06b6d4
- editorOverviewRuler.modifiedForeground#f59e0b
- editorOverviewRuler.rangeHighlightForeground#10b981
- editorOverviewRuler.selectionHighlightForeground#64748b
- editorOverviewRuler.warningForeground#f59e0b
- editorOverviewRuler.wordHighlightForeground#64748b
- editorOverviewRuler.wordHighlightStrongForeground#10b981
- editorRuler.foreground#334155
- editorSuggestWidget.background#1e293b
- editorSuggestWidget.border#475569
- editorSuggestWidget.foreground#e2e8f0
- editorSuggestWidget.highlightForeground#10b981
- editorSuggestWidget.selectedBackground#334155
- editorWarning.foreground#f59e0b
- editorWhitespace.foreground#334155
- editorWidget.background#1e293b
- editorWidget.border#475569
- editorWidget.foreground#e2e8f0
- errorForeground#ef4444
- extensionButton.prominentBackground#10b981
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#059669
- focusBorder#10b981
- foreground#e2e8f0
- gitDecoration.addedResourceForeground#10b981
- gitDecoration.conflictingResourceForeground#f59e0b
- gitDecoration.deletedResourceForeground#ef4444
- gitDecoration.ignoredResourceForeground#64748b
- gitDecoration.modifiedResourceForeground#06b6d4
- gitDecoration.stageDeletedResourceForeground#ef4444
- gitDecoration.stageModifiedResourceForeground#06b6d4
- gitDecoration.submoduleResourceForeground#059669
- gitDecoration.untrackedResourceForeground#10b981
- icon.foreground#94a3b8
- input.background#1e293b
- input.border#475569
- input.foreground#e2e8f0
- input.placeholderForeground#64748b
- inputOption.activeBackground#10b98140
- inputOption.activeBorder#10b981
- inputOption.activeForeground#e2e8f0
- inputValidation.errorBackground#ef444420
- inputValidation.errorBorder#ef4444
- inputValidation.infoBackground#06b6d420
- inputValidation.infoBorder#06b6d4
- inputValidation.warningBackground#f59e0b20
- inputValidation.warningBorder#f59e0b
- list.activeSelectionBackground#10b98140
- list.activeSelectionForeground#ffffff
- list.dropBackground#10b98120
- list.focusBackground#334155
- list.focusForeground#e2e8f0
- list.highlightForeground#10b981
- list.hoverBackground#1e293b
- list.hoverForeground#e2e8f0
- list.inactiveSelectionBackground#334155
- list.inactiveSelectionForeground#e2e8f0
- list.warningForeground#f59e0b
- listFilterWidget.background#1e293b
- listFilterWidget.noMatchesOutline#ef4444
- listFilterWidget.outline#10b981
- menu.background#1e293b
- menu.border#475569
- menu.foreground#e2e8f0
- menu.selectionBackground#334155
- menu.selectionBorder#10b981
- menu.selectionForeground#e2e8f0
- menu.separatorBackground#475569
- menubar.selectionBackground#334155
- menubar.selectionForeground#e2e8f0
- merge.border#475569
- merge.commonContentBackground#64748b20
- merge.commonHeaderBackground#64748b40
- merge.currentContentBackground#06b6d420
- merge.currentHeaderBackground#06b6d440
- merge.incomingContentBackground#10b98120
- merge.incomingHeaderBackground#10b98140
- minimap.background#0f172a
- minimap.errorHighlight#ef4444
- minimap.findMatchHighlight#10b981
- minimap.selectionHighlight#10b98140
- minimap.warningHighlight#f59e0b
- minimapGutter.addedBackground#10b981
- minimapGutter.deletedBackground#ef4444
- minimapGutter.modifiedBackground#f59e0b
- minimapSlider.activeBackground#64748b40
- minimapSlider.background#64748b20
- minimapSlider.hoverBackground#64748b30
- notificationCenterHeader.background#1e293b
- notificationCenterHeader.foreground#94a3b8
- notifications.background#1e293b
- notifications.border#475569
- notifications.foreground#e2e8f0
- notificationsErrorIcon.foreground#ef4444
- notificationsInfoIcon.foreground#06b6d4
- notificationsWarningIcon.foreground#f59e0b
- notificationToast.border#475569
- panel.background#0f172a
- panel.border#1e293b
- panel.dropBackground#10b98120
- panelInput.border#475569
- panelTitle.activeBorder#10b981
- panelTitle.activeForeground#e2e8f0
- panelTitle.inactiveForeground#94a3b8
- peekView.border#10b981
- peekViewEditor.background#1e293b
- peekViewEditor.matchHighlightBackground#10b98140
- peekViewResult.background#0f172a
- peekViewResult.fileForeground#e2e8f0
- peekViewResult.lineForeground#94a3b8
- peekViewResult.matchHighlightBackground#10b98140
- peekViewResult.selectionBackground#334155
- peekViewResult.selectionForeground#e2e8f0
- peekViewTitle.background#1e293b
- peekViewTitleDescription.foreground#94a3b8
- peekViewTitleLabel.foreground#e2e8f0
- pickerGroup.border#475569
- pickerGroup.foreground#10b981
- progressBar.background#10b981
- quickInput.background#1e293b
- quickInput.foreground#e2e8f0
- quickInputList.focusBackground#334155
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#64748b60
- scrollbarSlider.background#64748b40
- scrollbarSlider.hoverBackground#64748b50
- searchEditor.findMatchBackground#10b98140
- searchEditor.textInputBorder#475569
- selection.background#10b98140
- settings.checkboxBackground#1e293b
- settings.checkboxBorder#475569
- settings.checkboxForeground#e2e8f0
- settings.dropdownBackground#1e293b
- settings.dropdownBorder#475569
- settings.dropdownForeground#e2e8f0
- settings.dropdownListBorder#475569
- settings.focusedRowBackground#334155
- settings.headerForeground#e2e8f0
- settings.modifiedItemIndicator#10b981
- settings.numberInputBackground#1e293b
- settings.numberInputBorder#475569
- settings.numberInputForeground#e2e8f0
- settings.textInputBackground#1e293b
- settings.textInputBorder#475569
- settings.textInputForeground#e2e8f0
- sideBar.background#0f172a
- sideBar.border#1e293b
- sideBar.foreground#e2e8f0
- sideBarSectionHeader.background#1e293b
- sideBarSectionHeader.border#334155
- sideBarSectionHeader.foreground#e2e8f0
- sideBarTitle.foreground#e2e8f0
- statusBar.background#0f172a
- statusBar.border#1e293b
- statusBar.debuggingBackground#f59e0b
- statusBar.debuggingForeground#0f172a
- statusBar.foreground#94a3b8
- statusBar.noFolderBackground#0f172a
- statusBar.noFolderForeground#94a3b8
- statusBarItem.activeBackground#10b98140
- statusBarItem.errorBackground#ef4444
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#1e293b
- statusBarItem.prominentBackground#10b981
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#059669
- statusBarItem.remoteBackground#10b981
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#f59e0b
- statusBarItem.warningForeground#0f172a
- tab.activeBackground#0f172a
- tab.activeBorder#10b981
- tab.activeBorderTop#10b981
- tab.activeForeground#e2e8f0
- tab.activeModifiedBorder#f59e0b
- tab.border#1e293b
- tab.hoverBackground#1e293b
- tab.hoverBorder#334155
- tab.hoverForeground#e2e8f0
- tab.inactiveBackground#0f172a
- tab.inactiveForeground#94a3b8
- tab.inactiveModifiedBorder#64748b
- tab.lastPinnedBorder#475569
- tab.unfocusedActiveBackground#0f172a
- tab.unfocusedActiveBorder#64748b
- tab.unfocusedActiveForeground#94a3b8
- tab.unfocusedActiveModifiedBorder#64748b
- tab.unfocusedHoverBackground#1e293b
- tab.unfocusedHoverBorder#334155
- tab.unfocusedHoverForeground#e2e8f0
- tab.unfocusedInactiveForeground#64748b
- tab.unfocusedInactiveModifiedBorder#475569
- terminal.ansiBlack#1e293b
- terminal.ansiBlue#3b82f6
- terminal.ansiBrightBlack#475569
- terminal.ansiBrightBlue#60a5fa
- terminal.ansiBrightCyan#22d3ee
- terminal.ansiBrightGreen#4ade80
- terminal.ansiBrightMagenta#34d399
- terminal.ansiBrightRed#f87171
- terminal.ansiBrightWhite#f8fafc
- terminal.ansiBrightYellow#fbbf24
- terminal.ansiCyan#06b6d4
- terminal.ansiGreen#22c55e
- terminal.ansiMagenta#047857
- terminal.ansiRed#ef4444
- terminal.ansiWhite#e2e8f0
- terminal.ansiYellow#f59e0b
- terminal.background#0f172a
- terminal.border#1e293b
- terminal.foreground#e2e8f0
- terminal.selectionBackground#10b98140
- terminalCommandDecoration.defaultBackground#94a3b8
- terminalCommandDecoration.errorBackground#ef4444
- terminalCommandDecoration.successBackground#22c55e
- terminalCursor.background#0f172a
- terminalCursor.foreground#10b981
- textBlockQuote.background#1e293b
- textBlockQuote.border#10b981
- textCodeBlock.background#1e293b
- textLink.activeForeground#059669
- textLink.foreground#10b981
- textPreformat.foreground#94a3b8
- textSeparator.foreground#475569
- titleBar.activeBackground#0f172a
- titleBar.activeForeground#e2e8f0
- titleBar.border#1e293b
- titleBar.inactiveBackground#0f172a
- titleBar.inactiveForeground#64748b
- tree.indentGuidesStroke#334155
- widget.shadow#00000040
- window.activeBorder#10b981
- window.inactiveBorder#1e293b
- window.titleBar.activeBackground#0f172a
- window.titleBar.activeForeground#e2e8f0
- window.titleBar.border#1e293b
- window.titleBar.inactiveBackground#0f172a
- window.titleBar.inactiveForeground#64748b
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #e2e8f0 | — |
| comment, punctuation.definition.comment | #64748b | italic |
| string, string.quoted, string.template | #22d3ee | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #0891b2 | — |
| constant.numeric, constant.language.infinity, constant.language.nan | #f97316 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #ec4899 | bold |
| constant.character, constant.other | #ec4899 | — |
| variable, variable.other.readwrite, variable.other.object | #e2e8f0 | — |
| variable.other.property, variable.other.object.property | #06b6d4 | — |
| meta.property.object, variable.other.property.js, variable.other.property.ts, support.variable.property, meta.object-literal.key | #22d3ee | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof | #34d399 | bold |
| variable.language.this, variable.language.super | #059669 | bold italic |
| keyword.operator, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison | #f59e0b | — |
| storage, storage.type, storage.modifier | #059669 | bold |
| entity.name.class, entity.name.type.class | #06b6d4 | bold |
| entity.name.function, meta.function-call.generic.python | #3b82f6 | bold |
| variable.parameter, meta.function.parameter | #fb7185 | italic |
| entity.name.tag | #06b6d4 | bold |
| entity.other.attribute-name | #f59e0b | — |
| support.type, support.class | #06b6d4 | italic |
| support.function, support.function.builtin | #3b82f6 | — |
| support.constant | #ec4899 | — |
| support.other.variable | #e2e8f0 | — |
| invalid | #ffffff | — |
| invalid.deprecated | #0f172a | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #06b6d4 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f59e0b | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ec4899 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #e2e8f0 | — |
| text.html.markdown markup.inline.raw.markdown | #22d3ee | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #0891b2 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #3b82f6 | bold |
| markup.italic | #f59e0b | italic |
| markup.bold, markup.bold.markdown | #f59e0b | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f59e0b | bold italic |
| markup.underline | #ec4899 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #64748b | — |
| markup.quote | #94a3b8 | italic |
| string.other.link.title.markdown | #06b6d4 | — |
| string.other.link.description.title.markdown | #059669 | — |
| constant.other.reference.link.markdown | #f59e0b | — |
| markup.raw.block | #22d3ee | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #22d3ee | — |
| variable.language.fenced.markdown | #64748b | — |
| meta.separator.markdown | #64748b | bold |
| markup.table | #e2e8f0 | — |