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 - Rwanda Thousand Hills (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#FADA5E
activityBar.background#002F4B
activityBar.foreground#27AEEF
activityBar.inactiveForeground#607D8B
activityBarBadge.background#6BBF59
activityBarBadge.foreground#FFFFFF
editor.background#003A5D
editor.foreground#ECEFF1
editor.lineHighlightBackground#00000022
editor.selectionBackground#27AEEF33
editorCursor.foreground#FADA5E
editorGroupHeader.tabsBackground#003656
editorLineNumber.activeForeground#27AEEF
editorLineNumber.foreground#455A64
focusBorder#FADA5E
foreground#ECEFF1
selection.background#27AEEF44
sideBar.background#003656
sideBar.border#002F4B
sideBar.foreground#B0BEC5
sideBarTitle.foreground#27AEEF
statusBar.background#002F4B
statusBar.foreground#ECEFF1
tab.activeBackground#003A5D
tab.activeForeground#FADA5E
tab.inactiveBackground#003656
tab.inactiveForeground#607D8B
titleBar.activeBackground#002F4B
titleBar.activeForeground#ECEFF1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#546E7A	italic
keyword, storage.type	#FADA5E	bold
string	#6BBF59	—
entity.name.function	#27AEEF	—
variable	#ECEFF1	—
constant.numeric	#FF7043	—
support.type, entity.name.type	#81D4FA	—