Modern Oranges Theme

A warm, low-glare dark theme for VS Code. Six variants, one palette of oranges.

Install from Marketplace Preview in vscode.dev

UserCard.tsx

1/**2 * User card3 * @returns User card component4 */5const UserCard: FC<UserCardProps> = (props) => {6  const { age } = props;7  const username = "Username@name.name";8  const template = `Hello, ${username}!`;9  const reg = /^\d+$/.test("myString123");10  useEffect(() => {11    console.log("my effect");12  }, []);13};

Palette

Tangerine

#FE6E0E

Vermilion

#F34E3F

Raspberry

#FF2060

Rose

#FF4788

Cream

#FFE4B3

Sand

#c9a688

Clay

#8a6f62

Charcoal

#1c1715

Install

From the command line

code --install-extension xpowercoder.modern-oranges

Inside VS Code

Extensions → search Modern Oranges → Install, then pick a variant from Preferences: Color Theme.