SECOTRON Color Theme

Name: SECOTRON Color Theme
Author: SECOTRON

Publisher: SECOTRONThemes in package: 1

Blue Color Theme in Dark Mode based upon SECOTRON's Corporate Identity Color Palette.

Open in VS Code

VS Code preview

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

SECOTRON Color Theme — SECOTRON

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#122851
activityBarBadge.background#007acc
badge.background#437c90cc
badge.foreground#122851
debugToolBar.background#18345d
dropdown.background#173d6f
editor.background#1e4069
editor.foreground#ffffff
editor.inactiveSelectionBackground#3a3d41
editor.lineHighlightBackground#00346e
editor.selectionBackground#003f8e
editor.selectionHighlightBackground#add6ff26
editorCursor.foreground#ffffff
editorGroup.border#404f7d
editorGroup.dropBackground#25375daa
editorGroupHeader.tabsBackground#122851
editorHoverWidget.background#18345d
editorHoverWidget.border#ffffff44
editorIndentGuide.activeBackground#707070
editorIndentGuide.background#505050
editorLineNumber.activeForeground#949494
editorWhitespace.foreground#404f7d
editorWidget.background#18345d
errorForeground#773d48
focusBorder#437c90
input.background#173d6f
input.placeholderForeground#a6a6a6
list.activeSelectionBackground#275f94
list.dropBackground#383b3d
list.focusBackground#275f94
list.highlightForeground#437c90
list.hoverBackground#ffffff30
list.inactiveSelectionBackground#ffffff40
menu.background#0c1d45
menu.foreground#c29532
minimap.selectionHighlight#003f8e
peekViewResult.background#18345d
pickerGroup.foreground#437c90
progressBar.background#437c90cc
settings.numberInputBackground#292929
settings.textInputBackground#292929
sideBar.background#18345d
sideBarSectionHeader.background#00000000
sideBarSectionHeader.border#cccccc33
sideBarTitle.foreground#bbbbbb
statusBar.background#0c1d45
statusBar.debuggingBackground#0c1d45
statusBar.noFolderBackground#0c1d45
statusBarItem.remoteBackground#0e639c
statusBarItem.remoteForeground#ffffff
tab.inactiveBackground#18345d
terminal.ansiBlack#111111
terminal.ansiBlue#437c90
terminal.ansiBrightBlack#888888
terminal.ansiBrightBlue#80baff
terminal.ansiBrightCyan#78ffff
terminal.ansiBrightGreen#b8f171
terminal.ansiBrightMagenta#d778ff
terminal.ansiBrightRed#ff7882
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffe580
terminal.ansiCyan#99ffff
terminal.ansiGreen#97d8c4
terminal.ansiMagenta#30638e
terminal.ansiRed#c29532
terminal.ansiWhite#cccccc
terminal.ansiYellow#ffeead
titleBar.activeBackground#0c1d45

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded	#D4D4D4	—
emphasis	—	italic
strong	—	bold
header	#000080	—
comment	#6A9955	—
constant.language	#569CD6	—
constant.numeric, entity.name.operator.custom-literal.number, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent	#B5CEA8	—
constant.regexp	#646695	—
entity.name.tag	#569CD6	—
entity.name.tag.css	#D7BA7D	—
entity.other.attribute-name	#9CDCFE	—
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss	#D7BA7D	—
invalid	#F44747	—
markup.underline	—	underline
markup.bold	#569CD6	bold
markup.heading	#569CD6	bold
markup.italic	—	italic
markup.inserted	#B5CEA8	—
markup.deleted	#CE9178	—
markup.changed	#569CD6	—
punctuation.definition.quote.begin.markdown	#6A9955	—
punctuation.definition.list.begin.markdown	#6796E6	—
markup.inline.raw	#CE9178	—
punctuation.definition.tag	#808080	—
meta.preprocessor, entity.name.function.preprocessor	#569CD6	—
meta.preprocessor.string	#CE9178	—
meta.preprocessor.numeric	#B5CEA8	—
meta.structure.dictionary.key.python	#9CDCFE	—
meta.diff.header	#569CD6	—
storage	#569CD6	—
storage.type	#569CD6	—
storage.modifier, keyword.operator.noexcept	#569CD6	—
string, entity.name.operator.custom-literal.string, meta.embedded.assembly	#CE9178	—
string.tag	#CE9178	—
string.value	#CE9178	—
string.regexp	#D16969	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#569CD6	—
meta.template.expression	#D4D4D4	—
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded	#9CDCFE	—
keyword	#569CD6	—
keyword.control	#569CD6	—
keyword.operator	#D4D4D4	—
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike	#569CD6	—
keyword.other.unit	#B5CEA8	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#569CD6	—
support.function.git-rebase	#9CDCFE	—
constant.sha.git-rebase	#B5CEA8	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#D4D4D4	—
variable.language	#569CD6	—
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal	#DCDCAA	—
meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy	#4EC9B0	—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#4EC9B0	—
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator	#C586C0	—
variable, meta.definition.variable.name, support.variable, entity.name.variable	#9CDCFE	—
variable.other.constant, variable.other.enummember	#51B6C4	—
meta.object-literal.key	#9CDCFE	—
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	#CE9178	—
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp	#CE9178	—
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp	#D16969	—
keyword.operator.or.regexp, keyword.control.anchor.regexp	#DCDCAA	—
keyword.operator.quantifier.regexp	#D7BA7D	—
constant.character	#569CD6	—
constant.character.escape	#D7BA7D	—
entity.name.label	#C8C8C8	—
meta.embedded, source.groovy.embedded	#FFFFFF	—
comment	#71A693	—
keyword.control	#3E92CC	—
keyword.operator.class, keyword.operator, constant.other, source.php.embedded.line	#FFFFFF
variable, support.other.variable, string.other.link, string.regexp, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag, markup.deleted.git_gutter	#C29532	—
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit	#E1C663
entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution, support.type, support.class	#FFEEAD
string, constant.other.symbol, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter	#97D8C4
keyword.operator, constant.other.color	#99FFFF	—
entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level, markup.changed.git_gutter	#5fb0ce
keyword, storage, storage.type, entity.name.tag.css	#709eb8
invalid	#FFFFFF
meta.separator	#FFFFFF	—
invalid.deprecated	#FFFFFF
markup.inserted.diff, markup.deleted.diff, meta.diff.header.to-file, meta.diff.header.from-file	#FFFFFF	—
markup.inserted.diff, meta.diff.header.to-file	#718C00	—
markup.deleted.diff, meta.diff.header.from-file	#C82829	—
meta.diff.header.from-file, meta.diff.header.to-file	#FFFFFF	—
meta.diff.range	#3E999F	italic
markup.quote	#E1C663	—
markup.list	#437C90	—
markup.bold, markup.italic	#E1C663	—
markup.inline.raw	#C29532
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}!`;
}