boxy-oceanic

Name: boxy-oceanic
Author: Marcos Moura

Publisher: Marcos MouraThemes in package: 1

Boxy Oceanic port for vscode

Open in VS Code GitHub

VS Code preview

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

boxy-oceanic — Boxy Oceanic

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#cdd3de	—
comment, punctuation.definition.comment	#65737e	italic
variable, string constant.other.placeholder	#cdd3de	—
invalid	#ffffff	—
invalid.deprecated	#ffffff	—
keyword, storage.type, storage.modifier	#c594c5	—
keyword.operator, constant.other.color, punctuation, meta.tag, 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	#5fb3b3	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#f07178	—
entity.name.function, variable.function, support.function, keyword.other.special-method, meta.block-level	#6699cc	—
support.other.variable, string.other.link	#f07178	—
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, 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.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter	#fac863	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#ec5f67	—
variable.language	#ec5f67	italic
entity.name.method.js	#6699cc	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#6699cc	—
entity.other.attribute-name	#c594c5	—
markup.inserted	#99c794	—
markup.deleted	#ec5f67	—
markup.changed	#c594c5	—
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	#6699cc	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	#ec5f67bf	—
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	#6699ccbf	—
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	#fac863bf	—
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	#c594c5bf	—
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	#f99157	—
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	#6699cc	—
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	—
text.html.markdown, punctuation.definition.list_item.markdown	#cdd3de	—
text.html.markdown markup.raw.inline	#ec5f67	—
text.html.markdown meta.dummy.line-break	#65737e	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#99c794	—
markup.italic	#f07178	italic
markup.bold	#f07178	bold
markup.underline	#f99157	underline
markup.strike	#ab7967	strike
markup.quote, punctuation.definition.blockquote.markdown	#5fb3b3	italic
markup.quote	#5fb3b3	italic
string.other.link.title.markdown	#6699cc	underline
markup.raw.block	#c594c5	—
markup.raw.block.fenced.markdown	#cdd3de	—
punctuation.definition.fenced.markdown, variable.language.fenced.markdown	#65737e	—
variable.language.fenced.markdown	#65737e
meta.separator	#65737e	bold
markup.table	#ec5f67	—
acejump.label	#ffffff	—
sublimelinter.mark.warning	#fac863	—
sublimelinter.gutter-mark	#ffffff	—
sublimelinter.mark.error	#ec5f67	—
markup.ignored.git_gutter	#65737e	—
markup.untracked.git_gutter	#65737e	—
gutter_color	#ffffff	—

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