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 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#D07A64
activityBar.activeFocusBorder#D07A64
activityBar.background#252C33
activityBar.foreground#D98A74
activityBar.inactiveForeground#969DA3
activityBarBadge.background#9E4C3B
activityBarBadge.foreground#FFFFFF
badge.background#A95744
badge.foreground#F4EEEA
button.background#A95744
button.border#C66D57
button.foreground#FFF8F4
button.hoverBackground#C46B55
button.secondaryBackground#433A38
button.secondaryBorder#765248
button.secondaryForeground#E4C0B5
button.secondaryHoverBackground#59443F
descriptionForeground#AAA7A3
disabledForeground#777C81
dropdown.background#343C44
dropdown.border#626B73
dropdown.foreground#DEDAD6
dropdown.listBackground#303840
editor.background#20262C
editor.foreground#D6D3CF
editor.inactiveSelectionBackground#A9574433
editor.lineHighlightBackground#FFFFFF09
editor.selectionBackground#A9574455
editor.selectionHighlightBackground#C47A6340
editor.wordHighlightBackground#D08A7230
editor.wordHighlightStrongBackground#D08A7248
editorActionList.background#303840
editorActionList.focusBackground#A95744
editorActionList.focusForeground#FFF8F4
editorActionList.foreground#DDD9D5
editorBracketHighlight.foreground1#D07A64
editorBracketHighlight.foreground2#E29A84
editorBracketHighlight.foreground3#BE775F
editorBracketHighlight.foreground4#D6A06E
editorBracketHighlight.foreground5#B86554
editorBracketHighlight.foreground6#E3B094
editorBracketHighlight.unexpectedBracket.foreground#F06B5D
editorBracketMatch.background#D07A6430
editorBracketMatch.border#DF927C
editorBracketMatch.foreground#F0B19F
editorBracketPairGuide.activeBackground1#D07A64
editorBracketPairGuide.activeBackground2#E29A84
editorBracketPairGuide.activeBackground3#BE775F
editorBracketPairGuide.activeBackground4#D6A06E
editorBracketPairGuide.activeBackground5#B86554
editorBracketPairGuide.activeBackground6#E3B094
editorBracketPairGuide.background1#D07A6435
editorBracketPairGuide.background2#E29A8430
editorBracketPairGuide.background3#BE775F30
editorBracketPairGuide.background4#D6A06E30
editorBracketPairGuide.background5#B8655430
editorBracketPairGuide.background6#E3B09430
editorCodeLens.foreground#626B73
editorCursor.foreground#E28B73
editorGroup.border#3C444B
editorGroupHeader.border#00000000
editorGroupHeader.noTabsBackground#293139
editorGroupHeader.tabsBackground#262D34
editorGroupHeader.tabsBorder#00000000
editorHoverWidget.background#293139
editorHoverWidget.border#596169
editorHoverWidget.foreground#D6D3CF
editorHoverWidget.highlightForeground#E08A72
editorHoverWidget.statusBarBackground#252C33
editorIndentGuide.activeBackground1#8C6257
editorIndentGuide.background1#394148
editorLineNumber.activeForeground#D98A74
editorLineNumber.foreground#747C83
editorLink.activeForeground#E08A72
editorWhitespace.foreground#5F666C
editorWidget.background#293139
editorWidget.border#596169
editorWidget.foreground#D6D3CF
focusBorder#D07A64
foreground#D6D3CF
icon.foreground#D6D3CF
input.background#343C44
input.border#626B73
input.foreground#E2DEDA
input.placeholderForeground#989C9F
inputOption.activeBackground#D07A6430
inputOption.activeBorder#D07A64
inputOption.activeForeground#F0D7CF
inputOption.hoverBackground#D07A6420
list.activeSelectionBackground#A9574450
list.activeSelectionForeground#F1E9E5
list.activeSelectionIconForeground#E99C86
list.focusForeground#F0E8E4
list.focusOutline#D07A6480
list.highlightForeground#E39882
list.hoverBackground#FFFFFF0C
list.hoverForeground#E5E1DD
list.inactiveSelectionBackground#443B39
list.inactiveSelectionForeground#D1CECA
menu.background#293139
menu.border#596169
menu.foreground#DDD9D5
menu.selectionBackground#A95744
menu.selectionForeground#FFF8F4
menu.separatorBackground#4A5157
outputView.background#20262C
outputViewStickyScroll.background#252C33
panel.background#20262C
panel.border#4B535A
panel.dropBorder#D07A64
panelInput.border#626B73
panelSection.border#464E55
panelSectionHeader.background#293139
panelSectionHeader.border#464E55
panelSectionHeader.foreground#D8D4D0
panelTitle.activeBorder#D07A64
panelTitle.activeForeground#E8E3DF
panelTitle.border#3B434A
panelTitle.inactiveForeground#A8A5A3
panelTitleBadge.background#A95744
panelTitleBadge.foreground#FFF8F4
sash.hoverBorder#D07A64
scrollbar.background#00000000
scrollbar.shadow#11151980
scrollbarSlider.activeBackground#D98A7475
scrollbarSlider.background#B8675438
scrollbarSlider.hoverBackground#C8796455
selection.background#A9574455
sideBar.background#252C33
sideBar.border#3C444B
sideBar.foreground#D6D3CF
sideBarSectionHeader.background#303840
sideBarSectionHeader.border#424A51
sideBarSectionHeader.foreground#D6D3CF
statusBar.background#8F4637
statusBar.border#6E352B
statusBar.debuggingBackground#A7623F
statusBar.debuggingBorder#71412C
statusBar.debuggingForeground#FFF8F4
statusBar.foreground#FFF8F4
statusBar.noFolderBackground#734039
statusBar.noFolderBorder#59312B
statusBar.noFolderForeground#FFF8F4
statusBarItem.activeBackground#FFFFFF32
statusBarItem.hoverBackground#FFFFFF20
statusBarItem.hoverForeground#FFFFFF
statusBarItem.remoteBackground#755249
statusBarItem.remoteForeground#FFF8F4
statusBarItem.remoteHoverBackground#8C6257
statusBarItem.remoteHoverForeground#FFFFFF
tab.activeBackground#20262C
tab.activeBorder#00000000
tab.activeBorderTop#D07A64
tab.activeForeground#E5E1DD
tab.border#00000000
tab.hoverBackground#343A3F
tab.hoverBorder#C87964
tab.hoverForeground#E3D5D0
tab.inactiveBackground#2B333A
tab.inactiveForeground#A19FA0
tab.lastPinnedBorder#8E5B4E
tab.unfocusedActiveBackground#242B31
tab.unfocusedActiveForeground#C1BDBA
tab.unfocusedHoverBackground#30363B
tab.unfocusedHoverBorder#8E5B4E
tab.unfocusedHoverForeground#C9C4C1
tab.unfocusedInactiveBackground#293138
tab.unfocusedInactiveForeground#84888B
terminal.ansiBlack#85898D
terminal.ansiBlue#B87A68
terminal.ansiBrightBlack#A6A8A9
terminal.ansiBrightBlue#D8947F
terminal.ansiBrightCyan#C9AAA0
terminal.ansiBrightGreen#CFB77E
terminal.ansiBrightMagenta#D58E87
terminal.ansiBrightRed#E18470
terminal.ansiBrightWhite#F1ECE8
terminal.ansiBrightYellow#E2AB68
terminal.ansiCyan#A98D80
terminal.ansiGreen#B49A67
terminal.ansiMagenta#B77570
terminal.ansiRed#C96C5A
terminal.ansiWhite#D6D3CF
terminal.ansiYellow#C99055
terminal.background#20262C
terminal.border#4B535A
terminal.foreground#D6D3CF
terminal.hoverHighlightBackground#D07A6425
terminal.inactiveSelectionBackground#A9574435
terminal.initialHintForeground#B8BDC2
terminal.selectionBackground#A9574455
terminalCursor.background#20262C
terminalCursor.foreground#E28B73
textLink.activeForeground#F0AA94
textLink.foreground#E39882
textPreformat.foreground#D8B49E
textSeparator.foreground#62686D
titleBar.activeBackground#293139
titleBar.activeForeground#DDD9D5
titleBar.inactiveBackground#252C33
titleBar.inactiveForeground#94989B
toolbar.activeBackground#D07A6445
toolbar.hoverBackground#D07A642B
toolbar.hoverOutline#D07A6470
widget.border#596169
widget.shadow#11151980
window.activeBorder#75483E
window.inactiveBorder#3D444A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#87929D
variable, variable.other.object	#D6D3CF
variable.parameter	#BBC4CC
keyword, keyword.control, storage.type, storage.modifier	#DD8069
entity.name.function, support.function, variable.function	#70B8C4
entity.name.function.member, meta.method-call, support.function.method	#82C3CC
entity.name.type, entity.name.class, support.class, support.type	#B8A0C3
string, punctuation.definition.string	#A9C58D
constant.numeric, constant.language.boolean, keyword.other.unit	#D69A59
constant, support.constant, constant.other	#D38A73
entity.name.namespace	#83AFC9
keyword.operator	#C9C5C1
punctuation	#C7C3BF
entity.name.tag	#DD8069
entity.other.attribute-name	#83AFC9
invalid, invalid.illegal, invalid.deprecated	#F08C7A