Hypnotic Copper

Name: Hypnotic Copper
Author: RGB Foundry

Publisher: RGB FoundryThemes in package: 2

A handcrafted pair of elegant VS Code themes with a brushed metal aesthetic and warm copper accents.

Open in VS Code GitHub

Color themes

VS Code preview

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

Hypnotic Copper — Hypnotic Copper Metal

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#9E4C3B
activityBar.activeFocusBorder#9E4C3B
activityBar.background#B8C0C8
activityBar.foreground#9E4C3B
activityBar.inactiveForeground#5F6976
activityBarBadge.background#9E4C3B
activityBarBadge.foreground#FFFFFF
badge.background#9E4C3B
badge.foreground#FFFFFF
button.background#9e4b3ba7
button.foreground#FFFFFF
button.hoverBackground#B85A44
button.secondaryBackground#9E4C3B20
button.secondaryForeground#9E4C3B
button.secondaryHoverBackground#9E4C3B35
dropdown.background#DEE4EA
dropdown.border#9AA3AF
dropdown.foreground#111827
editor.background#C8D0D8
editor.foreground#111827
editor.inactiveSelectionBackground#9AA3AF45
editor.lineHighlightBackground#B9BEC540
editor.selectionBackground#9AA3AF70
editor.selectionHighlightBackground#9E4C3B25
editorBracketHighlight.foreground1#6B4F49
editorBracketHighlight.foreground2#75564E
editorBracketHighlight.foreground3#805D52
editorBracketHighlight.foreground4#6B4F49
editorBracketHighlight.foreground5#75564E
editorBracketHighlight.foreground6#805D52
editorBracketHighlight.unexpectedBracket.foreground#B42318
editorBracketPairGuide.activeBackground1#9E4C3B
editorBracketPairGuide.activeBackground2#A65B49
editorBracketPairGuide.activeBackground3#8A6157
editorBracketPairGuide.activeBackground4#9E4C3B
editorBracketPairGuide.activeBackground5#A65B49
editorBracketPairGuide.activeBackground6#8A6157
editorBracketPairGuide.background1#6B4F4940
editorBracketPairGuide.background2#75564E40
editorBracketPairGuide.background3#805D5240
editorBracketPairGuide.background4#6B4F4940
editorBracketPairGuide.background5#75564E40
editorBracketPairGuide.background6#805D5240
editorGroupHeader.noTabsBackground#BDC5CD
editorGroupHeader.tabsBackground#AEB7C0
editorLineNumber.activeForeground#9E4C3B
editorLineNumber.foreground#7A818C
focusBorder#9E4C3B
input.background#DEE4EA
input.border#9AA3AF
input.foreground#111827
inputOption.activeBackground#9E4C3B18
inputOption.activeBorder#9E4C3B
list.activeSelectionBackground#9E4C3B22
list.activeSelectionForeground#111827
list.activeSelectionIconForeground#9E4C3B
list.focusOutline#9E4C3B55
list.hoverBackground#9E4C3B12
list.hoverForeground#111827
list.inactiveSelectionBackground#C2C7CE
list.inactiveSelectionForeground#111827
menu.background#C8D0D8
menu.foreground#111827
menu.selectionBackground#9E4C3B
menu.selectionForeground#FFFFFF
menu.separatorBackground#B7BCC3
panel.background#C8D0D8
panel.border#B7BCC3
scrollbarSlider.activeBackground#9E4C3B75
scrollbarSlider.background#9E4C3B25
scrollbarSlider.hoverBackground#9E4C3B45
sideBar.background#B8C0C8
sideBar.foreground#111827
sideBarSectionHeader.background#AEB7C0
sideBarSectionHeader.foreground#374151
statusBar.background#9E4C3B
statusBar.border#7C3F31
statusBar.foreground#FFFFFF
statusBarItem.remoteBackground#164E59
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#C8D0D8
tab.activeBorderTop#9E4C3B
tab.activeForeground#111827
tab.inactiveBackground#A3ACB6
tab.inactiveForeground#59616D
terminal.background#C8D0D8
textLink.activeForeground#B85A44
textLink.foreground#9E4C3B
titleBar.activeBackground#BDC5CD
titleBar.activeForeground#111827
titleBar.inactiveBackground#AEB7C0
titleBar.inactiveForeground#6B7280
widget.border#9AA3AF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6A7482	—
variable, variable.other.object	#111827	—
variable.parameter	#46505D	—
keyword, keyword.control, storage.type, storage.modifier	#9E4C3B	—
entity.name.function, entity.name.function.definition, meta.function-call, support.function, variable.function	#0A4A5A	—
entity.name.type, entity.name.class, support.class	#5D4B68	—
string, punctuation.definition.string, string.quoted.docstring.multi.python	#357d11	—
constant.numeric, constant.language.boolean, keyword.other.unit	#A15C16	—
constant, support.constant, constant.other, entity.name.namespace	#476E89	—
punctuation	#4B4F54	—
entity.name.tag	#9E4C3B	—
entity.other.attribute-name	#476E89	—