NedoTheme

Name: NedoTheme
Author: NedoDev

Publisher: NedoDevThemes in package: 7

Тёмные темы от NedoDev. Кислотно, стильно, без компромиссов.

Open in VS Code GitHub

Color themes

VS Code preview

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

NedoTheme — Nedo Theme Midnight

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.background#060d1a
activityBar.border#0f1d33
activityBar.foreground#5ce0d6
activityBar.inactiveForeground#3a5068
activityBarBadge.background#ff6b6b
activityBarBadge.foreground#ffffff
badge.background#ff6b6b
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#c8d6e5
breadcrumb.focusForeground#5ce0d6
breadcrumb.foreground#3a5068
breadcrumbPicker.background#0d1628
button.background#0e6e8e
button.foreground#ffffff
button.hoverBackground#0a5a78
button.secondaryBackground#1e3450
button.secondaryForeground#c8d6e5
button.secondaryHoverBackground#2a4060
debugIcon.breakpointForeground#ff6b6b
debugIcon.continueForeground#48b8e0
debugIcon.pauseForeground#f0d060
debugIcon.startForeground#5ce0a0
debugIcon.stepIntoForeground#48b8e0
debugIcon.stepOutForeground#48b8e0
debugIcon.stepOverForeground#48b8e0
debugIcon.stopForeground#ff6b6b
debugToolBar.background#0d1628
descriptionForeground#6080a0
diffEditor.insertedLineBackground#5ce0a008
diffEditor.insertedTextBackground#5ce0a015
diffEditor.removedLineBackground#ff6b6b08
diffEditor.removedTextBackground#ff6b6b15
diffEditorGutter.insertedLineBackground#5ce0a030
diffEditorGutter.removedLineBackground#ff6b6b30
disabledForeground#3a5068
dropdown.background#0d1628
dropdown.border#1e3450
dropdown.foreground#c8d6e5
editor.background#0b1120
editor.findMatchBackground#f0d06050
editor.findMatchHighlightBackground#f0d06025
editor.findRangeHighlightBackground#48b8e015
editor.foreground#c8d6e5
editor.hoverHighlightBackground#48b8e018
editor.inactiveSelectionBackground#48b8e018
editor.lineHighlightBackground#0d1628
editor.lineHighlightBorder#142040
editor.selectionBackground#48b8e030
editor.selectionHighlightBackground#48b8e018
editor.wordHighlightBackground#5ce0d620
editor.wordHighlightStrongBackground#5ce0d640
editorBracketHighlight.foreground1#48b8e0
editorBracketHighlight.foreground2#f0d060
editorBracketHighlight.foreground3#ff6b6b
editorBracketHighlight.foreground4#5ce0d6
editorBracketHighlight.foreground5#c490f0
editorBracketHighlight.foreground6#f0a04b
editorBracketMatch.background#5ce0d620
editorBracketMatch.border#5ce0d6
editorCursor.background#0b1120
editorCursor.foreground#5ce0d6
editorError.foreground#ff6b6b
editorGroupHeader.border#0f1d33
editorGroupHeader.tabsBackground#060d1a
editorGroupHeader.tabsForeground#6080a0
editorGutter.addedBackground#5ce0a099
editorGutter.background#0b1120
editorGutter.deletedBackground#ff6b6b99
editorGutter.modifiedBackground#f0d06099
editorHint.foreground#5ce0d6
editorHoverWidget.background#0d1628
editorHoverWidget.border#1e3450
editorIndentGuide.activeBackground#48b8e055
editorIndentGuide.background#142040
editorInfo.foreground#48b8e0
editorLineNumber.activeForeground#48b8e0
editorLineNumber.foreground#1e3450
editorRuler.foreground#142040
editorSuggestWidget.background#0d1628
editorSuggestWidget.border#1e3450
editorSuggestWidget.foreground#c8d6e5
editorSuggestWidget.highlightForeground#5ce0d6
editorSuggestWidget.selectedBackground#48b8e018
editorWarning.foreground#f0d060
editorWidget.background#0d1628
editorWidget.border#1e3450
editorWidget.foreground#c8d6e5
errorForeground#ff6b6b
focusBorder#48b8e0
foreground#c8d6e5
gitDecoration.addedResourceForeground#5ce0a0
gitDecoration.conflictingResourceForeground#f0a04b
gitDecoration.deletedResourceForeground#ff6b6b
gitDecoration.ignoredResourceForeground#3a5068
gitDecoration.modifiedResourceForeground#f0d060
gitDecoration.untrackedResourceForeground#48b8e0
icon.foreground#6080a0
input.background#0d1628
input.border#1e3450
input.foreground#c8d6e5
input.placeholderForeground#3a5068
inputOption.activeBackground#48b8e030
inputOption.activeBorder#48b8e0
inputValidation.errorBackground#2a0e0e
inputValidation.errorBorder#ff6b6b
inputValidation.infoBackground#0a1e2a
inputValidation.infoBorder#48b8e0
inputValidation.warningBackground#2a1e0a
inputValidation.warningBorder#f0a04b
list.activeSelectionBackground#48b8e020
list.activeSelectionForeground#e0e8f0
list.errorForeground#ff6b6b
list.focusBackground#48b8e018
list.focusForeground#e0e8f0
list.highlightForeground#5ce0d6
list.hoverBackground#0f1d33
list.hoverForeground#e0e8f0
list.inactiveSelectionBackground#0d1628
list.inactiveSelectionForeground#a0b4c8
list.warningForeground#f0d060
menu.background#0d1628
menu.border#1e3450
menu.foreground#c8d6e5
menu.selectionBackground#48b8e020
menu.selectionForeground#ffffff
minimap.background#0b1120
minimap.errorHighlight#ff6b6b
minimap.findMatchHighlight#f0d060
minimap.selectionHighlight#48b8e0
minimap.warningHighlight#f0a04b
minimapGutter.addedBackground#5ce0a0
minimapGutter.deletedBackground#ff6b6b
minimapGutter.modifiedBackground#f0d060
notificationLink.foreground#48b8e0
notifications.background#0d1628
notifications.border#142040
notifications.foreground#c8d6e5
notificationsErrorIcon.foreground#ff6b6b
notificationsInfoIcon.foreground#48b8e0
notificationsWarningIcon.foreground#f0d060
notificationToast.border#5ce0d6
panel.background#091020
panel.border#0f1d33
panelTitle.activeBorder#5ce0d6
panelTitle.activeForeground#e0e8f0
panelTitle.inactiveForeground#3a5068
peekView.border#48b8e0
peekViewEditor.background#060d1a
peekViewEditor.matchHighlightBackground#f0d06040
peekViewResult.background#091020
peekViewResult.fileForeground#c8d6e5
peekViewResult.lineForeground#6080a0
peekViewResult.matchHighlightBackground#f0d06030
peekViewResult.selectionBackground#48b8e030
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#0d1628
peekViewTitleDescription.foreground#6080a0
peekViewTitleLabel.foreground#e0e8f0
progressBar.background#5ce0d6
quickInput.background#0d1628
quickInput.foreground#c8d6e5
quickInputList.focusBackground#48b8e020
quickInputList.focusForeground#ffffff
scrollbar.shadow#00000060
scrollbarSlider.activeBackground#48b8e060
scrollbarSlider.background#ffffff10
scrollbarSlider.hoverBackground#48b8e035
selection.background#48b8e040
settings.headerForeground#5ce0d6
settings.modifiedItemIndicator#48b8e0
sideBar.background#091020
sideBar.border#0f1d33
sideBar.foreground#a0b4c8
sideBarSectionHeader.background#0d1628
sideBarSectionHeader.border#142040
sideBarSectionHeader.foreground#48b8e0
sideBarTitle.foreground#5ce0d6
statusBar.background#0e4d6e
statusBar.border#0a3a55
statusBar.debuggingBackground#ff6b6b
statusBar.debuggingForeground#ffffff
statusBar.foreground#c8d6e5
statusBar.noFolderBackground#2d1b4e
statusBar.noFolderForeground#c8d6e5
statusBarItem.errorBackground#ff6b6b
statusBarItem.hoverBackground#ffffff12
statusBarItem.remoteBackground#5ce0d6
statusBarItem.remoteForeground#0b1120
statusBarItem.warningBackground#f0a04b
tab.activeBackground#0d1628
tab.activeBorder#5ce0d6
tab.activeBorderTop#5ce0d6
tab.activeForeground#e0e8f0
tab.border#0f1d33
tab.hoverBackground#0f1d33
tab.hoverForeground#a0b4c8
tab.inactiveBackground#060d1a
tab.inactiveForeground#3a5068
tab.unfocusedActiveBorder#2a4060
tab.unfocusedActiveForeground#6080a0
terminal.ansiBlack#0f1d33
terminal.ansiBlue#48b8e0
terminal.ansiBrightBlack#3a5068
terminal.ansiBrightBlue#70ccee
terminal.ansiBrightCyan#80f0e8
terminal.ansiBrightGreen#80f0b8
terminal.ansiBrightMagenta#d4a8f8
terminal.ansiBrightRed#ff8888
terminal.ansiBrightWhite#e0e8f0
terminal.ansiBrightYellow#f5e080
terminal.ansiCyan#5ce0d6
terminal.ansiGreen#5ce0a0
terminal.ansiMagenta#c490f0
terminal.ansiRed#ff6b6b
terminal.ansiWhite#a0b4c8
terminal.ansiYellow#f0d060
terminal.background#0b1120
terminal.foreground#c8d6e5
terminalCursor.background#0b1120
terminalCursor.foreground#5ce0d6
titleBar.activeBackground#060d1a
titleBar.activeForeground#c8d6e5
titleBar.border#142040
titleBar.inactiveBackground#050a14
titleBar.inactiveForeground#3a5068
tree.indentGuidesStroke#1e3450

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#3a5068	italic
variable, string constant.other.placeholder	#c8d6e5	—
variable.language	#48b8e0	italic
variable.parameter	#a0b4c8	—
invalid, invalid.illegal	#ff6b6b	bold
keyword, storage.type, storage.modifier	#48b8e0	bold
keyword.control, keyword.control.flow	#5ce0d6	bold
keyword.operator	#ff6b6b	—
punctuation	#6080a0	—
entity.name.tag	#ff6b6b	—
entity.other.attribute-name	#f0d060	—
text.html.basic entity.other.attribute-name	#f0d060	italic
entity.name.function, variable.function, support.function	#e0e8f0	bold
entity.name.method	#e0e8f0	bold
entity.name, entity.name.class, entity.name.type.class, support.class	#5ce0d6	bold
support.type, entity.name.type	#48b8e0	—
constant.numeric	#f0a04b	—
constant.language	#ff6b6b	bold
constant, support.constant	#f0d060	—
string	#5ce0a0	—
constant.character.escape, string.regexp	#48b8e0	—
string.template, punctuation.definition.template-expression	#80f0b8	—
source.css support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name	#c490f0	—
support.constant.property-value	#5ce0d6	—
entity.other.attribute-name.id.css	#48b8e0	bold
entity.other.attribute-name.class.css	#f0d060	—
meta.decorator, punctuation.decorator	#f0a04b	italic
keyword.control.import, keyword.control.export, keyword.control.from	#48b8e0	bold
markup.inserted	#5ce0a0	—
markup.deleted	#ff6b6b	—
markup.changed	#f0d060	—
url, link, uri	#48b8e0	underline
markup.heading, markup.heading entity.name	#5ce0d6	bold
markup.bold	#f0d060	bold
markup.italic	#48b8e0	italic
markup.inline.raw.markdown, markup.raw.block	#5ce0a0	—
source.json meta.structure.dictionary.json support.type.property-name.json	#48b8e0	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f0d060	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#5ce0a0	—