STML

Name: STML
Author: Noble Robot

Publisher: Noble RobotThemes in package: 1

Support for Sleeptime Markup Language (STML), Sleeptime Style Sheet (SSS), and Sleeptime Include (STINC) documents.

Open in VS Code GitHub

VS Code preview

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

STML — Sleeptime (STML) 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.activeBackground#554983
activityBar.background#3c345c
activityBar.border#140d26
activityBar.foreground#d6dbc6
activityBar.inactiveForeground#d6dbc666
activityBarBadge.background#5e9ae6
activityBarBadge.foreground#1f58b2
badge.background#4d4d4d
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#e0e0e0
breadcrumb.background#1e1e1e
breadcrumb.focusForeground#e0e0e0
breadcrumb.foreground#cccccccc
button.background#0e639c
button.foreground#ffffff
button.hoverBackground#1177bb
button.secondaryBackground#3c4147
button.secondaryForeground#ffffff
button.secondaryHoverBackground#45494e
checkbox.background#3c3c3c
checkbox.border#00000000
checkbox.foreground#cccccc
debugExceptionWidget.background#333333
debugExceptionWidget.border#474747
debugToolBar.background#333333
debugToolBar.border#474747
diffEditor.border#444444
diffEditor.insertedTextBackground#9bb95533
diffEditor.removedTextBackground#ff000033
dropdown.background#3c3c3c
dropdown.border#00000000
dropdown.foreground#cccccc
editor.background#2c2a31
editor.findMatchBackground#515c6a
editor.findMatchBorder#74879f
editor.findMatchHighlightBackground#ea5c0055
editor.findMatchHighlightBorder#ffffff00
editor.findRangeHighlightBackground#3a3d4166
editor.findRangeHighlightBorder#ffffff00
editor.foldBackground#264f784d
editor.foreground#cedbce
editor.hoverHighlightBackground#264f7840
editor.inactiveSelectionBackground#3a3d41
editor.lineHighlightBackground#ffffff0A
editor.lineHighlightBorder#282828
editor.rangeHighlightBackground#ffffff0b
editor.rangeHighlightBorder#ffffff00
editor.selectionBackground#264f78
editor.selectionHighlightBackground#add6ff26
editor.selectionHighlightBorder#495F77
editor.wordHighlightBackground#575757b8
editor.wordHighlightStrongBackground#004972b8
editorBracketMatch.background#0064001a
editorBracketMatch.border#888888
editorCodeLens.foreground#999999
editorCursor.background#000000
editorCursor.foreground#aeafad
editorError.background#B73A3400
editorError.border#ffffff00
editorError.foreground#f48771
editorGroup.border#444444
editorGroup.emptyBackground#1e1e1e
editorGroupHeader.tabsBackground#2051ae
editorGutter.addedBackground#587c0c
editorGutter.background#2b2e35
editorGutter.commentRangeForeground#c5c5c5
editorGutter.deletedBackground#94151b
editorGutter.foldingControlForeground#c5c5c5
editorGutter.modifiedBackground#0c7d9d
editorHoverWidget.background#252526
editorHoverWidget.border#454545
editorHoverWidget.foreground#cccccc
editorIndentGuide.activeBackground1#707070
editorIndentGuide.background1#404040
editorInfo.background#4490BF00
editorInfo.border#4490BF00
editorInfo.foreground#75beff
editorLineNumber.activeForeground#d6d9c5
editorLineNumber.foreground#9795ad
editorLink.activeForeground#4e94ce
editorMarkerNavigation.background#2d2d30
editorMarkerNavigationError.background#f48771
editorMarkerNavigationInfo.background#75beff
editorMarkerNavigationWarning.background#cca700
editorOverviewRuler.background#25252500
editorOverviewRuler.border#7f7f7f4d
editorPane.background#4f384a
editorRuler.foreground#5a5a5a
editorSuggestWidget.background#252526
editorSuggestWidget.border#454545
editorSuggestWidget.foreground#d4d4d4
editorSuggestWidget.highlightForeground#0097fb
editorSuggestWidget.selectedBackground#062f4a
editorWarning.background#A9904000
editorWarning.border#ffffff00
editorWarning.foreground#cca700
editorWhitespace.foreground#e3e4e229
editorWidget.background#5c586a
editorWidget.border#535886
editorWidget.foreground#cccccc
editorWidget.resizeBorder#535886
focusBorder#545088
foreground#d6d9c5
gitDecoration.addedResourceForeground#81b88b
gitDecoration.conflictingResourceForeground#6c6cc4
gitDecoration.deletedResourceForeground#c74e39
gitDecoration.ignoredResourceForeground#8c8c8c
gitDecoration.modifiedResourceForeground#e2c08d
gitDecoration.stageDeletedResourceForeground#c74e39
gitDecoration.stageModifiedResourceForeground#e2c08d
gitDecoration.submoduleResourceForeground#8db9e2
gitDecoration.untrackedResourceForeground#73c991
icon.foreground#d6d9c5
input.background#3c3c3c
input.border#00000000
input.foreground#cccccc
input.placeholderForeground#a6a6a6
inputOption.activeBackground#007fd466
inputOption.activeBorder#007acc00
inputOption.activeForeground#ffffff
list.activeSelectionBackground#094771
list.activeSelectionForeground#ffffff
list.dropBackground#24374f
list.focusBackground#062f4a
list.focusForeground#cccccc
list.highlightForeground#0097fb
list.hoverBackground#2a2d2e
list.hoverForeground#cccccc
list.inactiveSelectionBackground#37373d
list.inactiveSelectionForeground#cccccc
listFilterWidget.background#653723
listFilterWidget.noMatchesOutline#be1100
listFilterWidget.outline#00000000
menu.background#141022
menu.border#727568
menu.foreground#d6dbc6
menu.selectionBackground#9151ac
menu.selectionBorder#727568
menu.selectionForeground#ffffff
menu.separatorBackground#727568
menubar.selectionBackground#ffffff1a
menubar.selectionForeground#cccccc
minimap.background#2c2e35
minimap.errorHighlight#f48771
minimap.findMatchHighlight#515c6a
minimap.selectionHighlight#264f78
minimap.warningHighlight#cca700
minimapGutter.addedBackground#587c0c
minimapGutter.deletedBackground#94151b
minimapGutter.modifiedBackground#0c7d9d
notificationCenter.border#474747
notificationCenterHeader.background#303031
notificationCenterHeader.foreground#cccccc
notifications.background#252526
notifications.border#303031
notifications.foreground#cccccc
notificationsErrorIcon.foreground#f48771
notificationsInfoIcon.foreground#75beff
notificationsWarningIcon.foreground#cca700
notificationToast.border#474747
panel.background#1e1e1e
panel.border#80808059
panelSection.border#80808059
panelTitle.activeBorder#e7e7e7
panelTitle.activeForeground#e7e7e7
panelTitle.inactiveForeground#e7e7e799
peekView.border#007acc
peekViewEditor.background#001f33
peekViewEditor.matchHighlightBackground#ff8f0099
peekViewEditor.matchHighlightBorder#ee931e
peekViewEditorGutter.background#001f33
peekViewResult.background#252526
peekViewResult.fileForeground#ffffff
peekViewResult.lineForeground#bbbbbb
peekViewResult.matchHighlightBackground#ea5c004d
peekViewResult.selectionBackground#3399ff33
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#1e1e1e
peekViewTitleDescription.foreground#ccccccb3
peekViewTitleLabel.foreground#ffffff
pickerGroup.border#3f3f46
pickerGroup.foreground#3794ff
progressBar.background#545088
scrollbar.shadow#434256
scrollbarSlider.activeBackground#bfbfbf66
scrollbarSlider.background#79797966
scrollbarSlider.hoverBackground#646464b3
selection.background#312e54
settings.focusedRowBackground#ffffff07
settings.headerForeground#d6d9c5
sideBar.background#26203b
sideBar.border#34343f
sideBar.dropBackground#24374f
sideBar.foreground#9795ad
sideBarSectionHeader.background#9795ad
sideBarSectionHeader.border#554983
sideBarSectionHeader.foreground#34343f
sideBarTitle.foreground#9795ad
statusBar.background#007acc
statusBar.debuggingBackground#cc6633
statusBar.debuggingForeground#ffffff
statusBar.foreground#ffffff
statusBar.noFolderBackground#68217a
statusBar.noFolderForeground#ffffff
statusBarItem.activeBackground#FFFFFF25
statusBarItem.hoverBackground#ffffff1f
statusBarItem.remoteBackground#16825d
statusBarItem.remoteForeground#ffffff
tab.activeBackground#9996ae
tab.activeBorder#00000000
tab.activeBorderTop#00000000
tab.activeForeground#34343f
tab.border#252526
tab.inactiveBackground#1b4086
tab.inactiveForeground#d6dbc688
terminal.ansiBlack#000000
terminal.ansiBlue#2472c8
terminal.ansiBrightBlack#666666
terminal.ansiBrightBlue#3b8eea
terminal.ansiBrightCyan#29b8db
terminal.ansiBrightGreen#23d18b
terminal.ansiBrightMagenta#d670d6
terminal.ansiBrightRed#f14c4c
terminal.ansiBrightWhite#e5e5e5
terminal.ansiBrightYellow#f5f543
terminal.ansiCyan#11a8cd
terminal.ansiGreen#0dbc79
terminal.ansiMagenta#bc3fbc
terminal.ansiRed#cd3131
terminal.ansiWhite#e5e5e5
terminal.ansiYellow#e5e510
terminal.border#80808059
terminal.foreground#cccccc
terminal.selectionBackground#ffffff40
terminalCursor.background#0087FF
terminalCursor.foreground#ffffff
textLink.foreground#3794ff
titleBar.activeBackground#231d35
titleBar.activeForeground#cad7ca
titleBar.border#3c91fd
titleBar.inactiveBackground#3c3c3c99
titleBar.inactiveForeground#cccccc99
tree.indentGuidesStroke#585858
walkThrough.embeddedEditorBackground#00000050
widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.tag	#67a3f0	bold
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, keyword.other.template, keyword.other.substitution	#687485	—
block entity.name.tag, entity.name.tag.block, nest meta.tag.structure.block entity.name.tag.slash	#85AA06	bold
text entity.name.tag, entity.name.tag.text, nest.block meta.tag.structure.text entity.name.tag.slash	#E9C000	bold
image entity.name.tag, entity.name.tag.image	#00B8E5	bold
rule entity.name.tag, entity.name.tag.rule	#C4208C	bold
list entity.name.tag, entity.name.tag.list	#20AC9A	bold
item entity.name.tag, entity.name.tag.item	#ABA920	bold
span entity.name.tag, entity.name.tag.span	#E77C38	bold
link entity.name.tag, entity.name.tag.link	#2893FF	bold
embed entity.name.tag, entity.name.tag.embed	#C5264B	bold
style entity.name.tag, entity.name.tag.style	#FF86CE	bold
date entity.name.tag, entity.name.tag.date, meta.tag.structure.date entity.name.tag.slash	#D0506A	bold
check entity.name.tag, entity.name.tag.check	#49B450	bold
value entity.name.tag, entity.name.tag.value	#FF6D67	bold
include entity.name.tag, entity.name.tag.include	#A0B773	bold
meta.attribute.id constant.character.entity.string	#f4ffd3	italic
meta.attribute.style constant.character.entity.string, meta.attribute.hoverStyle constant.character.entity.string, meta.attribute.visitedStyle constant.character.entity.string, meta.attribute.clickStyle constant.character.entity.string, style meta.attribute.id constant.character.entity.string	#edafd4	italic
comment, punctuation.definition.comment	#88AA9B	italic
entity.other.attribute-name	#5b82b1	—
string, string.unquoted	#ade1f5	—
string, string.unquoted, constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter	#ade1f5	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#9896ae	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#82AAFF	—
meta.block variable.other	#f07178	—
support.other.variable, string.other.link	#f07178	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C792EA	—
constant.character.escape	#89DDFF	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic

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