Nur Theme

Name: Nur Theme
Author: Michele Fenu

Publisher: Michele FenuThemes in package: 2

Nur is a Visual Studio Code and Cursor theme designed to provide a pleasant experience for long coding sessions in any programming language.

GitHub

Color themes

VS Code preview

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

Nur Theme — Nur 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#1d2024
activityBar.foreground#e2dbc4
activityBar.inactiveForeground#e2dbc4
activityBarBadge.background#fc7261
activityBarBadge.foreground#23272b
badge.background#fc7261
badge.foreground#23272b
button.background#fc7261
button.foreground#23272b
button.hoverBackground#fc7261cc
debugToolBar.background#1d2024
debugToolBar.border#8ebdb644
diffEditor.insertedTextBackground#98bc6d22
diffEditor.removedTextBackground#fc726122
dropdown.background#1d2024
dropdown.border#8ebdb644
dropdown.foreground#e2dbc4
editor.background#23272b
editor.findMatchBackground#e19c3a44
editor.findMatchHighlightBackground#e19c3a22
editor.foreground#e2dbc4
editor.inactiveSelectionBackground#8ebdb622
editor.lineHighlightBackground#8ebdb622
editor.lineHighlightBorder#8ebdb600
editor.selectionBackground#8ebdb644
editor.selectionHighlightBackground#8ebdb633
editor.wordHighlightBackground#8ebdb633
editor.wordHighlightStrongBackground#8ebdb644
editorBracketMatch.background#8ebdb644
editorBracketMatch.border#8ebdb6
editorCursor.foreground#fc7261
editorGroup.border#8ebdb633
editorGroupHeader.tabsBackground#1d2024
editorGutter.addedBackground#98bc6d
editorGutter.background#23272b
editorGutter.deletedBackground#fc7261
editorGutter.modifiedBackground#9d80b7
editorIndentGuide.activeBackground#8ebdb6
editorIndentGuide.background#8ebdb633
editorRuler.foreground#8ebdb644
editorSuggestWidget.background#1d2024
editorSuggestWidget.border#8ebdb644
editorSuggestWidget.foreground#e2dbc4
editorSuggestWidget.highlightForeground#fc7261
editorSuggestWidget.selectedBackground#8ebdb644
editorWhitespace.foreground#8ebdb633
editorWidget.background#1d2024
editorWidget.border#8ebdb644
extensionButton.prominentBackground#fc7261
extensionButton.prominentForeground#23272b
extensionButton.prominentHoverBackground#fc7261cc
gitDecoration.addedResourceForeground#98bc6d
gitDecoration.conflictingResourceForeground#e19c3a
gitDecoration.deletedResourceForeground#fc7261
gitDecoration.modifiedResourceForeground#e19c3a
gitDecoration.untrackedResourceForeground#98bc6d
input.background#1d2024
input.border#8ebdb644
input.foreground#e2dbc4
inputOption.activeBorder#fc7261
inputValidation.errorBackground#fc726133
inputValidation.errorBorder#fc7261
inputValidation.infoBackground#9d80b733
inputValidation.infoBorder#9d80b7
inputValidation.warningBackground#e19c3a33
inputValidation.warningBorder#e19c3a
list.activeSelectionBackground#8ebdb644
list.activeSelectionForeground#e2dbc4
list.highlightForeground#fc7261
list.hoverBackground#8ebdb633
list.hoverForeground#e2dbc4
list.inactiveSelectionBackground#8ebdb622
list.inactiveSelectionForeground#e2dbc4
merge.border#8ebdb644
merge.currentContentBackground#98bc6d22
merge.currentHeaderBackground#98bc6d44
merge.incomingContentBackground#9d80b722
merge.incomingHeaderBackground#9d80b744
notificationCenterHeader.background#1d2024
notificationCenterHeader.foreground#e2dbc4
notificationLink.foreground#9d80b7
notifications.background#1d2024
notifications.border#8ebdb644
notifications.foreground#e2dbc4
panel.background#23272b
panel.border#8ebdb633
panelTitle.activeBorder#fc7261
panelTitle.activeForeground#e2dbc4
peekView.border#fc7261
peekViewEditor.background#1d2024
peekViewEditor.matchHighlightBackground#e19c3a44
peekViewResult.background#1d2024
peekViewResult.fileForeground#e2dbc4
peekViewResult.lineForeground#6e7f5c
peekViewResult.matchHighlightBackground#e19c3a44
peekViewResult.selectionBackground#8ebdb644
peekViewResult.selectionForeground#e2dbc4
peekViewTitle.background#23272b
peekViewTitleDescription.foreground#6e7f5c
peekViewTitleLabel.foreground#e2dbc4
pickerGroup.border#8ebdb644
pickerGroup.foreground#fc7261
progressBar.background#fc7261
sideBar.background#1d2024
sideBar.border#8ebdb633
sideBar.foreground#e2dbc4
sideBarSectionHeader.background#23272b
sideBarSectionHeader.foreground#e2dbc4
sideBarTitle.foreground#e2dbc4
statusBar.background#1d2024
statusBar.border#8ebdb633
statusBar.debuggingBackground#fc7261
statusBar.debuggingForeground#23272b
statusBar.foreground#e2dbc4
statusBar.noFolderBackground#1d2024
tab.activeBackground#23272b
tab.activeBorder#8ebdb6
tab.activeForeground#e2dbc4
tab.border#23272b
tab.inactiveBackground#1d2024
tab.inactiveForeground#e2dbc488
terminal.ansiBlack#23272b
terminal.ansiBlue#9d80b7
terminal.ansiBrightBlack#6e7f5c
terminal.ansiBrightBlue#9d80b7
terminal.ansiBrightCyan#6fa3d2
terminal.ansiBrightGreen#98bc6d
terminal.ansiBrightMagenta#e89b7e
terminal.ansiBrightRed#fc7261
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#e8c547
terminal.ansiCyan#6fa3d2
terminal.ansiGreen#98bc6d
terminal.ansiMagenta#e89b7e
terminal.ansiRed#fc7261
terminal.ansiWhite#e2dbc4
terminal.ansiYellow#e8c547
terminal.background#23272b
terminal.foreground#e2dbc4
terminalCursor.background#e2dbc4
terminalCursor.foreground#fc7261
titleBar.activeBackground#1d2024
titleBar.activeForeground#e2dbc4
titleBar.border#8ebdb633
walkThrough.embeddedEditorBackground#1d2024
welcomePage.background#23272b
welcomePage.buttonBackground#1d2024
welcomePage.buttonHoverBackground#8ebdb633

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6e7f5c	italic
constant.numeric, variable.other.constant, entity.name.constant, constant.language.boolean, constant.language.false, constant.language.true, keyword.other.unit.user-defined, keyword.other.unit.suffix.floating-point	#e89b7e	—
keyword, keyword.operator.word, keyword.operator.new, variable.language.super, support.type.primitive, storage.type, storage.modifier, punctuation.definition.keyword	#6fa3d2
entity.name.tag.documentation	#6fa3d2	—
keyword.operator, punctuation.accessor, punctuation.definition.generic, meta.function.closure punctuation.section.parameters, punctuation.definition.tag, punctuation.separator.key-value	#cbae82	—
entity.name.function, meta.function-call.method, support.function, support.function.misc, variable.function	#fc7261	—
entity.name.class, entity.other.inherited-class, support.class, meta.function-call.constructor, entity.name.struct	#8ebdb6	—
entity.name.enum	#8ebdb6	—
meta.enum variable.other.readwrite, variable.other.enummember	#e89b7e	—
meta.property.object	#e19c3a	—
meta.type, meta.type-alias, support.type, entity.name.type	#8ebdb6	italic
meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, meta.decorator, punctuation.decorator	#e8c547	—
variable.parameter, meta.function.parameters	#e19c3a	italic
constant.language, support.function.builtin	#fc7261	—
entity.other.attribute-name.documentation	#fc7261	—
keyword.control.directive, punctuation.definition.directive	#8ebdb6	—
punctuation.definition.typeparameters	#9d80b7	—
entity.name.namespace	#8ebdb6	—
support.type.property-name.css	#6fa3d2
variable.language.this, variable.language.this punctuation.definition.variable	#fc7261	—
variable.object.property	#e2dbc4	—
string.template variable, string variable	#e2dbc4	—
keyword.operator.new	—	bold
string, string.quoted, string.template	#98bc6d	—
constant.numeric, constant.language.infinity, constant.language.nan	#9d80b7	—
constant.language.boolean	#e89b7e	—
constant, constant.language, constant.character.escape	#e89b7e	—
variable, variable.other, variable.parameter, variable.language	#e19c3a	—
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof	#6fa3d2	—
storage, storage.type, storage.modifier	#6fa3d2	—
keyword.operator, punctuation	#cbae82	—
entity.name.function, meta.function-call, support.function, keyword.other.special-method	#fc7261	—
entity.name.class, entity.name.type.class, support.class, entity.other.inherited-class, meta.class	#8ebdb6	—
entity.name.tag, meta.tag	#8ebdb6	—
entity.other.attribute-name, meta.attribute	#e8c547	—
support.type.property-name, entity.name.tag.css, meta.property-name	#e19c3a	—
entity.name.type, support.type, support.type.primitive	#8ebdb6	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#fc7261	—
support.constant.property-value.css, support.constant.font-name.css, support.constant.media-type.css, support.constant.media.css, constant.other.color.rgb-value.css, constant.other.rgb-value.css, support.constant.color.css	#e89b7e	—
keyword.other.unit.css	#9d80b7	—
support.class.component.jsx, support.class.component.tsx	#8ebdb6	—
string.template, punctuation.definition.template-expression	#98bc6d	—
support.type.primitive.ts, support.type.builtin.ts, support.type.primitive.tsx, support.type.builtin.tsx	#8ebdb6	—
variable.language.this	#8ebdb6	italic
string.regexp	#6fa3d2	—
support.type.property-name.json, punctuation.support.type.property-name.json	#e19c3a	—
string.quoted.double.json	#98bc6d	—
markup.heading, markup.heading entity.name, punctuation.definition.heading.markdown	#fc7261	bold
markup.underline.link, string.other.link	#9d80b7	—
markup.bold	#e19c3a	bold
markup.italic	#e2dbc4	italic
markup.inline.raw, markup.fenced_code.block	#98bc6d	—
markup.quote	#6e7f5c	italic
invalid, invalid.illegal	#fc7261	underline
meta.diff, meta.diff.header	#9d80b7	—
markup.inserted	#98bc6d	—
markup.deleted	#fc7261	—
markup.changed	#e19c3a	—
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype entity.other.attribute-name, meta.tag.metadata.doctype punctuation, meta.tag.metadata.doctype string	#6e7f5c	—
entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx	#e8c547	—
text.html.vue-html, text.html.vue	#e2dbc4	—
entity.other.attribute-name.directive.vue, punctuation.separator.key-value.vue	#fc7261	—

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