Woody Theme

Name: Woody Theme
Author: seahyx

Publisher: seahyxThemes in package: 1

Brown, warm, and undoubtedly woody. With a tinge of amber and teal. Just like real wood. But it's not real wood so go out and see some real wood. Morning wood not included.

Open in VS Code GitHub

VS Code preview

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

Woody Theme — Woody

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#1b0000
activityBar.border#00000000
activityBar.foreground#ffffffdd
activityBar.inactiveForeground#ffffff66
activityBarBadge.background#ffa000
breadcrumb.activeSelectionForeground#ffa000
breadcrumb.foreground#ffffffcc
descriptionForeground#bcb28d
editor.background#1f1614
editor.findMatchBorder#ffa000
editor.findMatchHighlightBackground#2c5a6566
editor.findRangeHighlightBackground#2c5a6566
editor.foreground#ffffffdd
editor.hoverHighlightBackground#0079671a
editor.lineHighlightBackground#ffffff11
editor.lineHighlightBorder#00000000
editor.selectionBackground#00796661
editor.selectionHighlightBackground#2c5a6566
editor.wordHighlightBackground#2c5a6566
editorBracketMatch.background#ffa20000
editorBracketMatch.border#ffa2005d
editorCursor.foreground#bcb28d
editorError.foreground#dd89b1
editorGroupHeader.tabsBackground#301e1b
editorGutter.background#1f1614
editorHoverWidget.background#121620
editorIndentGuide.background1#2f3033
editorLineNumber.foreground#666666
editorLink.activeForeground#999999
editorSuggestWidget.highlightForeground#ffa000
editorWarning.foreground#e6844f
editorWidget.background#301e1b
editorWidget.border#ffa000
editorWidget.resizeBorder#ffa000
errorForeground#dd89b1
focusBorder#ffa000
foreground#ffffffdd
gitDecoration.ignoredResourceForeground#707c74
input.background#1f1614
input.border#fff6
list.activeSelectionBackground#00796661
list.activeSelectionForeground#ffa000
list.errorForeground#dd89b1
list.focusBackground#00796661
list.focusForeground#ffffffdd
list.highlightForeground#ffa000
list.hoverBackground#00796b61
list.hoverForeground#bcb28d
list.inactiveSelectionBackground#48a99961
list.inactiveSelectionForeground#ffa000
list.warningForeground#e6844f
menu.background#301e1b
menu.selectionForeground#ffa000
menubar.selectionForeground#ffa000
notificationCenterHeader.background#1b0000
notificationCenterHeader.foreground#ffffffdd
notificationLink.foreground#ffa000
notifications.background#301e1b
notifications.foreground#ffffffdd
panel.background#1f1614
panelTitle.activeBorder#ffa000
pickerGroup.foreground#ffa000
progressBar.background#ffa000
scrollbarSlider.activeBackground#ffa00050
scrollbarSlider.background#ffffff22
selection.background#ffa00040
settings.headerForeground#ffa000
settings.modifiedItemIndicator#ffa000
sideBar.background#301e1b
sideBar.border#00000000
sideBar.foreground#ffffffdd
sideBarSectionHeader.background#1f1614
sideBarSectionHeader.foreground#ffffffdd
sideBarTitle.foreground#ffffffdd
statusBar.background#1b0000
statusBar.border#00000000
statusBar.debuggingBackground#310000
statusBar.debuggingForeground#fffd
statusBar.foreground#ffffffdd
statusBar.noFolderBackground#1b0000
statusBar.noFolderForeground#fffd
tab.activeBackground#1f1614
tab.activeForeground#ffffffdd
tab.activeModifiedBorder#ffa000
tab.border#1b0000
tab.inactiveBackground#301e1b
tab.inactiveForeground#ffffff88
tab.inactiveModifiedBorder#ffa00061
terminal.ansiBlack#000000
terminal.ansiBlue#0E5A94
terminal.ansiBrightBlack#505050
terminal.ansiBrightBlue#0E5A94
terminal.ansiBrightCyan#00AABB
terminal.ansiBrightGreen#37B349
terminal.ansiBrightMagenta#B31E8D
terminal.ansiBrightRed#EB008A
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#F8CA12
terminal.ansiCyan#00AABB
terminal.ansiGreen#37B349
terminal.ansiMagenta#B31E8D
terminal.ansiRed#EB008A
terminal.ansiWhite#D0D0D0
terminal.ansiYellow#F8CA12
terminal.background#000000
terminal.foreground#D0D0D0
terminalCursor.background#D0D0D0
terminalCursor.foreground#D0D0D0
textLink.foreground#ffa000
titleBar.activeBackground#301e1b
titleBar.activeForeground#ffffffdd
titleBar.inactiveBackground#6a4f4b
titleBar.inactiveForeground#ffffff66

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#000080	—
comment, entity.name.tag.localname, keyword.preprocessor, meta.preprocessor	#777777	—
comment	#919191	—
string.unquoted.preprocessor	#a1a1a1	bold
constant.language	#dc589a	—
constant.numeric	#986DB2	—
constant.regexp	#646695	—
entity.name.tag	#dd89b1	bold
entity.name.tag.css	#dd89b1	—
entity.other.attribute-name	#E6844F	—
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	#dd89b1	—
invalid	#f44747	—
markup.underline	—	underline
markup.bold	#58b2dc	bold
markup.heading	#dd89b1	bold
markup.italic	—	italic
markup.inserted	#b5cea8	—
markup.deleted	#ce9178	—
markup.changed	#58b2dc	—
beginning.punctuation.definition.quote.markdown	#608b4e	—
beginning.punctuation.definition.list.markdown	#6796e6	—
markup.inline.raw	#E6844F	—
meta.selector	#d7ba7d	—
punctuation.definition.tag	#808080	—
meta.preprocessor.string	#ce9178	—
meta.preprocessor.numeric	#b5cea8	—
meta.structure.dictionary.key.python	#9cdcfe	—
meta.diff.header	#58b2dc	—
storage	#58b2dc	—
storage.type	#4EC9B0	—
storage.type.annotation	—	bold
storage.modifier	#58b2dc	—
string.tag	#ce9178	—
string.value	#ce9178	—
string.regexp	#d16969	—
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js	#58b2dc	—
support.type.vendored.property-name, support.type.property-name, entity.name.type, variable.css, variable.scss, variable.other.less	#E6844F	—
keyword	#58b2dc	—
keyword.operator.arithmetic	#58DCCA	—
keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python	#58b2dc	—
keyword.other.unit, keyword.other.using	#dd89b1	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#58b2dc	—
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	#58B2DC	—
entity.name.function, support.function, support.constant.handlebars	#dc9e58	—
meta.function-call.generic	#dc9e58	—
meta.return-type, support.class, support.type, entity.name.class, variable.other.object.property, 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	#58B2DC	—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#4EC9B0	—
keyword.control	#58B2DC
meta.definition.variable.name, support.variable	#bcb28d	—
meta.object-literal.key, meta.object-literal.key entity.name.function	#E6844F	—
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	#bcb28d	—
support.class, variable, entity.other.inherited-class, keyword.operator	#d8d8d8	—
string, string.regexp	#7fbd5b	—
entity.name.type.module.js, entity.name.type.module.js.jsx, entity.other.inherited-class.js, entity.other.inherited-class.js.jsx	—	italic
keyword.operator.new	#dd89b1	—
constant.numeric	#DDA52D	—
markup.underline.link.markdown	#58b2dc	—
meta.link.inline.markdown	#7e7e7e	—
meta.separator.markdown, punctuation.definition.list.begin.markdown	#DDA52D	—
variable.other.constant	—	bold
constant.rgb-value, storage.type.annotation.java, storage.type.annotation.groovy, storage.type.annotation.dart	—	bold
invalid, constant.numeric.css, keyword.other.unit.px.css, constant.numeric.decimal.js, constant.numeric.json	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—
punctuation.math.begin.bracket.curly, punctuation.math.end.bracket.curly, punctuation.definition.string.begin.tex, punctuation.definition.string.end.tex, constant.other.general.math.tex	#808080	—
support.class.latex	#DD89B1	—
constant.other.placeholder.c	#7ee37e	—

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