Axiom Theme

Name: Axiom Theme
Author: p47hf1nd3r

Publisher: p47hf1nd3rThemes in package: 2

Simple monochrome theme in dark and light variants

Open in VS Code GitHub

Color themes

VS Code preview

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

Axiom Theme — Axiom 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.activeBackground#00000000
activityBar.activeBorder#00000000
activityBar.activeFocusBorder#444444
activityBar.background#FFF
activityBar.border#F2F2F2
activityBar.foreground#000
activityBar.inactiveForeground#4444447F
activityBarBadge.background#F2F2F2
activityBarBadge.foreground#444444
activityBarTop.activeBorder#00000000
activityBarTop.foreground#444444
activityBarTop.inactiveForeground#4444447F
badge.background#444444
badge.foreground#FFF
breadcrumb.activeSelectionForeground#2a2a2a
breadcrumb.background#FFF
breadcrumb.foreground#444
breadcrumbPicker.background#FAFAFA
button.background#222
button.foreground#FFFFFF
button.hoverBackground#333333
charts.red#B22222
commandCenter.activeBackground#D5D5D533
commandCenter.activeBorder#F2F2F2
commandCenter.activeForeground#444444
commandCenter.background#FFFFFF
commandCenter.border#F2F2F2
commandCenter.debuggingBackground#FFFFFF
commandCenter.foreground#444444
commandCenter.inactiveBorder#F2F2F2
debugConsole.errorForeground#B22222
debugConsole.warningForeground#cc8500
editor.background#FFF
editor.findMatchBackground#007aff33
editor.findMatchBorder#007aff40
editor.findMatchHighlightBackground#007aff33
editor.findMatchHighlightBorder#007aff40
editor.findRangeHighlightBackground#007aff33
editor.findRangeHighlightBorder#007aff40
editor.focusedStackFrameHighlightBackground#D5D5D580
editor.foreground#444444
editor.hoverHighlightBackground#D5D5D580
editor.lineHighlightBackground#D5D5D51A
editor.lineHighlightBorder#D5D5D526
editor.linkedEditingBackground#D5D5D580
editor.rangeHighlightBackground#D5D5D580
editor.rangeHighlightBorder#D5D5D5CC
editor.selectionBackground#D5D5D5A6
editor.selectionHighlightBackground#D5D5D580
editor.selectionHighlightBorder#D5D5D5CC
editor.stackFrameHighlightBackground#D5D5D580
editor.symbolHighlightBackground#D5D5D580
editor.symbolHighlightBorder#D5D5D5CC
editor.wordHighlightBackground#D5D5D580
editor.wordHighlightBorder#D5D5D5CC
editor.wordHighlightStrongBackground#D5D5D580
editor.wordHighlightStrongBorder#D5D5D5CC
editor.wordHighlightTextBackground#D5D5D580
editor.wordHighlightTextBorder#D5D5D5CC
editorBracketHighlight.foreground1#7c7c7c
editorBracketHighlight.foreground2#7c7c7c
editorBracketHighlight.foreground3#7c7c7c
editorBracketHighlight.foreground4#7c7c7c
editorBracketHighlight.foreground5#7c7c7c
editorBracketHighlight.foreground6#7c7c7c
editorBracketHighlight.unexpectedBracket.foreground#7c7c7c
editorBracketMatch.background#D5D5D580
editorBracketMatch.border#D5D5D5
editorCursor.background#FFF
editorCursor.foreground#444444
editorError.background#ff453b1A
editorError.foreground#00000000
editorGroup.border#F2F2F2
editorGroupHeader.border#F2F2F2
editorGroupHeader.noTabsBackground#FFF
editorGroupHeader.tabsBackground#FFF
editorHoverWidget.highlightForeground#000
editorIndentGuide.activeBackground1#f2f2f2
editorIndentGuide.background1#f2f2f2
editorLineNumber.activeForeground#5f5f5f
editorLineNumber.foreground#D1D1D1
editorLink.activeForeground#007aff
editorOverviewRuler.border#00000000
editorOverviewRuler.errorForeground#B22222
editorOverviewRuler.warningForeground#cc8500
editorPane.background#FAFAFA
editorSuggestWidget.background#ffffff
editorSuggestWidget.border#D5D5D5
editorSuggestWidget.focusHighlightForeground#000
editorSuggestWidget.foreground#444
editorSuggestWidget.highlightForeground#000
editorSuggestWidget.selectedBackground#D5D5D566
editorSuggestWidget.selectedForeground#000
editorSuggestWidget.selectedIconForeground#000
editorUnicodeHighlight.background#D5D5D580
editorUnicodeHighlight.border#D5D5D5CC
editorUnnecessaryCode.opacity#444444B3
editorWarning.background#FFD7081A
editorWarning.foreground#00000000
editorWidget.background#FAFAFA
editorWidget.foreground#444
errorForeground#B22222
focusBorder#F2F2F200
input.background#FFFFFF
input.border#D5D5D5
inputOption.activeBorder#8e8e93
inputValidation.errorBackground#FFEDEB
inputValidation.errorBorder#00000000
inputValidation.errorForeground#B22222
inputValidation.infoBackground#FFFFFF
inputValidation.infoBorder#FFFFFF
inputValidation.infoForeground#000000
inputValidation.warningBackground#FFD7081A
inputValidation.warningBorder#00000000
inputValidation.warningForeground#FFFFFF
list.activeSelectionBackground#D5D5D566
list.activeSelectionForeground#000000
list.activeSelectionIconForeground#000000
list.errorForeground#B22222
list.focusBackground#D5D5D5A6
list.focusForeground#000
list.focusHighlightForeground#000
list.focusOutline#D5D5D599
list.highlightForeground#000
list.inactiveFocusBackground#D5D5D599
list.inactiveSelectionBackground#D5D5D54D
list.inactiveSelectionForeground#000000
list.inactiveSelectionIconForeground#000000
list.warningForeground#cc8500
menu.border#D5D5D5
menu.selectionBackground#005FB8
menu.selectionForeground#ffffff
minimap.errorHighlight#B22222
notebookStatusErrorIcon.foreground#B22222
notificationsErrorIcon.foreground#B22222
notificationsWarningIcon.foreground#cc8500
panel.background#fbfbfa
panel.border#D5D5D5
panelSection.dropBackground#007aff33
peekView.border#D5D5D5
peekViewEditor.background#FFFFFF
peekViewEditor.matchHighlightBackground#D5D5D580
peekViewEditor.matchHighlightBorder#D5D5D5
peekViewResult.background#FAFAFA
peekViewResult.lineForeground#444
peekViewResult.matchHighlightBackground#D5D5D5E6
peekViewResult.selectionBackground#D5D5D580
peekViewTitle.background#FAFAFA
pickerGroup.border#D5D5D5
pickerGroup.foreground#444
problemsErrorIcon.foreground#B22222
problemsWarningIcon.foreground#cc8500
progressBar.background#444444
quickInput.background#ffffff
quickInput.foreground#444
quickInputList.focusBackground#D5D5D559
quickInputList.focusForeground#2a2a2a
quickInputList.focusIconForeground#2a2a2a
quickInputTitle.background#ffffff
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#F2F2F27F
scrollbarSlider.background#F2F2F200
scrollbarSlider.hoverBackground#F2F2F27F
searchEditor.findMatchBackground#007aff33
searchEditor.findMatchBorder#007aff40
selection.background#D5D5D5A6
sideBar.background#FFF
sideBar.border#F2F2F2
sideBar.dropBackground#007aff33
sideBar.foreground#444444
sideBarSectionHeader.background#FFF
sideBarSectionHeader.border#D5D5D5
sideBarStickyScroll.background#FFF
sideBarStickyScroll.border#D5D5D54D
sideBarStickyScroll.shadow#D5D5D58C
sideBarTitle.background#FFF
sideBarTitle.border#F2F2F2
statusBar.background#FFF
statusBar.border#D5D5D5
statusBar.debuggingBackground#FFF
statusBar.debuggingBorder#D5D5D5
statusBar.debuggingForeground#444444
statusBar.focusBorder#D5D5D5
statusBar.foreground#444444
statusBar.noFolderBackground#FFF
statusBar.noFolderBorder#D5D5D5
statusBar.noFolderForeground#444444
statusBarItem.activeBackground#F2F2F2
statusBarItem.errorBackground#FFEDEB
statusBarItem.errorForeground#B22222
statusBarItem.hoverBackground#F2F2F2
statusBarItem.remoteBackground#FFF
statusBarItem.remoteForeground#444444
statusBarItem.warningBackground#FFD7081A
statusBarItem.warningForeground#cc8500
symbolIcon.arrayForeground#444444
symbolIcon.booleanForeground#444444
symbolIcon.classForeground#444444
symbolIcon.colorForeground#444444
symbolIcon.constantForeground#444444
symbolIcon.constructorForeground#444444
symbolIcon.enumeratorForeground#444444
symbolIcon.enumeratorMemberForeground#444444
symbolIcon.eventForeground#444444
symbolIcon.fieldForeground#444444
symbolIcon.fileForeground#444444
symbolIcon.folderForeground#444444
symbolIcon.functionForeground#444444
symbolIcon.interfaceForeground#444444
symbolIcon.keyForeground#444444
symbolIcon.keywordForeground#444444
symbolIcon.methodForeground#444444
symbolIcon.moduleForeground#444444
symbolIcon.namespaceForeground#444444
symbolIcon.nullForeground#444444
symbolIcon.numberForeground#444444
symbolIcon.objectForeground#444444
symbolIcon.operatorForeground#444444
symbolIcon.packageForeground#444444
symbolIcon.propertyForeground#444444
symbolIcon.referenceForeground#444444
symbolIcon.snippetForeground#444444
symbolIcon.stringForeground#444444
symbolIcon.structForeground#444444
symbolIcon.textForeground#444444
symbolIcon.typeParameterForeground#444444
symbolIcon.unitForeground#444444
symbolIcon.variableForeground#444444
tab.activeForeground#444444
tab.border#00000000
tab.dragAndDropBorder#D5D5D5
tab.hoverBackground#FFF
tab.inactiveBackground#FFF
tab.inactiveForeground#4444447F
tab.unfocusedActiveForeground#444444
tab.unfocusedInactiveForeground#4444447F
terminal.background#FAFAFA
terminalCursor.background#FFF
terminalCursor.foreground#444444
terminalOverviewRuler.border#FAFAFA
textLink.activeForeground#007aff
textLink.foreground#007aff
titleBar.activeBackground#FFF
titleBar.activeForeground#444444
titleBar.border#F2F2F2
titleBar.inactiveBackground#FFF
titleBar.inactiveForeground#444444
tree.indentGuidesStroke#00000000
widget.border#D5D5D5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle