TechSwahili Theme

Color themes

• 

  TechSwahili Deep

• 

  TechSwahili Light

• 

  TechSwahili Modern Dark

• 

  TechSwahili Theme

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.activeFocusBorder#ffd76d
• activityBar.background#0D0E1C
• activityBar.border#161821
• activityBar.foreground#62b0ff
• activityBar.inactiveForeground#535763
• activityBarBadge.background#ffd76d
• activityBarBadge.foreground#282a3a
• badge.background#ffd76d
• badge.foreground#282a3a
• banner.background#3a3d4b
• banner.foreground#b2b9bd
• editor.background#0D0E1C
• editor.foreground#F1F1FF
• editor.lineHighlightBackground#223355
• editor.selectionBackground#223355
• editorBracketMatch.background#223355
• editorBracketMatch.border#223355
• editorCodeLens.foreground#888d94
• editorCursor.foreground#62b0ff
• editorGroup.border#0D0E1C
• editorGroup.dropBackground#0D0E1C
• editorGroupHeader.noTabsBackground#0D0E1C
• editorGroupHeader.noTabsBorder#0D0E1C
• editorGroupHeader.tabsBackground#0D0E1C
• editorGroupHeader.tabsBorder#0D0E1C
• editorGutter.background#0D0E1C
• editorHint.background#bad761
• editorHint.foreground#282a3a
• editorHoverWidget.background#0D0E1C
• editorHoverWidget.border#0D0E1C
• editorHoverWidget.foreground#62b0ff
• editorHoverWidget.statusBarBackground#0D0E1C
• editorIndentGuide.activeBackground#223355
• editorIndentGuide.background#223355
• editorInfo.background#62b0ff
• editorInfo.foreground#282a3a
• editorLineNumber.activeForeground#b2b9bd
• editorLineNumber.foreground#888d94
• editorMarkerNavigation.background#0D0E1C
• editorMarkerNavigationError.background#ff657a
• editorMarkerNavigationInfo.background#62b0ff
• editorMarkerNavigationWarning.background#ffd76d
• editorOverviewRuler.addedForeground#888d94
• editorOverviewRuler.border#0D0E1C
• editorOverviewRuler.bracketMatchForeground#888d94
• editorOverviewRuler.deletedForeground#888d94
• editorOverviewRuler.errorForeground#888d94
• editorOverviewRuler.findMatchForeground#888d94
• editorOverviewRuler.infoForeground#888d94
• editorOverviewRuler.modifiedForeground#888d94
• editorOverviewRuler.rangeHighlightForeground#888d94
• editorOverviewRuler.selectionHighlightForeground#888d94
• editorOverviewRuler.warningForeground#888d94
• editorOverviewRuler.wordHighlightForeground#888d94
• editorOverviewRuler.wordHighlightStrongForeground#888d94
• editorRuler.foreground#888d94
• editorSuggestWidget.background#0D0E1C
• editorSuggestWidget.border#0D0E1C
• editorSuggestWidget.foreground#62b0ff
• editorSuggestWidget.selectedBackground#0D0E1C
• editorUnnecessaryCode.border#282a3a
• editorUnnecessaryCode.opacity#282a3a
• editorWhitespace.foreground#282a3a
• scrollbarSlider.background#1A1B2C
• scrollbarSlider.hoverBackground#0D0E1C
• sideBar.background#000000
• sideBarSectionHeader.background#000000
• sideBarSectionHeader.foreground#62b0ff
• sideBarTitle.foreground#62b0ff
• statusBar.background#0D0E1C
• statusBar.foreground#62b0ff
• tab.activeBackground#0D0E1C
• tab.activeBorderTop#62b0ff
• tab.activeForeground#ffd76d
• tab.activeModifiedBorder#535763
• tab.border#282a3a
• tab.hoverBackground#111144
• tab.hoverBorderTop#62b0ff
• tab.hoverForeground#eaf2f1
• tab.inactiveBackground#191b35
• tab.inactiveForeground#888d94
• tab.inactiveModifiedBorder#535763
• tab.lastPinnedBorder#535763
• tab.unfocusedActiveBorder#888d94
• tab.unfocusedActiveForeground#b2b9bd
• tab.unfocusedActiveModifiedBorder#3a3d4b
• tab.unfocusedHoverBackground#282a3a
• tab.unfocusedHoverBorder#282a3a
• tab.unfocusedHoverForeground#b2b9bd
• tab.unfocusedInactiveForeground#888d94
• tab.unfocusedInactiveModifiedBorder#3a3d4b
• terminal.ansiBlack#3a3d4b
• terminal.ansiBlue#62b0ff
• terminal.ansiBrightBlack#696d77
• terminal.ansiBrightBlue#ff9b5e
• terminal.ansiBrightCyan#9cd1bb
• terminal.ansiBrightGreen#bad761
• terminal.ansiBrightMagenta#c39ac9
• terminal.ansiBrightRed#ff657a
• terminal.ansiBrightWhite#eaf2f1
• terminal.ansiBrightYellow#ffd76d
• terminal.ansiCyan#9cd1bb
• terminal.ansiGreen#bad761
• terminal.ansiMagenta#c39ac9
• terminal.ansiRed#ff657a
• terminal.ansiWhite#eaf2f1
• terminal.ansiYellow#ffd76d
• terminal.background#0D0E1C
• terminal.foreground#eaf2f1
• terminal.selectionBackground#888d94
• terminal.tab.activeBorder#ff0000
• terminalCommandDecoration.defaultBackground#eaf2f1
• terminalCommandDecoration.errorBackground#ff657a
• terminalCommandDecoration.successBackground#bad761
• terminalCursor.background#00000000
• terminalCursor.foreground#eaf2f1
• terminalCursorResource.foreground#eaf2f1
• terminalInputIcon.foreground#eaf2f1
• terminalStatusList.noFolderBackground#3a3d4b
• terminalStatusList.noFolderForeground#b2b9bd
• terminalStatusList.processingBackground#ffd76d
• terminalStatusList.processingForeground#282a3a
• terminalStatusList.rootFolderBackground#3a3d4b
• terminalStatusList.rootFolderForeground#b2b9bd
• terminalStatusList.separatorBackground#282a3a
• window.activeBorder#0D0E1C
• window.activeTitleBarBackground#0D0E1C
• window.activeTitleBarForeground#62b0ff
• window.inactiveBorder#0D0E1C
• window.inactiveTitleBarForeground#62b0ff
• window.titleBar.activeBackground#0D0E1C
• window.titleBar.activeForeground#62b0ff
• window.titleBar.inactiveBackground#0D0E1C
• window.titleBar.inactiveForeground#62b0ff
• window.titleBarStylecustom

tokenColors

TextMate scopes and font styles (syntax highlighting rules).