inkSea Theme

Name: inkSea Theme
Author: _inkSea

Publisher: _inkSeaThemes in package: 11

Easy on the Eyes, Dark Theme Collection

GitHub

Color themes

VS Code preview

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

inkSea Theme — inkSea Theme | Legacy - Midnight

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

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#010101
activityBar.border#222223
activityBar.foreground#dee2e6
activityBarBadge.background#63e6be
activityBarBadge.foreground#242526
badge.background#6FC1FF
badge.foreground#676B79
button.background#45A9F9
button.foreground#FFFFFF
button.hoverBackground#676B79
diffEditor.insertedTextBackground#19f9d866
diffEditor.removedTextBackground#FF4B8266
editor.background#010101
editor.findMatchBackground#B084EB90
editor.findMatchHighlightBackground#FFCC9540
editor.foreground#c4cad1
editor.inactiveSelectionBackground#FFCC9540
editor.lineHighlightBackground#31353a
editor.selectionBackground#FFCC9540
editor.selectionHighlightBackground#FFCC9540
editor.wordHighlightBackground#FFCC9560
editor.wordHighlightStrongBackground#FF9AC170
editorBracketMatch.border#63e6be
editorCodeLens.foreground#FFCC9540
editorCursor.foreground#ef5285
editorError.foreground#ef5285
editorGroupHeader.tabsBackground#010101
editorGroupHeader.tabsBorder#010101
editorGutter.addedBackground#63e6be
editorGutter.deletedBackground#ef5285
editorGutter.modifiedBackground#FFCC95
editorHoverWidget.background#31353a
editorOverviewRuler.addedForeground#63e6be
editorOverviewRuler.border#00000000
editorOverviewRuler.deletedForeground#ef5285
editorOverviewRuler.errorForeground#ef5285
editorOverviewRuler.infoForeground#6FC1FF
editorOverviewRuler.modifiedForeground#FFCC95
editorOverviewRuler.warningForeground#FFCC95
editorRuler.foreground#B084EB60
editorSuggestWidget.selectedBackground#19f9d899
editorWarning.foreground#FFCC95
editorWhitespace.foreground#4E5260
editorWidget.background#010101
editorWidget.border#31353a
errorForeground#ef5285
extensionButton.prominentBackground#45A9F9
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#676B79
foreground#ced4da
list.activeSelectionBackground#292A2B
list.activeSelectionForeground#63e6be
list.focusBackground#1a1d21
list.focusForeground#63e6be
list.highlightForeground#6FC1FF
list.hoverBackground#1a1d21
list.hoverForeground#CDCDCD
list.inactiveSelectionBackground#292A2B
list.inactiveSelectionForeground#63e6be
merge.currentContentBackground#B084EB40
merge.currentHeaderBackground#B084EB90
merge.incomingContentBackground#FFCC9540
merge.incomingHeaderBackground#45A9F990
panel.background#010101
progressBar.background#B084EB
scrollbar.shadow#222223
scrollbarSlider.activeBackground#757575
scrollbarSlider.background#373B4199
scrollbarSlider.hoverBackground#757575
sideBar.background#010101
sideBar.border#31353a
sideBar.foreground#676B79
sideBarSectionHeader.background#0a0b0f
sideBarSectionHeader.foreground#a8a8b1
statusBar.background#010101
statusBar.debuggingBackground#B084EB
statusBar.debuggingForeground#dee2e6
statusBar.foreground#dee2e6
statusBar.noFolderBackground#010101
statusBar.noFolderForeground#dee2e6
tab.activeBackground#010101
tab.activeBorder#63e6be
tab.activeForeground#63e6be
tab.inactiveBackground#010101
tab.inactiveForeground#969ba0
terminal.ansiBlue#45A9F9
terminal.ansiBrightBlack#757575
terminal.ansiBrightBlue#6FC1FF
terminal.ansiBrightCyan#BCAAFE
terminal.ansiBrightGreen#63e6be
terminal.ansiBrightMagenta#FF9AC1
terminal.ansiBrightRed#ef5285
terminal.ansiBrightWhite#dee2e6
terminal.ansiBrightYellow#FFCC95
terminal.ansiCyan#B084EB
terminal.ansiGreen#63e6be
terminal.ansiMagenta#FF75B5
terminal.ansiRed#ef5285
terminal.ansiWhite#CDCDCD
terminal.ansiYellow#FFCC95
terminal.background#010101
terminalCursor.background#dee2e6
terminalCursor.foreground#ef5285
titleBar.activeBackground#010101
titleBar.activeForeground#dee2e6
titleBar.inactiveBackground#1a1d21
titleBar.inactiveForeground#dee2e6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#676B79	italic
keyword	#FF75B5	—
keyword.control, keyword.operator.new	#FF75B5	—
keyword.operator	#dee2e6	italic
keyword.operator.logical, keyword.operator.comparison	#FFCC95	—
storage	#F6B352	italic
constant	#FFCC95	—
constant.character.escape	#45A9F9	—
variable	#dee2e6	—
variable.parameter	#BBBBBB	—
meta.object-binding-pattern-variable.js variable	#FFCC95	—
variable.other.constant, variable.language.this, variable.interpolation	#FF9AC1	—
variable.other.object	#FF9AC1	—
variable.other.object.property	#dee2e6	italic
variable.other.property	#dee2e6	—
token.error-token	#ef5285	—
string	#63e6be	—
punctuation.definition.template-expression	#FFCC95	—
support	#FFCC95	—
support.class	#FFCC95	—
support.type.object.module.js	#B084EB	—
support.function	#6FC1FF	—
entity.name.function	#6FC1FF	—
entity.other.inherited-class	#FF9AC1	italic
entity.name.tag.yaml	#FFCC95	—
meta.decorator punctuation.decorator	#FFCC95	—
meta.delimiter.period	#c792ea	italic
meta.decorator variable	#6FC1FF	—
keyword.other.special-method	#45A9F9	—
keyword.control.at-rule	#B084EB	—
keyword.other.important	#ef5285	—
variable.interpolation	#FF75B5	—
meta.source.handlebars entity.name.tag	#6FC1FF	—
punctuation.definition.expression, punctuation.definition.subexpression, punctuation.definition.block.unescaped, punctuation.definition.tag	#FFCC95	italic
entity.name.function.expression	#FF75B5	—
entity.unescaped.expression	#B084EB	—
constant.other.symbol	#63e6be	—
entity.expression variable.parameter.name	#FFCC95	—
entity.expression variable.parameter.value	#6FC1FF	—
entity.expression support.function.builtin	#FF9AC1	—
entity.name.tag.html	#FFCC95	—
entity.other.attribute-name.handlebars	#FFCC95	italic
support.class.component	#FF75B5	italic
meta.tag.js entity.name.tag	#FFCC95	—
meta.selector	#c792ea	italic
entity.other.attribute-name	#FFCC95	—
markup.bold	#FFCC95	—
punctuation.definition.bold.markdown	#FFCC95	—
markup.changed	#FF75B5	—
markup.deleted	#ef5285	—
markup.italic	#FF9AC1	italic
punctuation.definition.italic.markdown	#FF75B5	italic
markup.inserted	#63e6be	—
punctuation.definition.heading	#63e6be	—
entity.name.section.markdown	#BBBBBB	—
markup.quote	#FFCC95	—
markup.inline.raw	#63e6be	italic
beginning.punctuation.definition.list	#FF75B5	—
markup.fenced_code.block.markdown punctuation.definition.markdown	#757575	—
fenced_code.block.language	#BBBBBB	italic
string.other.link	#BBBBBB	normal
meta.link.inline.markdown	#45A9F9	italic
text.html.markdown punctuation.definition.string	#FFCC95	—
entity.name.type.class.js	#6FC1FF	—
keyword.control.as.js	#FF9AC1	—
keyword.control.from.js.jsx	#FF9AC1	—
keyword.control.export.js	#B084EB	—
entity.name.tag.js.jsx, support.class.component.js.jsx	#ef5285	italic
meta.embedded.expression.js	#FF9AC1	—
entity.name.tag.open.jsx, entity.name.tag.close.jsx	#ef8390	italic
entity.name.tag.doctype, meta.tag.sgml.doctype	#c792ea	italic
variable.language.super.js.jsx	#45A9F9	—
meta.tag.structure.any.html, meta.tag.other.html, entity.name.tag.html, meta.tag.metadata.script.html, entity.name.tag.jade	#ef8390	—
entity.name.tag.inline.any.html, entity.name.tag.other.html, entity.name.tag.block.any.html	#ef8390	—
entity.name.tag.css	#ef5285	—
support.type.property-name.css	#dee2e6	—
variable.scss	#FF9AC1	—
entity.name.tag.reference.scss	#ef5285	—
keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.deg.css, keyword.other.unit.percentage.css	#FFCC95	—
string.regexp	#6FC1FF	—
string.regexp keyword, string.regexp keyword.control	#FF75B5	normal
string.regexp keyword.operator	#FF9AC1	—
comment.block.documentation	—	normal
entity.name.type.instance.jsdoc punctuation.definition	#FFCC95	italic
entity.name.type.instance.jsdoc	#CDCDCD	italic
comment.block storage	#FFCC95	—
comment.block storage.custom, variable.other.jsdoc, variable.other.jsdoc punctuation.definition.string	#FF9AC1	—

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