Ocean Next Extended (elm/elixir)

Name: Ocean Next Extended (elm/elixir)
Author: lamogura

Publisher: lamoguraThemes in package: 1

Ocean Next Theme Extended to support more consistant symbols in languages like elm and elixir.

Open in VS Code

VS Code preview

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

Ocean Next Extended (elm/elixir) — Ocean Next Extended

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.

editor.background#262626
editor.foreground#CDD3DE
editor.lineHighlightBackground#65737e55
editor.selectionBackground#4f5b66
editorCursor.foreground#c0c5ce
editorIndentGuide.background#8795A2
editorWhitespace.foreground#65737e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#CDD3DE	—
comment, punctuation.definition.comment	#555555	—
variable	#CDD3DE	—
keyword, storage.type, storage.modifier, support.type.prelude.elm	#C594C5	—
keyword.operator, constant.other.color, punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, keyword.other.template, keyword.other.substitution	#5FB3B3	—
meta.jsx	#99C794	—
punctuation.definition.tag	#AB7967	—
entity.name.tag, meta.tag	#D8C17E	—
meta.tag.sgml, markup.deleted.git_gutter	#7BAEE2	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level	#7BAEE2	—
support.other.variable, string.other.link	#F2777A	—
constant.numeric, constant.language, support.constant, constant.character, keyword.other.unit	#F99157	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#99C794	normal
entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.constant.elm	#D8C17E	—
support.class.builtin, entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#D8C17E	—
meta.group.braces.round, meta.brace.round	#7BAEE2	—
meta.group.braces, meta.brace, punctuation.section.embedded	#5FB3B3	—
punctuation.definition.parameters	#7BAEE2	—
constant.language.list, constant.language.empty-list.elm, constant.language.record, punctuation.colon.elm, meta.brace.round.elm	#5FB3B3	—
keyword.operator.module, meta.declaration.exports.elm	#C594C5	—
constant.other.elm	#7BAEE2	—
meta.declaration.exports.elm storage.type.elm	#7BAEE2	—
meta.delimiter	#5FB3B3	—
variable.language	#EC5F67	italic
entity.name.method.js	#D8DEE9	—
meta.class-method.js entity.name.function.js, variable.function.constructor, support.function.prelude.elm, support.function.elm	#D8DEE9	—
entity.other.attribute-name	#AB7967	italic
markup.inserted	#99C794	—
markup.deleted	#EC5F67	—
markup.changed	#BB80B3	—
string.regexp	#5FB3B3	—
constant.character.escape	#5FB3B3	—
url, link, uri	—	underline
constant.numeric.line-number.find-in-files - match	#AB7967	—
entity.name.filename.find-in-files	#99C794	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#7BAEE2	italic
source.js constant.other.object.key.js string.unquoted.label.js	#EC5F67	italic
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#FAC863	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#C594C5	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#D8DEE9	—
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#7BAEE2	—
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#AB7967	—
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#EC5f67	—
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#F99157	—
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#FAC863	—
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#C594C5	—

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