African Themes Collection

Name: African Themes Collection
Author: George Chakama

Publisher: George ChakamaThemes in package: 14

A collection of Visual Studio Code themes inspired by the colors and landscapes of Africa.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

African Themes Collection — Africa - Kenya Savannah Dusk (Dark)

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#000000
activityBar.background#1A1A1A
activityBar.foreground#BB0000
activityBar.inactiveForeground#666666
activityBarBadge.background#006600
activityBarBadge.foreground#FFFFFF
editor.background#252525
editor.foreground#E0E0E0
editor.lineHighlightBackground#00000033
editor.selectionBackground#BB000044
editorCursor.foreground#BB0000
editorGroupHeader.tabsBackground#1E1E1E
editorLineNumber.activeForeground#BB0000
editorLineNumber.foreground#555555
focusBorder#BB0000
foreground#E0E0E0
selection.background#BB000033
sideBar.background#1E1E1E
sideBar.border#1A1A1A
sideBar.foreground#CCCCCC
sideBarTitle.foreground#BB0000
statusBar.background#000000
statusBar.foreground#FFFFFF
tab.activeBackground#252525
tab.activeForeground#BB0000
tab.inactiveBackground#1E1E1E
tab.inactiveForeground#888888
titleBar.activeBackground#1A1A1A
titleBar.activeForeground#E0E0E0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#757575	italic
keyword, storage.type	#BB0000	bold
string	#009900	—
entity.name.function	#FFD700	—
variable	#E0E0E0	—
constant.numeric	#FFFFFF	—
support.type, entity.name.type	#FFD700	—