Codex Palette for VS Code

Name: Codex Palette for VS Code
Author: smallyu

Publisher: smallyuThemes in package: 43

All 43 Codex appearance presets for VS Code, with faithful colors and one-click system appearance switching.

Open in VS Code GitHub

Color themes

VS Code preview

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

Codex Palette for VS Code — Codex Palette — Everforest 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.activeBorder#93b259d0
activityBar.background#fdf6e3
activityBar.border#fdf6e3
activityBar.foreground#5c6a72
activityBar.inactiveForeground#939f91
activityBarBadge.background#93b259
activityBarBadge.foreground#fdf6e3
badge.background#7d974c
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#5c6a72
breadcrumb.background#fdf6e3
breadcrumb.focusForeground#5c6a72
breadcrumb.foreground#859289
button.background#93b259
button.foreground#fdf6e3
button.hoverBackground#93b259d0
button.secondaryBackground#fdf6e3
button.secondaryForeground#5c6a72
button.secondaryHoverBackground#fdf6e300
checkbox.background#fdf6e3
checkbox.border#fdf6e3
commandCenter.background#fdf6e3
commandCenter.border#fdf6e3
commandCenter.foreground#859289
debugIcon.continueForeground#8da101
debugIcon.disconnectForeground#f85552
debugIcon.pauseForeground#3a94c5
debugIcon.restartForeground#8da101
debugIcon.startForeground#8da101
debugIcon.stepIntoForeground#3a94c5
debugIcon.stepOutForeground#3a94c5
debugIcon.stepOverForeground#3a94c5
debugIcon.stopForeground#f85552
debugToolBar.background#fdf6e3
descriptionForeground#939f91
diffEditor.diagonalFill#85928926
diffEditor.insertedLineBackground#8da10112
diffEditor.insertedTextBackground#8da10120
diffEditor.removedLineBackground#f8555212
diffEditor.removedTextBackground#f8555220
disabledForeground#5c6a7266
dropdown.background#fdf6e3
dropdown.border#fdf6e3
dropdown.foreground#5c6a72
editor.background#fdf6e3
editor.findMatchBackground#df69ba4d
editor.findMatchHighlightBackground#df69ba26
editor.findRangeHighlightBackground#7d974c18
editor.foreground#5c6a72
editor.hoverHighlightBackground#7d974c18
editor.inactiveSelectionBackground#7d974c1f
editor.lineHighlightBackground#fdf6e3
editor.selectionBackground#e6e2cca0
editor.selectionHighlightBackground#7d974c1f
editor.wordHighlightBackground#3a94c518
editor.wordHighlightStrongBackground#df69ba1f
editorBracketHighlight.foreground1#f85552
editorBracketHighlight.foreground2#df69ba
editorBracketHighlight.foreground3#8da101
editorBracketHighlight.foreground4#3a94c5
editorBracketHighlight.foreground5#df69ba
editorBracketHighlight.foreground6#3a94c5
editorBracketMatch.background#7d974c22
editorBracketMatch.border#7d974c
editorBracketPairGuide.activeBackground1#7d974c8c
editorBracketPairGuide.activeBackground2#7d974c8c
editorBracketPairGuide.activeBackground3#7d974c8c
editorBracketPairGuide.activeBackground4#7d974c8c
editorBracketPairGuide.activeBackground5#7d974c8c
editorBracketPairGuide.activeBackground6#7d974c8c
editorBracketPairGuide.background1#5c6a7218
editorBracketPairGuide.background2#5c6a7218
editorBracketPairGuide.background3#5c6a7218
editorBracketPairGuide.background4#5c6a7218
editorBracketPairGuide.background5#5c6a7218
editorBracketPairGuide.background6#5c6a7218
editorCursor.foreground#5c6a72
editorError.foreground#f85552
editorGroup.border#fdf6e3
editorGroupHeader.tabsBackground#fdf6e3
editorGroupHeader.tabsBorder#fdf6e3
editorGutter.addedBackground#8da101
editorGutter.deletedBackground#f85552
editorGutter.modifiedBackground#3a94c5
editorHint.foreground#8da101
editorHoverWidget.background#fdf6e3
editorHoverWidget.border#fdf6e3
editorIndentGuide.activeBackground1#7d974c8c
editorIndentGuide.background1#5c6a7218
editorInfo.foreground#3a94c5
editorLineNumber.activeForeground#859289
editorLineNumber.foreground#a4ad9ea0
editorSuggestWidget.background#fdf6e3
editorSuggestWidget.border#fdf6e3
editorSuggestWidget.selectedBackground#fdf6e300
editorWarning.foreground#dfa000
editorWhitespace.foreground#5c6a7218
editorWidget.background#fdf6e3
editorWidget.border#fdf6e3
editorWidget.foreground#5c6a72
errorForeground#f85552
focusBorder#fdf6e300
foreground#879686
gitDecoration.addedResourceForeground#8da101a0
gitDecoration.conflictingResourceForeground#df69ba
gitDecoration.deletedResourceForeground#f85552a0
gitDecoration.ignoredResourceForeground#a4ad9ea0
gitDecoration.modifiedResourceForeground#3a94c5a0
gitDecoration.renamedResourceForeground#df69ba
gitDecoration.untrackedResourceForeground#dfa000a0
icon.foreground#859289
input.background#fdf6e3
input.border#fdf6e3
input.foreground#5c6a72
input.placeholderForeground#a4ad9ea0
inputOption.activeBackground#7d974c22
inputOption.activeBorder#7d974c
inputValidation.errorBackground#f8555212
inputValidation.errorBorder#f85552
inputValidation.infoBackground#3a94c512
inputValidation.infoBorder#3a94c5
inputValidation.warningBackground#dfa00012
inputValidation.warningBorder#dfa000
list.activeSelectionBackground#7d974c22
list.activeSelectionForeground#5c6a72
list.errorForeground#f85552
list.focusBackground#7d974c1f
list.highlightForeground#7d974c
list.hoverBackground#fdf6e300
list.inactiveSelectionBackground#7d974c14
list.warningForeground#dfa000
menu.background#fdf6e3
menu.foreground#5c6a72
menu.selectionBackground#e6e2cca0
menu.separatorBackground#fdf6e3
minimap.background#fdf6e3
minimap.findMatchHighlight#df69ba80
minimap.selectionHighlight#7d974c66
notificationCenter.border#fdf6e3
notificationCenterHeader.background#fdf6e3
notifications.background#fdf6e3
notifications.border#fdf6e3
notifications.foreground#5c6a72
panel.background#fdf6e3
panel.border#fdf6e3
panelTitle.activeBorder#7d974c
panelTitle.activeForeground#5c6a72
panelTitle.inactiveForeground#859289
peekView.border#7d974c
peekViewEditor.background#fdf6e3
peekViewResult.background#fdf6e3
peekViewResult.selectionBackground#e6e2cca0
peekViewTitle.background#fdf6e3
pickerGroup.border#fdf6e3
pickerGroup.foreground#7d974c
progressBar.background#7d974c
quickInput.background#fdf6e3
quickInput.foreground#5c6a72
scrollbar.shadow#00000025
scrollbarSlider.activeBackground#5c6a7245
scrollbarSlider.background#5c6a7218
scrollbarSlider.hoverBackground#5c6a722e
sideBar.background#fdf6e3
sideBar.border#fdf6e3
sideBar.foreground#939f91
sideBarSectionHeader.background#fdf6e300
sideBarSectionHeader.border#fdf6e3
sideBarSectionHeader.foreground#879686
sideBarTitle.foreground#879686
statusBar.background#fdf6e3
statusBar.border#fdf6e3
statusBar.debuggingBackground#f85552
statusBar.debuggingForeground#ffffff
statusBar.foreground#859289
statusBar.noFolderBackground#fdf6e3
tab.activeBackground#fdf6e3
tab.activeBorder#fdf6e3
tab.activeBorderTop#7d974c
tab.activeForeground#5c6a72
tab.border#fdf6e3
tab.inactiveBackground#fdf6e3
tab.inactiveForeground#859289
terminal.ansiBlack#5c6a72
terminal.ansiBlue#3a94c5
terminal.ansiBrightBlack#5c6a72
terminal.ansiBrightBlue#3a94c5
terminal.ansiBrightCyan#35a77c
terminal.ansiBrightGreen#8da101
terminal.ansiBrightMagenta#df69ba
terminal.ansiBrightRed#f85552
terminal.ansiBrightWhite#f4f0d9
terminal.ansiBrightYellow#dfa000
terminal.ansiCyan#35a77c
terminal.ansiGreen#8da101
terminal.ansiMagenta#df69ba
terminal.ansiRed#f85552
terminal.ansiWhite#939f91
terminal.ansiYellow#dfa000
terminal.background#fdf6e3
terminal.foreground#5c6a72
terminal.selectionBackground#e6e2cca0
terminalCursor.foreground#7d974c
textBlockQuote.background#fdf6e3
textBlockQuote.border#7d974c
textCodeBlock.background#fdf6e3
textLink.activeForeground#8da101c0
textLink.foreground#8da101
titleBar.activeBackground#fdf6e3
titleBar.activeForeground#5c6a72
titleBar.border#fdf6e3
titleBar.inactiveBackground#fdf6e3
titleBar.inactiveForeground#a4ad9ea0
tree.inactiveIndentGuidesStroke#5c6a7218
tree.indentGuidesStroke#5c6a723d
widget.shadow#00000025

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#859289	—
string, constant.other.symbol, markup.inline.raw	#8da101	—
constant.numeric, constant.language.boolean, constant.language.null	#3a94c5	—
constant, variable.other.constant	#df69ba	—
keyword, storage.type, storage.modifier	#f85552	—
variable, meta.object-literal.key, support.variable.property, meta.property-name	#df69ba	—
variable.parameter, function.parameter	#859289	—
entity.name.function, support.function, variable.function, meta.function-call	#df69ba	—
entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class	#df69ba	—
entity.name.namespace, entity.name.type.namespace	#df69ba	—
keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment	#3a94c5	—
punctuation, meta.brace	#859289	—
entity.name.tag, punctuation.definition.tag	#f85552	—
entity.other.attribute-name	#3a94c5	—
string.regexp, constant.regexp	#3a94c5	—
markup.heading, entity.name.section	#f85552	bold
markup.bold, punctuation.definition.bold	#df69ba	bold
markup.italic, punctuation.definition.italic	#f85552	italic
markup.underline.link, string.other.link	#7d974c	underline
markup.inserted	#8da101	—
markup.deleted	#f85552	—
markup.changed	#df69ba	—
invalid	#ffffff	—