猛男粉 (Tough Guy Pink)

Name: 猛男粉 (Tough Guy Pink)
Author: Simon Gu

Publisher: Simon GuThemes in package: 2

Dark color theme for VS Code / Cursor — deep navy & pink accents. 深色主题：深蓝背景与粉系强调。

Open in VS Code GitHub

Color themes

VS Code preview

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

猛男粉 (Tough Guy Pink) — 猛男粉 (Tough Guy Pink) - Light

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.background#021548
activityBar.border#FFCEE312
activityBar.foreground#FFCEE3
activityBar.inactiveForeground#FFCEE399
activityBarBadge.background#FF85BB
activityBarBadge.foreground#021A54
breadcrumb.activeSelectionForeground#FF85BB
breadcrumb.focusForeground#FF85BB
breadcrumb.foreground#FF85BB
breadcrumbPicker.background#021548
button.background#FF85BB
button.foreground#F5F5F5
button.hoverBackground#FF6FB2
descriptionForeground#FFCEE3CC
dropdown.background#F5F5F5
dropdown.border#021A5433
dropdown.foreground#021A54
editor.background#F5F5F5
editor.findMatchBackground#FF85BB66
editor.findMatchHighlightBackground#FFCEE355
editor.findRangeHighlightBackground#8E5BFF22
editor.foreground#021A54
editor.inactiveSelectionBackground#FFCEE355
editor.lineHighlightBackground#FFCEE326
editor.selectionBackground#FF85BB44
editor.selectionHighlightBackground#FFCEE344
editor.selectionHighlightBorder#FF85BB
editor.symbolHighlightBackground#8E5BFF24
editor.symbolHighlightBorder#8E5BFFE0
editor.wordHighlightBackground#FFCEE355
editor.wordHighlightBorder#6E56FFCC
editor.wordHighlightStrongBackground#FF85BB44
editor.wordHighlightStrongBorder#8E5BFFCC
editor.wordHighlightTextBackground#6E56FF33
editor.wordHighlightTextBorder#6E56FFE6
editorBracketHighlight.foreground1#FF85BB
editorBracketHighlight.foreground2#6E56FF
editorBracketHighlight.foreground3#8E5BFF
editorBracketHighlight.foreground4#FF85BB
editorBracketHighlight.foreground5#6E56FF
editorBracketHighlight.foreground6#8E5BFF
editorBracketMatch.background#FF85BB66
editorBracketMatch.border#FF85BB
editorBracketPairGuide.activeBackground1#FF85BBAA
editorBracketPairGuide.activeBackground2#6E56FFAA
editorBracketPairGuide.activeBackground3#8E5BFFAA
editorBracketPairGuide.activeBackground4#FF85BBAA
editorBracketPairGuide.activeBackground5#6E56FFAA
editorBracketPairGuide.activeBackground6#8E5BFFAA
editorBracketPairGuide.background1#FF85BB33
editorBracketPairGuide.background2#6E56FF33
editorBracketPairGuide.background3#8E5BFF33
editorBracketPairGuide.background4#FF85BB33
editorBracketPairGuide.background5#6E56FF33
editorBracketPairGuide.background6#8E5BFF33
editorCursor.background#F5F5F5
editorCursor.foreground#FF85BB
editorError.foreground#FF85BB
editorGroup.border#FFCEE312
editorGroupHeader.tabsBackground#021548
editorGutter.addedBackground#6E56FF55
editorGutter.background#F5F5F5
editorGutter.deletedBackground#8E5BFF66
editorGutter.modifiedBackground#FF85BB66
editorIndentGuide.activeBackground#021A5440
editorIndentGuide.background#021A5420
editorInfo.foreground#6E56FF
editorLineNumber.activeForeground#021A54
editorLineNumber.foreground#021A5480
editorRuler.foreground#021A5422
editorWarning.foreground#C77D00
editorWhitespace.foreground#021A5422
errorForeground#FF85BB
extensionIcon.preReleaseForeground#FF85BB
extensionIcon.starForeground#FF85BB
extensionIcon.verifiedForeground#FFCEE3
focusBorder#FF85BB
foreground#021A54
icon.foreground#FFCEE3
input.background#F5F5F5
input.border#021A5433
input.foreground#021A54
input.placeholderForeground#021A5488
list.activeSelectionBackground#FF85BB2B
list.activeSelectionForeground#FFCEE3
list.activeSelectionIconForeground#FFCEE3
list.deemphasizedForeground#FFCEE3D9
list.focusBackground#FF85BB2B
list.focusForeground#FFCEE3
list.foreground#FFCEE3
list.highlightForeground#FF85BB
list.hoverBackground#FF85BB1A
list.hoverForeground#FFCEE3
list.inactiveSelectionBackground#FF85BB1F
list.inactiveSelectionForeground#FFCEE3
list.inactiveSelectionIconForeground#FFCEE3CC
minimap.selectionHighlight#FF85BB77
notificationCenterHeader.background#021548
notifications.background#F5F5F5
notifications.border#FFCEE312
notifications.foreground#021A54
panel.background#021548
panel.border#FFCEE312
peekView.border#8E5BFF99
peekViewEditor.background#F5F5F5
peekViewResult.background#FFCEE3
peekViewTitle.background#FFCEE3
pickerGroup.border#FFCEE326
pickerGroup.foreground#FF85BB
quickInput.background#021548
quickInput.foreground#FFCEE3
quickInputList.focusBackground#FF85BB2B
quickInputList.focusForeground#FFCEE3
quickInputList.focusIconForeground#FFCEE3
quickInputTitle.background#021A54
scrollbarSlider.activeBackground#8E5BFF44
scrollbarSlider.background#8E5BFF22
scrollbarSlider.hoverBackground#8E5BFF33
sideBar.background#021548
sideBar.border#FFCEE312
sideBar.foreground#FFCEE3
sideBarSectionHeader.background#021548
sideBarSectionHeader.foreground#FFCEE3
sideBarTitle.foreground#FFCEE3
statusBar.background#021548
statusBar.border#FFCEE312
statusBar.foreground#FFCEE3
statusBarItem.hoverBackground#FF85BB22
tab.activeBackground#F5F5F5
tab.activeForeground#021A54
tab.border#FFCEE312
tab.hoverBackground#FFCEE344
tab.hoverForeground#FF85BB
tab.inactiveBackground#021548
tab.inactiveForeground#FFCEE399
terminal.background#F5F5F5
terminal.foreground#021A54
terminal.selectionBackground#FF85BB44
terminalCursor.foreground#FF85BB
titleBar.activeBackground#021548
titleBar.activeForeground#FFCEE3
titleBar.inactiveBackground#021548
titleBar.inactiveForeground#FFCEE399
window.activeBorder#021548
window.inactiveBorder#021548

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#8F789CCC	italic
entity.name.tag, entity.name.tag.html, entity.name.tag.xml, meta.tag entity.name.tag	#6E56FF	—
punctuation.definition.tag, meta.tag punctuation.definition.tag, punctuation.separator.key-value.html, punctuation.separator.key-value	#6E56FF	—
entity.other.attribute-name, entity.other.attribute-name.html, meta.attribute-name, meta.tag entity.other.attribute-name	#00CFFF	—
string.quoted.double.html, string.quoted.single.html, meta.attribute-with-value string.quoted, meta.tag string.quoted	#FF85BB	—
punctuation.definition.string.begin.html, punctuation.definition.string.end.html, meta.tag punctuation.definition.string	#FF85BB	—
text.html.basic, meta.tag.inline.any.html, text.html.derivative	#021A54	—
string, punctuation.definition.string	#8E5BFF	—
keyword, storage.type, storage.modifier	#FF85BB	—
constant.numeric, constant.language, constant.character, constant.other	#021A54	—
entity.name.function, support.function, meta.function-call, variable.function	#021A54	—
entity.name.type, support.type, entity.name.class	#FF85BB	—
variable, identifier	#021A54	—
variable.parameter	#8E5BFFCC	—
punctuation, meta.brace, meta.delimiter	#021A54B3	—
invalid, invalid.illegal	#F5F5F5	—