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: 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.activeBackground#404040
activityBar.background#000
activityBar.border#0000
activityBar.foreground#d4d4d4
activityBar.inactiveForeground#525252
activityBarBadge.background#fff
activityBarBadge.foreground#1e293b
badge.background#fff
badge.foreground#020617
breadcrumb.background#000
breadcrumb.focusForeground#d4d4d4
breadcrumb.foreground#525252
button.background#9333ea
button.foreground#f8fafc
button.hoverBackground#9333eacc
button.secondaryBackground#f8fafc
button.secondaryForeground#a855f7
button.secondaryHoverBackground#a855f7cc
debugToolBar.background#404040
debugToolBar.border#0a0a0a
diffEditor.border#0a0a0a
diffEditor.insertedTextBackground#15803d19
diffEditor.insertedTextBorderdefault
diffEditor.removedTextBackground#e11d4819
diffEditor.removedTextBorderdefault
editor.background#000
editor.findMatchBackground#9333ea99
editor.findMatchBorder#0000
editor.findMatchHighlightBackground#9333ea4c
editor.findMatchHighlightBorder#0000
editor.findRangeHighlightBackground#9333ea26
editor.findRangeHighlightBorder#0000
editor.foldBackground#0a0a0a
editor.hoverHighlightBackground#9333ea19
editor.inactiveSelectionBackground#9333ea19
editor.lineHighlightBackground#0a0a0a
editor.lineHighlightBorder#0000
editor.rangeHighlightBackground#9333ea72
editor.rangeHighlightBorder#9333ea3f
editor.selectionBackground#9333ea4c
editor.selectionHighlightBackground#9333ea72
editor.selectionHighlightBorder#0000
editor.wordHighlightBackground#9333ea26
editor.wordHighlightBorder#0000
editor.wordHighlightStrongBackground#9333ea4c
editor.wordHighlightStrongBorder#0000
editorBracketMatch.background#9333ea4c
editorBracketMatch.border#0000
editorCodeLens.foreground#525252
editorCursor.background#404040
editorCursor.foreground#fafafa
editorError.background#0000
editorError.border#0000
editorError.foreground#dc2626
editorGroup.border#0a0a0a
editorGroupHeader.border#0000
editorGroupHeader.tabsBackground#000
editorGroupHeader.tabsBorder#0000
editorGutter.addedBackground#15803d
editorGutter.background#000
editorGutter.deletedBackground#e11d48
editorGutter.foldingControlForeground#737373
editorGutter.modifiedBackground#d97706
editorHoverWidget.background#000
editorHoverWidget.border#0a0a0a
editorHoverWidget.foreground#d4d4d4
editorIndentGuide.activeBackground#525252
editorIndentGuide.background#262626
editorInfo.background#0000
editorInfo.border#0000
editorInfo.foreground#9333ea
editorLineNumber.activeForeground#d4d4d4
editorLineNumber.foreground#525252
editorLink.activeForeground#9333ea
editorMarkerNavigation.background#000
editorMarkerNavigationError.background#dc2626
editorMarkerNavigationInfo.background#3b82f6
editorMarkerNavigationWarning.background#fb923c
editorOverviewRuler.background#0000
editorOverviewRuler.border#262626
editorRuler.foreground#262626
editorSuggestWidget.background#000
editorSuggestWidget.border#0a0a0a
editorSuggestWidget.focusHighlightForeground#64748b
editorSuggestWidget.foreground#737373
editorSuggestWidget.highlightForeground#fafafa
editorSuggestWidget.selectedBackground#fff
editorSuggestWidget.selectedForeground#1e293b
editorSuggestWidget.selectedIconForeground#1e293b
editorWarning.background#0000
editorWarning.border#0000
editorWarning.foreground#fb923c
editorWhitespace.foreground#262626
editorWidget.background#000
editorWidget.foreground#d4d4d4
editorWidget.resizeBorder#9333ea
focusBorder#262626
foreground#d4d4d4
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#0a0a0a
input.border#0000
input.foreground#fafafa
input.placeholderForeground#525252
inputOption.activeBackground#404040
inputOption.activeBorder#0000
inputOption.activeForeground#fafafa
list.activeSelectionBackground#fff
list.activeSelectionForeground#1e293b
list.dropBackground#404040
list.focusBackground#404040
list.focusForeground#d4d4d4
list.highlightForeground#fafafa
list.hoverBackground#404040
list.hoverForeground#d4d4d4
list.inactiveSelectionBackground#0a0a0a
list.inactiveSelectionForeground#d4d4d4
listFilterWidget.background#404040
listFilterWidget.noMatchesOutline#dc2626
listFilterWidget.outline#0000
menu.background#000
menu.border#0a0a0a
menu.foreground#d4d4d4
menu.selectionBackground#fff
menu.selectionBorder#0000
menu.selectionForeground#1e293b
menu.separatorBackground#262626
menubar.selectionBackground#404040
menubar.selectionBorderdefault
menubar.selectionForeground#d4d4d4
merge.commonContentBackground#22c55e19
merge.commonHeaderBackground#22c55e
merge.currentContentBackground#15803d19
merge.currentHeaderBackground#15803d
merge.incomingContentBackground#2563eb19
merge.incomingHeaderBackground#2563eb
notificationCenter.border#0a0a0a
notificationCenterHeader.background#000
notificationCenterHeader.foreground#fafafa
notifications.background#000
notifications.border#262626
notifications.foreground#fafafa
notificationsErrorIcon.foreground#dc2626
notificationsInfoIcon.foreground#9333ea
notificationsWarningIcon.foreground#fb923c
notificationToast.border#0a0a0a
panel.background#000
panel.border#0a0a0a
panelTitle.activeBorder#fff
panelTitle.activeForeground#d4d4d4
panelTitle.inactiveForeground#737373
peekView.border#0a0a0a
peekViewEditor.background#000
peekViewEditor.matchHighlightBackground#9333ea26
peekViewEditor.matchHighlightBorder#0000
peekViewEditorGutter.background#000
peekViewResult.background#000
peekViewResult.fileForeground#d4d4d4
peekViewResult.lineForeground#fafafa
peekViewResult.matchHighlightBackground#9333ea26
peekViewResult.selectionBackground#404040
peekViewResult.selectionForeground#d4d4d4
peekViewTitle.background#000
peekViewTitleDescription.foreground#737373
peekViewTitleLabel.foreground#fafafa
pickerGroup.border#0000
pickerGroup.foreground#9333ea
progressBar.background#fff
scrollbar.shadow#0a0a0a
scrollbarSlider.activeBackground#fff
scrollbarSlider.background#0a0a0a
scrollbarSlider.hoverBackground#404040
selection.background#9333ea3f
sideBar.background#000
sideBar.border#0000
sideBar.foreground#d4d4d4
sideBarSectionHeader.background#404040
sideBarSectionHeader.border#0000
sideBarSectionHeader.foreground#d4d4d4
sideBarTitle.foreground#525252
statusBar.background#000
statusBar.borderdefault
statusBar.debuggingBackground#fb923c
statusBar.debuggingBorderdefault
statusBar.debuggingForeground#000000
statusBar.foreground#d4d4d4
statusBar.noFolderBackground#9333ea
statusBar.noFolderBorderdefault
statusBar.noFolderForeground#f8fafc
statusBarItem.hoverBackground#404040
statusBarItem.remoteBackground#9333ea
statusBarItem.remoteForeground#f8fafc
symbolIcon.arrayForeground#737373
symbolIcon.booleanForeground#737373
symbolIcon.classForeground#737373
symbolIcon.colorForeground#737373
symbolIcon.constantForeground#737373
symbolIcon.constructorForeground#737373
symbolIcon.enumeratorForeground#737373
symbolIcon.enumeratorMemberForeground#737373
symbolIcon.eventForeground#737373
symbolIcon.fieldForeground#737373
symbolIcon.fileForeground#737373
symbolIcon.folderForeground#737373
symbolIcon.functionForeground#737373
symbolIcon.interfaceForeground#737373
symbolIcon.keyForeground#737373
symbolIcon.keywordForeground#737373
symbolIcon.methodForeground#737373
symbolIcon.moduleForeground#737373
symbolIcon.namespaceForeground#737373
symbolIcon.nullForeground#737373
symbolIcon.numberForeground#737373
symbolIcon.objectForeground#737373
symbolIcon.operatorForeground#737373
symbolIcon.packageForeground#737373
symbolIcon.propertyForeground#737373
symbolIcon.referenceForeground#737373
symbolIcon.snippetForeground#737373
symbolIcon.stringForeground#737373
symbolIcon.structForeground#737373
symbolIcon.textForeground#737373
symbolIcon.typeParameterForeground#737373
symbolIcon.unitForeground#737373
symbolIcon.variableForeground#737373
tab.activeBackground#fff
tab.activeBorder#0000
tab.activeBorderTop#0000
tab.activeForeground#020617
tab.border#0000
tab.hoverBackground#404040
tab.hoverBorder#0000
tab.hoverForeground#d4d4d4
tab.inactiveBackground#000
tab.inactiveForeground#737373
terminal.ansiBlack#0a0a0a
terminal.ansiBlue#3b82f6
terminal.ansiBrightBlack#0a0a0a
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#0a0a0a
terminal.foreground#000
terminal.selectionBackground#9333ea3f
terminalCursor.background#fff
terminalCursor.foreground#020617
textLink.foreground#9333ea
titleBar.activeBackground#000
titleBar.activeForeground#d4d4d4
titleBar.border#0000
titleBar.inactiveBackground#0a0a0a
titleBar.inactiveForeground#d4d4d4
tree.indentGuidesStroke#262626
widget.shadow#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, string.quoted.docstring	#525252	—
string	#737373	—
punctuation.definition.string, storage.type.string.python	#d4d4d4	—
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	#d4d4d4	bold