Sittuccine Theme

Name: Sittuccine Theme
Author: sitnikovik

Publisher: sitnikovikThemes in package: 2

The theme made with love for the best developers who needs the best code highlighting and readability.

GitHub

Color themes

VS Code preview

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

Sittuccine Theme — Sittuccine 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#2b2d30
activityBar.border#1e1f22
activityBar.foreground#cacbd1
breadcrumb.background#282828
editor.background#1e1f22
editor.findMatchBackground#ffffff00
editor.findMatchHighlightBackground#373b39b6
editor.foreground#bcbec4
editor.lineHighlightBorder#2e2e2e
editorLineNumber.foreground#4b5059
editorSuggestWidget.background#2b2d30
editorSuggestWidget.highlightForeground#548af7
editorSuggestWidget.selectedBackground#43454a
focusBorder#00000000
gitDecoration.ignoredResourceForeground#7c7c7c
gitDecoration.modifiedResourceForeground#e7b993
list.hoverBackground#2d2d2d65
selection.background#2e436e
sideBar.background#2b2d30
sideBar.foreground#bcbec4
sideBarTitle.foreground#bbbbbb
statusBar.background#2b2d30
statusBar.foreground#a8abb0
tab.activeBackground#353535
tab.activeForeground#ffffff
tab.border#313131
tab.inactiveBackground#1b1c1e
tab.lastPinnedBorder#5d5d5d
terminal.background#191919
titleBar.activeBackground#2b2d30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, support.type, variable.other.php, variable.other.property.go, storage.type.function.arrow, meta.template.expression, storage.modifier.import.java, variable.parameter, variable.language.this.php, variable.language.this.java, variable.language.this.js, variable.language.this.ts	#BCBEC4	—
comment	#7A7E85	—
string.quoted.docstring, comment.block.documentation.phpdoc.php, comment.block.javadoc.java, comment.block.documentation.js, support.variable.definitions.source.wsd, meta.comment.message.link.source.wsd, meta.comment.noteof.source.wsd, meta.comment.header_legend_footer.source.wsd, entity.name.function.title.source.wsd	#67956f	—
string.quoted.rune.go	#ea7f04	—
keyword.control, keyword.other, keyword.operator.logical, keyword.operator.logical.php, keyword.operator.new, keyword, entity.name.tag.yaml, entity.name.tag.toml, punctuation.definition.tag, entity.name.section.markdown, punctuation.definition.heading, meta.separator, punctuation.definition.list.begin.markdown, constant.language, constant.character.format.placeholder, storage.type, storage.modifier, storage.type.function, storage.type.class.php, storage.type.interface.php, storage.type.class.python, constant.language.color.rgb-value.css.sass, constant.other.color.rgb-value.hex.css, constant.other.color.rgb-value.less, storage.type.interface.ts, storage.type.class.ts, storage.type.class.cpp, storage.type.enum.cpp, storage.type.modifier.access.control.public.cpp, storage.type.modifier.access.control.protected.cpp, storage.type.modifier.access.control.private.cpp, storage.type.enum.php, punctuation.definition.variable, variable.parameter.function.language.special.self.python	#ebab7e	—
keyword.operator.address.go, storage.type.error.go, keyword.control.exception.php, storage.modifier.reference.php, keyword.control.exception.catch.php, keyword.control.throw.java, keyword.control.try.java, variable.language.wildcard.java, keyword.control.trycatch.ts, keyword.control.trycatch.js, keyword.control.catch.java, keyword.control.try.cpp, keyword.control.catch.cpp, keyword.control.try.cs, keyword.control.try.catch.cs	#f37272	—
string.quoted.double, string.quoted.single, string.unquoted.less, markup.inline.raw.string, string.template	#d4c578	—
storage.type.annotation.java, meta.attribute.php	#EBD77C	—
string.quoted.raw, string.template, constant.other.placeholder, string.quoted.double.html, string.quoted.double.sequence.divider.source.wsd	#b2ea8f	—
entity.name.tag, punctuation.definition.tag	#D5B778	—
entity.name.function.decorator	#B3AE60	—
constant.numeric, constant.character.escape, string.quoted.double.skinparam.value.source.wsd	#2ab1b8	—
storage.type.string, storage.type, entity.name.type, keyword.other.type, entity.name.type.class, support.class, support.class.exception, support.class.builtin, entity.other.inherited-class.java, support.constant.property-value.css.sass, support.constant.property-value.css, support.constant.font-name.css, support.constant.property-value.less, support.constant.font-name.less, support.constant.color.w3c-standard-color-name.less, support.constant.color.w3c-standard-color-name.css, entity.other.attribute-name.class.less, support.type.primitive.ts, entity.other.inherited-class.php	#6fc0e6	italic
support.type.property-name.json, entity.other.attribute-name	#6eb1d0	—
variable.other.import.go, meta.function.parameter.typehinted.php, meta.function.parameters.php	—	italic
source.sql text.variable	—	bold
punctuation.definition.link, string.other.link, markup.underline.link, meta.link, variable.other.readwrite.alias, entity.name.function, entity.name.function.call, support.function.color-operation.less, meta.function-call.cs	#56A8F5	—
support.function.builtin, entity.name.function.support.builtin, support.function.constructor.php, meta.function-call.php, support.function.construct.output.php, support.function.magic.php, keyword.control.except.python, entity.other.inherited-class.placeholder-selector.css.sass, entity.name.function.definition.special.constructor.cpp, entity.name.function.definition.special.member.destructor.cpp, meta.function-call.generic.python, entity.name.function.support.builtin, function.builtin, support.function.magic.python, constant.other.database-name.sql	#8cbf7d	—
variable.other.global.safer.php, meta.function-call.ts	#9fcefb	—
meta.object-literal.key, variable.other.object.property, variable.other.property, variable.object.property, sass.script.maps, variable.other.root, variable.other.value, variable.scss, punctuation.definition.variable.less, support.other.variable.less, constant.other.php, constant.other.class.php, meta.attribute.python, constant.other.table-name.sql	#d68cca	—
constant.language	#818bf5	—
support.class.component	#2FBAA3	—
ref.matchtext	#FFFFFF	—
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—

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