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 - Nigeria Eagle Green (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#FFFFFF
activityBar.background#001D11
activityBar.foreground#008751
activityBar.inactiveForeground#607D8B
activityBarBadge.background#008751
activityBarBadge.foreground#FFFFFF
editor.background#002B1B
editor.foreground#ECEFF1
editor.lineHighlightBackground#FFFFFF05
editor.selectionBackground#00875133
editorCursor.foreground#008751
editorGroupHeader.tabsBackground#002416
editorLineNumber.activeForeground#008751
editorLineNumber.foreground#263238
focusBorder#008751
foreground#E0E0E0
selection.background#00875144
sideBar.background#002416
sideBar.border#001D11
sideBar.foreground#B0BEC5
sideBarTitle.foreground#008751
statusBar.background#001D11
statusBar.foreground#FFFFFF
tab.activeBackground#002B1B
tab.activeForeground#008751
tab.inactiveBackground#002416
tab.inactiveForeground#757575
titleBar.activeBackground#001D11
titleBar.activeForeground#E0E0E0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#546E7A	italic
keyword, storage.type	#008751	bold
string	#81C784	—
entity.name.function	#FFFFFF	—
variable	#ECEFF1	—
constant.numeric	#FFFFFF	—
support.type, entity.name.type	#008751	—