IntelliJ Neo Dark

Name: IntelliJ Neo Dark
Author: hyperdarker

Publisher: hyperdarkerThemes in package: 1

Theme based on the awesome Intellij's Dark Theme used in the new UI

Open in VS Code GitHub

VS Code preview

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

IntelliJ Neo Dark — IntelliJ Neo Dark

fetchUser.ts

index.ts

README.md

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#2B2D30
activityBar.border#1e1f22
activityBar.dropBackground#1E1F22
activityBar.foreground#ffffff
activityBar.inactiveForeground#ffffff66
activityBarBadge.background#548af7
activityBarBadge.foreground#2B2D30
badge.background#214283
badge.foreground#2B2D30
breadcrumb.activeSelectionForeground#e0e0e0
button.background#3573f0
button.foreground#ffffff
button.hoverBackground#3573f0
button.secondaryBackground#3a3d41
button.secondaryForeground#ffffff
button.secondaryHoverBackground#45494e
checkbox.background#3c3c3c
checkbox.border#00000000
checkbox.foreground#cccccc
debugExceptionWidget.background#333333
debugExceptionWidget.border#2B2D30
debugToolBar.background#1E1F22
debugToolBar.border#474747
diffEditor.border#444444
diffEditor.insertedTextBackground#5db95524
diffEditor.removedTextBackground#ab434333
dropdown.background#1E1F22
dropdown.border#1E1F22
dropdown.foreground#cccccc
editor.background#1E1F22
editor.findMatchBackground#2f4246
editor.findMatchBorder#72cfd6
editor.findMatchHighlightBackground#0087ea46
editor.findMatchHighlightBorder#ffffff00
editor.findRangeHighlightBackground#3a3d4166
editor.findRangeHighlightBorder#ffffff00
editor.foldBackground#264f784d
editor.foreground#A9B7C6
editor.hoverHighlightBackground#1E1F22
editor.inactiveSelectionBackground#3a3d41
editor.lineHighlightBackground#2B2D30
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#ffffff0b
editor.rangeHighlightBorder#ffffff00
editor.selectionBackground#214283
editor.selectionHighlightBackground#add6ff26
editor.selectionHighlightBorder#2f4246
editor.wordHighlightBackground#575757b8
editor.wordHighlightStrongBackground#004972b8
editorBracketMatch.background#2B2D30
editorBracketMatch.border#43454A
editorCodeLens.foreground#999999
editorCursor.background#214283
editorCursor.foreground#bbbbbb
editorError.background#B73A3400
editorError.border#ffffff00
editorError.foreground#fa5762
editorGroup.border#1E1F22
editorGroup.dropBackground#1E1F22
editorGroup.emptyBackground#1e1f22
editorGroupHeader.noTabsBackground#1E1F22
editorGroupHeader.tabsBackground#1E1F22
editorGroupHeader.tabsBorder#1E1F22
editorGutter.addedBackground#549159
editorGutter.background#1E1F22
editorGutter.commentRangeForeground#c5c5c5
editorGutter.deletedBackground#868a91
editorGutter.foldingControlForeground#c5c5c5
editorGutter.modifiedBackground#375fad
editorHoverWidget.background#1E1F22
editorHoverWidget.border#1E1F22
editorHoverWidget.foreground#ced0d6
editorIndentGuide.activeBackground#6F737A
editorIndentGuide.background#313438
editorInfo.background#4490BF00
editorInfo.border#4490BF00
editorInfo.foreground#75beff
editorLineNumber.activeForeground#bbbbbb
editorLineNumber.foreground#3574F0
editorLink.activeForeground#548af7
editorMarkerNavigation.background#2d2d30
editorMarkerNavigationError.background#fa5762
editorMarkerNavigationInfo.background#75beff
editorMarkerNavigationWarning.background#f2c55c
editorOverviewRuler.background#25252500
editorOverviewRuler.border#1E1F22
editorOverviewRuler.currentContentForeground#1E1F22
editorOverviewRuler.incomingContentForeground#1E1F22
editorRuler.foreground#5a5a5a
editorSuggestWidget.background#2B2D30
editorSuggestWidget.border#1E1F22
editorSuggestWidget.foreground#b4b8bf
editorSuggestWidget.highlightForeground#548af7
editorSuggestWidget.selectedBackground#43454a
editorWarning.background#A9904000
editorWarning.border#ffffff00
editorWarning.foreground#f2c55c
editorWhitespace.foreground#e3e4e229
editorWidget.background#2B2D30
editorWidget.foreground#cccccc
editorWidget.resizeBorder#5F5F5F
focusBorder#1E1F22
foreground#cccccc
gitDecoration.addedResourceForeground#629755
gitDecoration.conflictingResourceForeground#D5756C
gitDecoration.deletedResourceForeground#6C6C6C
gitDecoration.ignoredResourceForeground#848504
gitDecoration.modifiedResourceForeground#6897BB
gitDecoration.stageDeletedResourceForeground#6C6C6C
gitDecoration.stageModifiedResourceForeground#6897BB
gitDecoration.submoduleResourceForeground#8db9e2
gitDecoration.untrackedResourceForeground#ffffff
icon.foreground#cccccc
input.background#1E1F22
input.border#1E1F22
input.foreground#cccccc
input.placeholderForeground#a6a6a6
inputOption.activeBackground#3573f05c
inputOption.activeBorder#007acc00
inputOption.activeForeground#ffffff
list.activeSelectionBackground#214283
list.activeSelectionForeground#2B2D30
list.dropBackground#383b3d
list.focusBackground#062f4a
list.focusForeground#cccccc
list.highlightForeground#0097fb
list.hoverBackground#1E1F22
list.hoverForeground#cccccc
list.inactiveSelectionBackground#214283
list.inactiveSelectionForeground#cccccc
listFilterWidget.background#ba9752
listFilterWidget.noMatchesOutline#ba9752
listFilterWidget.outline#00000000
menu.background#2b2d30
menu.border#ffffff3a
menu.foreground#cccccc
menu.selectionBackground#2e436e
menu.selectionBorder#00000000
menu.selectionForeground#ffffff
menu.separatorBackground#bbbbbb
menubar.selectionBackground#ffffff1a
menubar.selectionForeground#cccccc
merge.border#1E1F22
merge.commonContentBackground#282828
merge.commonHeaderBackground#383838
merge.currentContentBackground#27403B
merge.currentHeaderBackground#367366
merge.incomingContentBackground#28384B
merge.incomingHeaderBackground#395F8F
minimap.background#1e1f22
minimap.errorHighlight#fa5762
minimap.findMatchHighlight#2f4246
minimap.selectionHighlight#214283
minimap.warningHighlight#f2c55c
minimapGutter.addedBackground#549159
minimapGutter.deletedBackground#868a91
minimapGutter.modifiedBackground#375fad
notificationCenter.border#474747
notificationCenterHeader.background#303031
notificationCenterHeader.foreground#cccccc
notifications.background#252526
notifications.border#303031
notifications.foreground#cccccc
notificationsErrorIcon.foreground#fa5762
notificationsInfoIcon.foreground#75beff
notificationsWarningIcon.foreground#f2c55c
notificationToast.border#474747
panel.background#2B2D30
panel.border#1E1F22
panelSection.border#80808059
panelTitle.activeBorder#548af7
panelTitle.activeForeground#e7e7e7
panelTitle.inactiveForeground#e7e7e799
peekView.border#007acc
peekViewEditor.background#2B2D30
peekViewEditor.matchHighlightBackground#ff8f0099
peekViewEditor.matchHighlightBorder#ee931e
peekViewEditorGutter.background#2B2D30
peekViewResult.background#2B2D30
peekViewResult.fileForeground#ffffff
peekViewResult.lineForeground#bbbbbb
peekViewResult.matchHighlightBackground#ea5c004d
peekViewResult.selectionBackground#3399ff33
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#1E1F22
peekViewTitleDescription.foreground#ccccccb3
peekViewTitleLabel.foreground#ffffff
pickerGroup.border#1E1F22
pickerGroup.foreground#3794ff
progressBar.background#2e436e
scrollbar.shadow#1E1F22
scrollbarSlider.activeBackground#726c6b99
scrollbarSlider.background#726c6b66
scrollbarSlider.hoverBackground#726c6b99
selection.background#214283
settings.focusedRowBackground#ffffff07
settings.headerForeground#cccccc
sideBar.background#2B2D30
sideBar.border#1E1F22
sideBar.dropBackground#214283
sideBar.foreground#cccccc
sideBarSectionHeader.background#1E1F22
sideBarSectionHeader.foreground#cccccc
sideBarTitle.foreground#bbbbbb
statusBar.background#1E1F22
statusBar.border#1E1F22
statusBar.debuggingBackground#debc7e
statusBar.debuggingForeground#ffffff
statusBar.foreground#ffffff
statusBar.noFolderBackground#1E1F22
statusBar.noFolderForeground#ffffff
statusBarItem.activeBackground#FFFFFF25
statusBarItem.hoverBackground#ffffff1f
statusBarItem.prominentBackground#1E1F22
statusBarItem.remoteBackground#7ec482
statusBarItem.remoteForeground#ffffff
tab.activeBackground#1E1F22
tab.activeBorder#3574F0
tab.activeBorderTop#1E1F22
tab.activeForeground#ffffff
tab.border#1E1F22
tab.hoverBackground#252629
tab.hoverForeground#ffffff
tab.inactiveBackground#1E1F22
tab.inactiveForeground#ffffff80
tab.unfocusedHoverBackground#1E1F22
terminal.ansiBlack#1E1F22
terminal.ansiBlue#749ded
terminal.ansiBrightBlack#666666
terminal.ansiBrightBlue#749ded
terminal.ansiBrightCyan#749ded
terminal.ansiBrightGreen#7ec482
terminal.ansiBrightMagenta#a771bf
terminal.ansiBrightRed#fa5762
terminal.ansiBrightWhite#e5e5e5
terminal.ansiBrightYellow#debc7e
terminal.ansiCyan#749ded
terminal.ansiGreen#7ec482
terminal.ansiMagenta#a771bf
terminal.ansiRed#f0524f
terminal.ansiWhite#808080
terminal.ansiYellow#debc7e
terminal.background#1E1F22
terminal.border#80808059
terminal.foreground#A9B7C6
terminal.selectionBackground#ffffff40
terminalCursor.background#214283
terminalCursor.foreground#ffffff
textLink.foreground#3794ff
titleBar.activeBackground#2B2D30
titleBar.activeForeground#cccccc
titleBar.border#2B2D30
titleBar.inactiveBackground#2B2D30
titleBar.inactiveForeground#cccccc
tree.indentGuidesStroke#585858
walkThrough.embeddedEditorBackground#2B2D30
widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
punctuation.definition.parameters.begin.bracket.round, punctuation.definition.parameters.end.bracket.round, storage.modifier.package, storage.modifier.import, support.type.property-name.css, variable.parameter	#A9B7C6	—
meta.method.identifier	#FFC66D	—
variable.other.object	#9876AA	—
support.type.property-name, variable.language.special.self.python, variable.language.this.js, constant	#9876AA	—
constant.numeric	#6897BB	—
comment	#808080	—
string	#6A8759	—
punctuation.definition.annotation, storage.type.annotation	#BBB529	—
comment markup.link, markup.quote.markdown, comment, punctuation.definition.comment, comment.block.javadoc.java, comment.line.double-slash.java, comment.line.double-slash.rust, comment.line.documentation.rust	#5d5f63	—
keyword.other.important.css, keyword.other.important.scss	#FA5762	—
storage.modifier, keyword.control, storage.type, entity.name.tag.html, constant.language, constant.character.escape, keyword.other.import, entity.name.tag, keyword.other.package, punctuation.terminator, keyword.other.class.cs, keyword.other.namespace.cs, keyword.declaration.dart, keyword.other.enum.cs, keyword.other.using.cs, punctuation.separator.delimiter, entity.name.type.cpp, keyword.operator.arrow.cs, keyword.operator.closure.dart, punctuation.separator.comma	#CC7832	—
entity.name.function.python, meta.function.php, support.class.dart, entity.name.function.definition.cpp, meta.definition.method.js, meta.definition.class.js, meta.definition.function.js, entity.name.type.class, entity.name.type.enum.cs, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.other.inherited-class, entity.name.function.definition.special.constructor.cpp	#FFC66D	—
variable.language.this.php	#9876AA	—
punctuation.definition.parameters.begin.bracket.round, punctuation.definition.parameters.end.bracket.round, storage.modifier.package, storage.modifier.import, support.type.property-name.css, variable.parameter	#A9B7C6	—
meta.method.identifier	#FFC66D	—
variable.other.object	#9876AA	—
support.type.property-name, variable.language.special.self.python, variable.language.this.js, constant	#9876AA	—
constant.numeric	#6897BB	—
comment	#808080	—
string	#6A8759	—
punctuation.definition.annotation, storage.type.annotation	#BBB529	—
comment markup.link, markup.quote.markdown, comment, punctuation.definition.comment, comment.block.javadoc.java, comment.line.double-slash.java, comment.line.double-slash.rust, comment.line.documentation.rust	#5d5f63	—
keyword.other.important.css, keyword.other.important.scss	#FA5762	—
storage.modifier, keyword.control, storage.type, entity.name.tag.html, constant.language, constant.character.escape, keyword.other.import, entity.name.tag, keyword.other.package, punctuation.terminator, keyword.other.class.cs, keyword.other.namespace.cs, keyword.declaration.dart, keyword.other.enum.cs, keyword.other.using.cs, punctuation.separator.delimiter, entity.name.type.cpp, keyword.operator.arrow.cs, keyword.operator.closure.dart, punctuation.separator.comma	#CC7832	—
entity.name.function.python, meta.function.php, support.class.dart, entity.name.function.definition.cpp, meta.definition.method.js, meta.definition.class.js, meta.definition.function.js, entity.name.type.class, entity.name.type.enum.cs, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.other.inherited-class, entity.name.function.definition.special.constructor.cpp	#FFC66D	—
variable.language.this.php	#9876AA	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}