Cursor Night Syntax

Name: Cursor Night Syntax
Author: span

Publisher: spanThemes in package: 1

A dark theme combining Cursor Dark UI with Tokyo Night syntax highlighting.

GitHub

VS Code preview

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

Cursor Night Syntax — Cursor Night Syntax

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#141414
activityBar.foreground#CCCCCC99
activityBarBadge.background#FFFFFF
activityBarBadge.foreground#000000
badge.background#88C0D0
badge.foreground#141414
breadcrumb.activeSelectionForeground#FFFFFF
breadcrumb.background#1a1a1a
breadcrumb.foreground#CCCCCC99
breadcrumbPicker.background#141414
button.background#4c9df3
button.foreground#191c22
button.hoverBackground#66aefa
button.secondaryBackground#565656
button.secondaryForeground#ececec
button.secondaryHoverBackground#767676
debugExceptionWidget.background#505050
debugExceptionWidget.border#141414
debugToolBar.background#1A1A1A
diffEditor.insertedTextBackground#FFFFFF22
diffEditor.removedTextBackground#FFFFFF22
dropdown.background#1a1a1a
dropdown.border#2A2A2A
dropdown.foreground#FFFFFF
editor.background#1a1a1a
editor.findMatchBackground#88C0D066
editor.findMatchHighlightBackground#88C0D044
editor.findRangeHighlightBackground#FFFFFF33
editor.foreground#D8DEE9
editor.hoverHighlightBackground#292929
editor.inactiveSelectionBackground#40404077
editor.lineHighlightBackground#292929
editor.lineHighlightBorder#292929
editor.rangeHighlightBackground#40404052
editor.selectionBackground#40404099
editor.selectionHighlightBackground#404040CC
editor.snippetFinalTabstopHighlightBorder#CCCCCC
editor.snippetTabstopHighlightBackground#CCCCCC55
editor.wordHighlightBackground#ffffff21
editor.wordHighlightStrongBackground#ffffff2d
editorBracketMatch.background#14141400
editorBracketMatch.border#FFFFFF55
editorCodeLens.foreground#505050
editorCursor.foreground#FFFFFF
editorError.border#BF616A00
editorError.foreground#BF616A
editorGroup.border#2A2A2A00
editorGroup.dropBackground#2A2A2A99
editorGroup.emptyBackground#141414
editorGroupHeader.noTabsBackground#141414
editorGroupHeader.tabsBackground#141414
editorGroupHeader.tabsBorder#FFFFFF0D
editorGutter.addedBackground#A3BE8C
editorGutter.background#1a1a1a
editorGutter.deletedBackground#BF616A
editorGutter.modifiedBackground#EBCB8B
editorHoverWidget.background#1A1A1A
editorHoverWidget.border#2A2A2A
editorIndentGuide.activeBackground1#505050
editorIndentGuide.background1#404040B3
editorInlayHint.background#00000000
editorInlayHint.foreground#505050
editorInlayHint.parameterBackground#00000000
editorInlayHint.parameterForeground#505050
editorInlayHint.typeBackground#00000000
editorInlayHint.typeForeground#505050
editorLineNumber.activeForeground#FFFFFF
editorLineNumber.foreground#505050
editorLink.activeForeground#FFFFFF
editorMarkerNavigation.background#ffffff70
editorMarkerNavigationError.background#BF616AC0
editorMarkerNavigationWarning.background#CCCCCC
editorOverviewRuler.border#00000000
editorRuler.foreground#494949
editorSuggestWidget.background#141414
editorSuggestWidget.border#2A2A2A
editorSuggestWidget.foreground#FFFFFF
editorSuggestWidget.highlightForeground#FFFFFF
editorSuggestWidget.selectedBackground#404040
editorWarning.border#CCCCCC00
editorWarning.foreground#EBCB8B
editorWhitespace.foreground#505050B3
editorWidget.background#141414
editorWidget.resizeBorder#FFFFFF
errorForeground#bf616a
extensionButton.prominentBackground#565656
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#767676
focusBorder#30373a
foreground#CCCCCCdd
gitDecoration.addedResourceForeground#A3BE8C
gitDecoration.deletedResourceForeground#BF616A
gitDecoration.ignoredResourceForeground#505050
gitDecoration.modifiedResourceForeground#EBCB8B
gitDecoration.untrackedResourceForeground#88C0D0
input.background#2A2A2A55
input.border#2A2A2A
input.foreground#FFFFFF
input.placeholderForeground#FFFFFF99
inputOption.activeBorder#FFFFFF
inputValidation.errorBackground#BF616A
inputValidation.errorBorder#BF616A
inputValidation.infoBackground#88C0D0
inputValidation.infoBorder#88C0D0
inputValidation.infoForeground#141414
inputValidation.warningBackground#EBCB8B
inputValidation.warningBorder#EBCB8B
list.activeSelectionBackground#ffffff1d
list.activeSelectionForeground#FFFFFF
list.deemphasizedForeground#CCCCCC
list.dropBackground#FFFFFF99
list.errorForeground#BF616A
list.focusBackground#434C5E
list.focusForeground#ECEFF4
list.highlightForeground#88C0D0
list.hoverBackground#2A2A2A99
list.hoverForeground#FFFFFF
list.inactiveSelectionBackground#ffffff10
list.inactiveSelectionForeground#ffffffd7
list.invalidItemForeground#CCCCCC
list.warningForeground#EBCB8B
menu.background#141414
menu.foreground#CCCCCC
menu.separatorBackground#CCCCCC
menubar.selectionBackground#CCCCCC33
merge.border#2A2A2A00
merge.currentContentBackground#88C0D04D
merge.currentHeaderBackground#88C0D066
merge.incomingContentBackground#A3BE8C4D
merge.incomingHeaderBackground#A3BE8C66
minimap.background#181818
minimap.errorHighlight#f14c4c
minimap.findMatchHighlight#15ac9170
minimap.selectionHighlight#363636
minimap.warningHighlight#ea7620
minimapGutter.addedBackground#15ac91
minimapGutter.deletedBackground#f14c4c
minimapGutter.modifiedBackground#e5b95c
notificationLink.foreground#88C0D0
notifications.background#141414
notifications.foreground#FFFFFF
panel.background#141414
panel.border#FFFFFF0D
panelTitle.activeBorder#FFFFFF00
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#CCCCCC99
peekView.border#505050
peekViewEditor.background#141414
peekViewEditor.matchHighlightBackground#FFFFFF66
peekViewEditorGutter.background#141414
peekViewResult.background#141414
peekViewResult.fileForeground#FFFFFF
peekViewResult.lineForeground#FFFFFF66
peekViewResult.matchHighlightBackground#FFFFFF66
peekViewResult.selectionBackground#404040
peekViewResult.selectionForeground#FFFFFF
peekViewTitle.background#2A2A2A
peekViewTitleDescription.foreground#FFFFFF
peekViewTitleLabel.foreground#FFFFFF
pickerGroup.border#2A2A2A00
pickerGroup.foreground#FFFFFF
progressBar.background#A3BE8C
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#60606055
scrollbarSlider.background#40404055
scrollbarSlider.hoverBackground#40404055
selection.background#FFFFFF33
sideBar.background#141414
sideBar.border#FFFFFF0D
sideBar.foreground#CCCCCC99
sideBarSectionHeader.background#141414
sideBarSectionHeader.foreground#505050
sideBarTitle.foreground#CCCCCC
statusBar.background#141414
statusBar.border#FFFFFF0D
statusBar.debuggingBackground#434C5E
statusBar.debuggingForeground#D8DEE9
statusBar.foreground#cccccc82
statusBar.noFolderBackground#141414
statusBar.noFolderForeground#FFFFFF
statusBarItem.activeBackground#505050
statusBarItem.hoverBackground#F0F0F0
statusBarItem.hoverForeground#404040
statusBarItem.prominentBackground#2A2A2A
statusBarItem.prominentHoverBackground#404040
tab.activeBackground#1a1a1a
tab.activeBorder#1a1a1a
tab.activeBorderTop#FFFFFF00
tab.activeForeground#FFFFFF
tab.border#FFFFFF0D
tab.hoverBackground#FFFFFF00
tab.inactiveBackground#141414
tab.inactiveForeground#505050
tab.unfocusedActiveBorder#88C0D000
tab.unfocusedActiveForeground#FFFFFF99
tab.unfocusedHoverBackground#2A2A2AB3
tab.unfocusedHoverBorder#88C0D000
tab.unfocusedInactiveForeground#FFFFFF66
terminal.ansiBlack#2A2A2A
terminal.ansiBlue#81A1C1
terminal.ansiBrightBlack#505050
terminal.ansiBrightBlue#81A1C1
terminal.ansiBrightCyan#88C0D0
terminal.ansiBrightGreen#A3BE8C
terminal.ansiBrightMagenta#B48EAD
terminal.ansiBrightRed#BF616A
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#EBCB8B
terminal.ansiCyan#88C0D0
terminal.ansiGreen#A3BE8C
terminal.ansiMagenta#B48EAD
terminal.ansiRed#BF616A
terminal.ansiWhite#FFFFFF
terminal.ansiYellow#EBCB8B
terminal.background#141414
terminal.foreground#FFFFFFcc
terminal.selectionBackground#636262dd
terminalCursor.background#FFFFFF22
terminalCursor.foreground#FFFFFF
textLink.activeForeground#4c9df3
textLink.foreground#4c9df3
textPreformat.foreground#88C0D0
textSeparator.foreground#88C0D0
titleBar.activeBackground#141414
titleBar.activeForeground#cccccc82
titleBar.border#FFFFFF0D
titleBar.inactiveBackground#141414
titleBar.inactiveForeground#cccccc60
tree.indentGuidesStroke#CCCCCC55
walkThrough.embeddedEditorBackground#141414
widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, source.python punctuation.definition.comment	#BBBBBB4D	italic
constant	#F09483E6	—
constant.character.escape	#25B0BCE6	—
entity.name	#FAC29AE6	—
entity.name.function, entity.name.function.python, meta.function-call.generic.python	#60c5ff	—
entity.name.tag	#E95678E6
entity.name.type, storage.type.cs	#FAC29AE6	—
entity.other.attribute-name	#F09483E6
entity.other.inherited-class	#FAB795E6	—
entity.other.attribute-name.id	#25B0BCE6	—
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class	#FAB795E6	—
entity.name.variable, variable, meta.attribute.python, meta.member.access.python, source.python, source.python meta.function-call.arguments, source.python entity.other.inherited-class	#E95678E6	—
source.python meta.function-call, source.python punctuation.definition.parameters, source.python punctuation.definition.arguments, source.python meta.function.parameters, source.python punctuation.parenthesis, source.python definition.arguments, source.python punctuation.definition, source.python punctuation.section.class, source.python punctuation.section.function	#A9B1D6	—
keyword	#B877DBE6
keyword.operator	#BBBBBB	—
keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete	#B877DBE6	—
keyword.other.unit	#F09483E6	—
markup.quote	#FAB795B3	italic
markup.heading, entity.name.section	#E95678E6	—
markup.bold	#B877DBE6	bold
markup.italic	#25B0BCE6	italic
markup.inline.raw, markup.fenced_code.block	#F09483E6	—
markup.underline.link	#FAB795E6	—
storage	#B877DBE6
string.quoted, string.template, punctuation.definition.string	#FAB795E6	—
string.regexp	#F09483E6	—
string.other.link	#F09483E6	—
support	#FAC29AE6	—
support.function	#60c5ff	—
support.variable	#E95678E6	—
support.type.property-name, meta.object-literal.key	#E95678E6	—
support.type.property-name.css	#BBBBBB	—
variable.language	#FAC29AE6	italic
variable.parameter	—	italic
string.template meta.embedded	#BBBBBB	—
punctuation.definition.tag	#E95678B3
punctuation.separator	#BBBBBB	—
punctuation.definition.template-expression	#B877DBE6	—
punctuation.section.embedded	#B877DBE6	—
punctuation.definition.list	#F09483E6	—

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}!`;
}