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 - South Africa Rainbow Nation (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#E03C31
activityBar.background#121212
activityBar.foreground#FFB81C
activityBar.inactiveForeground#666666
activityBarBadge.background#007749
activityBarBadge.foreground#FFFFFF
editor.background#1E1E1E
editor.foreground#ECEFF1
editor.lineHighlightBackground#FFFFFF05
editor.selectionBackground#00774933
editorCursor.foreground#FFB81C
editorGroupHeader.tabsBackground#1A1A1A
editorLineNumber.activeForeground#FFB81C
editorLineNumber.foreground#455A64
focusBorder#FFB81C
foreground#ECEFF1
selection.background#00774944
sideBar.background#1A1A1A
sideBar.border#121212
sideBar.foreground#BDBDBD
sideBarTitle.foreground#FFB81C
statusBar.background#001489
statusBar.foreground#FFFFFF
tab.activeBackground#1E1E1E
tab.activeForeground#FFB81C
tab.inactiveBackground#1A1A1A
tab.inactiveForeground#757575
titleBar.activeBackground#121212
titleBar.activeForeground#ECEFF1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#78909C	italic
keyword, storage.type	#E03C31	bold
string	#FFB81C	—
entity.name.function	#007749	—
variable	#ECEFF1	—
constant.numeric	#FFFFFF	—
support.type, entity.name.type	#001489	—