Movie Color Themes

Name: Movie Color Themes
Author: Nourhan Elsherif

Publisher: Nourhan ElsherifThemes in package: 3

A set of VS Code themes inspired by cinematic classics.

Open in VS Code GitHub

Color themes

VS Code preview

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

Movie Color Themes — City of Stars

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.background#0f1128
activityBar.foreground#FFD166
activityBar.inactiveForeground#818CF8
badge.background#FFD166
badge.foreground#0f1128
button.background#6C63FF
button.foreground#FFFFFF
button.hoverBackground#7C72FF
editor.background#141733
editor.foreground#EDE9FE
editor.inactiveSelectionBackground#2A2F5A
editor.lineHighlightBackground#2E3A87
editor.selectionBackground#3B3F8C
editorBracketHighlight.foreground1#FFD166
editorBracketHighlight.foreground2#F472B6
editorBracketHighlight.foreground3#60A5FA
editorBracketHighlight.foreground4#A78BFA
editorBracketHighlight.foreground5#60A5FA
editorBracketHighlight.foreground6#FACC15
editorBracketHighlight.unexpectedBracket.foreground#FF4B4B
editorCursor.foreground#FFD166
editorIndentGuide.activeBackground#6C63FF
editorIndentGuide.background#2E3A87
editorLineNumber.activeForeground#FFD166
editorLineNumber.foreground#6B7280
list.activeSelectionBackground#2E3A87
list.hoverBackground#2A2F5A
panel.background#0f1128
panel.border#2E3A87
scrollbarSlider.background#2E3A87
scrollbarSlider.hoverBackground#6C63FF
sideBar.background#141733
sideBar.border#2E3A87
sideBar.foreground#C7D2FE
statusBar.background#c4b0ff
statusBar.foreground#0f1128
tab.activeBackground#0f1128
tab.activeForeground#FFFFFF
tab.border#2E3A87
tab.inactiveBackground#23274e
tab.inactiveForeground#A5B4FC
terminal.background#0f1128
terminal.foreground#EDE9FE

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage, keyword.control	#F472B6	—
string, string.quoted	#d9cfff	—
constant.numeric	#FFD166	—
constant.language	#FFF3B0	—
entity.name.function, meta.function-call	#FFF3B0	—
variable, identifier	#EDE9FE	—
entity.name.type, support.type, storage.type	#A5B4FC	—
operator, keyword.operator	#93C5FD	—
punctuation	#A5B4FC	—
entity.name.tag	#6C63FF	—
entity.other.attribute-name	#FFD166	—
support.function	#FFE066	—
markup.heading	#FFD166	bold
invalid	#FFFFFF	—