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 - Ghana Black Star (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#CE1126
activityBar.background#000000
activityBar.foreground#FFD700
activityBar.inactiveForeground#666666
activityBarBadge.background#006B3F
activityBarBadge.foreground#FFFFFF
editor.background#1A1A1A
editor.foreground#E0E0E0
editor.lineHighlightBackground#FFFFFF05
editor.selectionBackground#006B3F33
editorCursor.foreground#FFD700
editorGroupHeader.tabsBackground#121212
editorLineNumber.activeForeground#FFD700
editorLineNumber.foreground#4D4D4D
focusBorder#FFD700
foreground#E0E0E0
selection.background#006B3F44
sideBar.background#121212
sideBar.border#000000
sideBar.foreground#BDBDBD
sideBarTitle.foreground#FFD700
statusBar.background#CE1126
statusBar.foreground#FFFFFF
tab.activeBackground#1A1A1A
tab.activeForeground#FFD700
tab.inactiveBackground#121212
tab.inactiveForeground#757575
titleBar.activeBackground#000000
titleBar.activeForeground#E0E0E0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#607D8B	italic
keyword, storage.type	#CE1126	bold
string	#FFD700	—
entity.name.function	#006B3F	—
variable	#E0E0E0	—
constant.numeric	#FFFFFF	—
support.type, entity.name.type	#FFD700	—