Oscura Theme

Name: Oscura Theme
Author: Fey

Publisher: FeyThemes in package: 2

An unapologetically dark and minimal theme.

GitHub

Color themes

VS Code preview

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

Oscura Theme — Oscura Dusk

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#131419
activityBar.foreground#868F97
activityBarBadge.background#E6E7A3
activityBarBadge.foreground#000
badge.background#D6D876
badge.foreground#000
button.background#E6E7A3
button.foreground#000
button.hoverBackground#D6D876
descriptionForeground#C1C1C1
diffEditor.insertedLineBackground#4EBE9625
diffEditor.insertedTextBackground#4EBE9625
diffEditor.removedLineBackground#FF5C5C50
diffEditor.removedTextBackground#FF5C5C50
editor.background#131419
editor.findMatchBackground#EAEC8A54
editor.foreground#E6E6E6
editor.selectionBackground#EAEC8A21
editor.selectionHighlightBackground#FFFFFF08
editor.wordHighlightBackground#EAEC8A16
editor.wordHighlightStrongBackground#EAEC8A16
editorBracketHighlight.foreground1#5C6974
editorBracketHighlight.foreground2#6E678E
editorBracketHighlight.foreground3#6A7782
editorBracketHighlight.foreground4#6A7782
editorBracketHighlight.foreground5#6A7782
editorBracketHighlight.foreground6#6A7782
editorBracketHighlight.unexpectedBracket.foreground#6A7782
editorError.foreground#FF5C5C
editorGroupHeader.tabsBackground#131419
editorGutter.addedBackground#E6E6E6
editorGutter.deletedBackground#D84F68
editorGutter.modifiedBackground#E6E7A3
editorHoverWidget.background#161616
editorHoverWidget.border#282828
editorHoverWidget.foreground#E6E6E6
editorLineNumber.activeForeground#E6E6E6
editorLineNumber.foreground#32333B
editorWarning.foreground#D2D714
focusBorder#FFFFFF16
gitDecoration.conflictingResourceForeground#FF5C5C
gitDecoration.deletedResourceForeground#FF5C5C
gitDecoration.modifiedResourceForeground#FFF
gitDecoration.untrackedResourceForeground#FFF
input.background#FFFFFF11
input.foreground#E6E6E6
inputOption.activeForeground#FFF
list.activeSelectionBackground#232323
list.activeSelectionForeground#E6E6E6
list.errorForeground#FF5C5C
list.highlightForeground#FFF
list.hoverBackground#FFFFFF08
list.inactiveSelectionBackground#232323
list.warningForeground#D2D714
pickerGroup.foreground#C1C1C1
quickInput.background#2C2C31
quickInput.foreground#C1C1C1
quickInputList.focusBackground#FFFFFF16
quickInputList.focusForeground#FFF
scrollbarSlider.background#34343480
scrollbarSlider.hoverBackground#343434
selection.background#5A5B63
settings.modifiedItemIndicator#E6E7A3
sideBar.background#131419
sideBar.foreground#C1C1C195
sideBarSectionHeader.background#131419
sideBarSectionHeader.foreground#868F97
sideBarTitle.foreground#868F97
statusBar.background#131419
statusBar.debuggingBackground#4EBE96
statusBar.debuggingForeground#E6E6E6
statusBar.foreground#868F97
statusBar.noFolderBackground#131419
statusBarItem.remoteBackground#E6E7A3
statusBarItem.remoteForeground#000
tab.activeBackground#131419
tab.activeBorder#E6E6E670
tab.activeForeground#FFF
tab.border#131419
tab.inactiveBackground#131419
textLink.activeForeground#479FFA
textLink.foreground#479FFA
titleBar.activeBackground#131419
titleBar.activeForeground#7E7E7E
titleBar.inactiveBackground#131419
titleBar.inactiveForeground#6A7782

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#46474F	—
variable, string constant.other.placeholder, entity.name.tag	#E6E6E6	—
constant.other.color	#E6E6E6	—
invalid, invalid.illegal	#D84F68	—
keyword, storage.type, storage.modifier	#9099A1	—
keyword.control, constant.other.color, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#9099A1	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#E6E7A3	—
entity.name.function, variable.function, support.function, keyword.other.special-method	#E6E7A3	—
meta.block variable.other	#E6E6E6	—
support.other.variable, string.other.link	#E6E6E6	—
constant.numeric, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other, constant.language.boolean	#F9B98C	—
string, constant.other.symbol, constant.other.key, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#E6E6E6	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#E6E7A3	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, source.postcss support.type.property-name, support.type.vendored.property-name.css, source.css.scss entity.name.tag, variable.parameter.keyframe-list.css, meta.property-name.css, variable.parameter.url.scss, meta.property-value.scss, meta.property-value.css	#E6E6E6	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#D84F68	—
variable.language	#868F97	—
entity.name.method.js	#E6E6E6	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#E6E6E6	—
entity.other.attribute-name, meta.property-list.scss, meta.attribute-selector.scss, meta.property-value.css, entity.other.keyframe-offset.css, meta.selector.css, entity.name.tag.reference.scss, entity.name.tag.nesting.css, punctuation.separator.key-value.css	#54C0A3	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#E6E7A3	—
entity.other.attribute-name.class, entity.other.attribute-name.id, meta.attribute-selector.scss, variable.parameter.misc.css	#E6E7A3	—
source.sass keyword.control, meta.attribute-selector.scss	#E6E6E6	—
markup.inserted	#E6E6E6	—
markup.deleted	#D84F68	—
markup.changed	#868F97	—
string.regexp	#868F97	—
constant.character.escape	#868F97	—
url, link, uri	#479FFA	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#E6E6E6	—
source.js constant.other.object.key.js string.unquoted.label.js	#D84F68	italic
support.type.property-name.json	#E6E7A3	—
text.html.markdown, punctuation.definition.list_item.markdown	#E6E6E6	—
text.html.markdown markup.inline.raw.markdown	#868F97	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#E6E6E6	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, markup.heading, markup.inserted.git_gutter	#E6E7A3	—
markup.italic	#E6E6E6	italic
markup.bold, markup.bold string	#E6E6E6	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#E6E6E6	bold
markup.underline	#E6E7A3	underline
markup.quote punctuation.definition.blockquote.markdown	#E6E6E6	—
markup.quote	#E6E6E6	—
string.other.link.title.markdown	#E6E6E6	—
string.other.link.description.title.markdown	#868F97	—
constant.other.reference.link.markdown	#E6E7A3	—
markup.raw.block	#868F97	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#E6E6E6	—
variable.language.fenced.markdown	#E6E6E6	—
meta.separator	#65737E	bold
markup.table	#E6E6E6	—
meta.brace, punctuation.definition.block, punctuation.definition.parameters, punctuation.section.function, meta.brackets, punctuation.definition.brackets, punctuation.definition.dictionary, punctuation.definition.array, punctuation.section, punctuation.section.block, punctuation.section.braces, punctuation.section.group, punctuation.section.parameters	#5C6974	—
meta.function string.quoted.double.ts, meta.function string.quoted.single.ts, meta.function string.quoted.double.js, meta.function string.quoted.single.js, meta.function string.quoted.double.tsx, meta.function string.quoted.single.tsx	#F9B98C	—
support.function.builtin.python, support.function.magic.python, support.type.builtin.python	#E6E7A3	bold
variable.parameter.function.python	#868F97	italic
keyword.control.flow.python, keyword.control.import.python, keyword.control.statement.python, keyword.operator.member.python, keyword.operator.wordlike.python	#9099A1	—
keyword.operator.logical.python, keyword.operator.arithmetic.python, keyword.operator.assignment.python, keyword.operator.comparison.python, keyword.operator.bitwise.python	#F9B98C	—
storage.type.python, storage.type.annotation.python, storage.type.function.python, storage.type.class.python, storage.type.union.python, storage.type.intersection.python, storage.type.optional.python, storage.type.any.python, storage.type.unknown.python, storage.type.none.python	#E6E7A3	bold
variable.parameter.function.language.special.self.python	#868F97	—
entity.name.type.class.python, entity.name.type.class.python punctuation.definition.class.python	#E6E7A3	—
entity.name.function.python, meta.function.python entity.name.function.python	#E6E7A3	—
variable.other.constant.python, variable.other.enummember.python, variable.other.property.python, variable.other.object.python, variable.other.readwrite.python	#E6E7A3	—
constant.character.format.placeholder.other.python, constant.character.format.placeholder.other.python punctuation.definition.format.placeholder.python	#F9B98C	—
string.quoted.single.python, string.quoted.double.python, string.quoted.triple.single.python, string.quoted.triple.double.python, string.regexp.python, string.quoted.single.python punctuation.definition.string.begin.python, string.quoted.single.python punctuation.definition.string.end.python, string.quoted.double.python punctuation.definition.string.begin.python, string.quoted.double.python punctuation.definition.string.end.python, string.quoted.triple.single.python punctuation.definition.string.begin.python, string.quoted.triple.single.python punctuation.definition.string.end.python, string.quoted.triple.double.python punctuation.definition.string.begin.python, string.quoted.triple.double.python punctuation.definition.string.end.python	#F9B98C	—
string.quoted.docstring.multi.python	#868F97	italic
constant.language.python	#F9B98C	italic
meta.object-literal.key string.quoted.single.ts, meta.object-literal.key string.quoted.double.ts, meta.object-literal.key string.quoted.single.js, meta.object-literal.key string.quoted.double.js, meta.object-literal.key string.quoted.single.tsx, meta.object-literal.key string.quoted.double.tsx, meta.object.member string.quoted.single.ts, meta.object.member string.quoted.double.ts, meta.object.member string.quoted.single.js, meta.object.member string.quoted.double.js, meta.object.member string.quoted.single.tsx, meta.object.member string.quoted.double.tsx, meta.array.literal string.quoted.single.ts, meta.array.literal string.quoted.double.ts, meta.array.literal string.quoted.single.js, meta.array.literal string.quoted.double.js, meta.array.literal string.quoted.single.tsx, meta.array.literal string.quoted.double.tsx, meta.enum.declaration string.quoted.single.ts, meta.enum.declaration string.quoted.double.ts, meta.enum.declaration string.quoted.single.js, meta.enum.declaration string.quoted.double.js, meta.enum.declaration string.quoted.single.tsx, meta.enum.declaration string.quoted.double.tsx	#4EBE96	—
meta.tag string.quoted.single.ts, meta.tag string.quoted.double.ts, meta.tag string.quoted.single.js, meta.tag string.quoted.double.js, meta.tag string.quoted.single.tsx, meta.tag string.quoted.double.tsx, meta.attribute string.quoted.single.ts, meta.attribute string.quoted.double.ts, meta.attribute string.quoted.single.js, meta.attribute string.quoted.double.js, meta.attribute string.quoted.single.tsx, meta.attribute string.quoted.double.tsx	#E6E6E6	—
meta.import string.quoted.single.ts, meta.import string.quoted.double.ts, meta.import string.quoted.single.js, meta.import string.quoted.double.js, meta.import string.quoted.single.tsx, meta.import string.quoted.double.tsx	#E6E6E6	—
string.template.js, string.template.ts	#F6B98B	—

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