Day 'n' Nite

Name: Day 'n' Nite
Author: Bruno Kawka

Publisher: Bruno KawkaThemes in package: 2

A minimalist monochrome theme. Tailored for optimal focus and comfort.

Open in VS Code GitHub

Color themes

VS Code preview

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

Day 'n' Nite — Day 'n' Nite: 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#f5f5f5
activityBar.background#fff
activityBar.border#0000
activityBar.foreground#1e293b
activityBar.inactiveForeground#94a3b8
activityBarBadge.background#000
activityBarBadge.foreground#d4d4d4
badge.background#000
badge.foreground#fafafa
breadcrumb.background#fff
breadcrumb.focusForeground#1e293b
breadcrumb.foreground#94a3b8
button.background#c026d3
button.foreground#f8fafc
button.hoverBackground#c026d3cc
button.secondaryBackground#f8fafc
button.secondaryForeground#a21caf
button.secondaryHoverBackground#a21cafcc
debugToolBar.background#f5f5f5
debugToolBar.border#e5e5e5
diffEditor.border#e5e5e5
diffEditor.insertedTextBackground#15803d33
diffEditor.insertedTextBorderdefault
diffEditor.removedTextBackground#e11d4833
diffEditor.removedTextBorderdefault
editor.background#fff
editor.findMatchBackground#c026d399
editor.findMatchBorder#0000
editor.findMatchHighlightBackground#c026d34c
editor.findMatchHighlightBorder#0000
editor.findRangeHighlightBackground#c026d326
editor.findRangeHighlightBorder#0000
editor.foldBackground#e5e5e5
editor.hoverHighlightBackground#c026d319
editor.inactiveSelectionBackground#c026d319
editor.lineHighlightBackground#e5e5e5
editor.lineHighlightBorder#0000
editor.rangeHighlightBackground#c026d372
editor.rangeHighlightBorder#c026d326
editor.selectionBackground#c026d34c
editor.selectionHighlightBackground#c026d372
editor.selectionHighlightBorder#0000
editor.wordHighlightBackground#c026d326
editor.wordHighlightBorder#0000
editor.wordHighlightStrongBackground#c026d34c
editor.wordHighlightStrongBorder#0000
editorBracketMatch.background#c026d34c
editorBracketMatch.border#0000
editorCodeLens.foreground#94a3b8
editorCursor.background#f5f5f5
editorCursor.foreground#020617
editorError.background#0000
editorError.border#0000
editorError.foreground#ef4444
editorGroup.border#e5e5e5
editorGroupHeader.border#0000
editorGroupHeader.tabsBackground#fff
editorGroupHeader.tabsBorder#0000
editorGutter.addedBackground#15803d
editorGutter.background#fff
editorGutter.deletedBackground#e11d48
editorGutter.foldingControlForeground#64748b
editorGutter.modifiedBackground#d97706
editorHoverWidget.background#fff
editorHoverWidget.border#e5e5e5
editorHoverWidget.foreground#1e293b
editorIndentGuide.activeBackground#94a3b8
editorIndentGuide.background#cbd5e1
editorInfo.background#0000
editorInfo.border#0000
editorInfo.foreground#c026d3
editorLineNumber.activeForeground#1e293b
editorLineNumber.foreground#94a3b8
editorLink.activeForeground#c026d3
editorMarkerNavigation.background#fff
editorMarkerNavigationError.background#ef4444
editorMarkerNavigationInfo.background#3b82f6
editorMarkerNavigationWarning.background#f97316
editorOverviewRuler.background#0000
editorOverviewRuler.border#cbd5e1
editorRuler.foreground#cbd5e1
editorSuggestWidget.background#fff
editorSuggestWidget.border#e5e5e5
editorSuggestWidget.focusHighlightForeground#737373
editorSuggestWidget.foreground#64748b
editorSuggestWidget.highlightForeground#020617
editorSuggestWidget.selectedBackground#000
editorSuggestWidget.selectedForeground#d4d4d4
editorSuggestWidget.selectedIconForeground#d4d4d4
editorWarning.background#0000
editorWarning.border#0000
editorWarning.foreground#f97316
editorWhitespace.foreground#cbd5e1
editorWidget.background#fff
editorWidget.foreground#1e293b
editorWidget.resizeBorder#c026d3
focusBorder#cbd5e1
foreground#1e293b
gitDecoration.addedResourceForeground#15803d
gitDecoration.conflictingResourceForeground#2563eb
gitDecoration.deletedResourceForeground#e11d48
gitDecoration.ignoredResourceForeground#475569
gitDecoration.modifiedResourceForeground#d97706
gitDecoration.stageDeletedResourceForeground#2563eb
gitDecoration.stageModifiedResourceForeground#d97706
gitDecoration.submoduleResourceForeground#3b82f6
gitDecoration.untrackedResourceForeground#22c55e
input.background#e5e5e5
input.border#0000
input.foreground#020617
input.placeholderForeground#94a3b8
inputOption.activeBackground#f5f5f5
inputOption.activeBorder#0000
inputOption.activeForeground#020617
list.activeSelectionBackground#000
list.activeSelectionForeground#d4d4d4
list.dropBackground#f5f5f5
list.focusBackground#f5f5f5
list.focusForeground#1e293b
list.highlightForeground#020617
list.hoverBackground#f5f5f5
list.hoverForeground#1e293b
list.inactiveSelectionBackground#e5e5e5
list.inactiveSelectionForeground#1e293b
listFilterWidget.background#f5f5f5
listFilterWidget.noMatchesOutline#ef4444
listFilterWidget.outline#0000
menu.background#fff
menu.border#e5e5e5
menu.foreground#1e293b
menu.selectionBackground#000
menu.selectionBorder#0000
menu.selectionForeground#d4d4d4
menu.separatorBackground#cbd5e1
menubar.selectionBackground#f5f5f5
menubar.selectionBorderdefault
menubar.selectionForeground#1e293b
merge.commonContentBackground#22c55e33
merge.commonHeaderBackground#22c55e
merge.currentContentBackground#15803d33
merge.currentHeaderBackground#15803d
merge.incomingContentBackground#2563eb33
merge.incomingHeaderBackground#2563eb
notificationCenter.border#e5e5e5
notificationCenterHeader.background#fff
notificationCenterHeader.foreground#020617
notifications.background#fff
notifications.border#cbd5e1
notifications.foreground#020617
notificationsErrorIcon.foreground#ef4444
notificationsInfoIcon.foreground#c026d3
notificationsWarningIcon.foreground#f97316
notificationToast.border#e5e5e5
panel.background#fff
panel.border#e5e5e5
panelTitle.activeBorder#000
panelTitle.activeForeground#1e293b
panelTitle.inactiveForeground#64748b
peekView.border#e5e5e5
peekViewEditor.background#fff
peekViewEditor.matchHighlightBackground#c026d326
peekViewEditor.matchHighlightBorder#0000
peekViewEditorGutter.background#fff
peekViewResult.background#fff
peekViewResult.fileForeground#1e293b
peekViewResult.lineForeground#020617
peekViewResult.matchHighlightBackground#c026d326
peekViewResult.selectionBackground#f5f5f5
peekViewResult.selectionForeground#1e293b
peekViewTitle.background#fff
peekViewTitleDescription.foreground#64748b
peekViewTitleLabel.foreground#020617
pickerGroup.border#0000
pickerGroup.foreground#c026d3
progressBar.background#000
scrollbar.shadow#e5e5e5
scrollbarSlider.activeBackground#000
scrollbarSlider.background#e5e5e5
scrollbarSlider.hoverBackground#f5f5f5
selection.background#c026d326
sideBar.background#fff
sideBar.border#0000
sideBar.foreground#1e293b
sideBarSectionHeader.background#f5f5f5
sideBarSectionHeader.border#0000
sideBarSectionHeader.foreground#1e293b
sideBarTitle.foreground#94a3b8
statusBar.background#fff
statusBar.borderdefault
statusBar.debuggingBackground#f97316
statusBar.debuggingBorderdefault
statusBar.debuggingForeground#000000
statusBar.foreground#1e293b
statusBar.noFolderBackground#c026d3
statusBar.noFolderBorderdefault
statusBar.noFolderForeground#f8fafc
statusBarItem.hoverBackground#f5f5f5
statusBarItem.remoteBackground#c026d3
statusBarItem.remoteForeground#f8fafc
symbolIcon.arrayForeground#64748b
symbolIcon.booleanForeground#64748b
symbolIcon.classForeground#64748b
symbolIcon.colorForeground#64748b
symbolIcon.constantForeground#64748b
symbolIcon.constructorForeground#64748b
symbolIcon.enumeratorForeground#64748b
symbolIcon.enumeratorMemberForeground#64748b
symbolIcon.eventForeground#64748b
symbolIcon.fieldForeground#64748b
symbolIcon.fileForeground#64748b
symbolIcon.folderForeground#64748b
symbolIcon.functionForeground#64748b
symbolIcon.interfaceForeground#64748b
symbolIcon.keyForeground#64748b
symbolIcon.keywordForeground#64748b
symbolIcon.methodForeground#64748b
symbolIcon.moduleForeground#64748b
symbolIcon.namespaceForeground#64748b
symbolIcon.nullForeground#64748b
symbolIcon.numberForeground#64748b
symbolIcon.objectForeground#64748b
symbolIcon.operatorForeground#64748b
symbolIcon.packageForeground#64748b
symbolIcon.propertyForeground#64748b
symbolIcon.referenceForeground#64748b
symbolIcon.snippetForeground#64748b
symbolIcon.stringForeground#64748b
symbolIcon.structForeground#64748b
symbolIcon.textForeground#64748b
symbolIcon.typeParameterForeground#64748b
symbolIcon.unitForeground#64748b
symbolIcon.variableForeground#64748b
tab.activeBackground#000
tab.activeBorder#0000
tab.activeBorderTop#0000
tab.activeForeground#fafafa
tab.border#0000
tab.hoverBackground#f5f5f5
tab.hoverBorder#0000
tab.hoverForeground#1e293b
tab.inactiveBackground#fff
tab.inactiveForeground#64748b
terminal.ansiBlack#e5e5e5
terminal.ansiBlue#3b82f6
terminal.ansiBrightBlack#e5e5e5
terminal.ansiBrightBlue#60a5fa
terminal.ansiBrightCyan#22d3ee
terminal.ansiBrightGreen#4ade80
terminal.ansiBrightMagenta#e879f9
terminal.ansiBrightRed#f87171
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#facc15
terminal.ansiCyan#06b6d4
terminal.ansiGreen#22c55e
terminal.ansiMagenta#fdf4ff
terminal.ansiRed#ef4444
terminal.ansiWhite#ffffff
terminal.ansiYellow#eab308
terminal.border#e5e5e5
terminal.foreground#fff
terminal.selectionBackground#c026d326
terminalCursor.background#000
terminalCursor.foreground#fafafa
textLink.foreground#c026d3
titleBar.activeBackground#fff
titleBar.activeForeground#1e293b
titleBar.border#0000
titleBar.inactiveBackground#e5e5e5
titleBar.inactiveForeground#1e293b
tree.indentGuidesStroke#cbd5e1
widget.shadow#f5f5f5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, string.quoted.docstring	#94a3b8	—
string	#64748b	—
punctuation.definition.string, storage.type.string.python	#1e293b	—
beginning.punctuation, entity.name.section.group-title, entity.name.tag, entity.other.attribute-name.class, entity.other.attribute-name.id, keyword.const, keyword.control, keyword.function, keyword.import, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.decrement, keyword.operator.expression, keyword.operator.increment, keyword.operator.increment-decrement, keyword.operator.logical, keyword.operator.misc, keyword.operator.new, keyword.operator.other, keyword.operator.ternary, keyword.other.fn, keyword.other.rust, keyword.other.special-method, keyword.other.where, keyword.package, keyword.type, keyword.var, markup.heading, meta.tag.sgml.doctype.html, punctuation.separator.key-value, storage.modifier, storage.type.class, storage.type.enum, storage.type.function, storage.type.import, storage.type.interface, storage.type.js, storage.type.namespace, storage.type.property, storage.type.rust, storage.type.string.python, storage.type.ts, storage.type.tsx, storage.type.type, support.type.object.module	#1e293b	bold