Tomorrow Night Bright (R Classic)

Name: Tomorrow Night Bright (R Classic)
Author: gvelasq

Publisher: gvelasqThemes in package: 1

A Tomorrow Night Bright theme for Positron IDE and VS Code, inspired by RStudio IDE

GitHub

VS Code preview

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

Tomorrow Night Bright (R Classic) — Tomorrow Night Bright (R Classic)

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.activeBorder#e78c45
activityBar.background#0d1117
activityBar.border#30363d
activityBar.foreground#e6edf3
activityBar.inactiveForeground#7d8590
activityBarBadge.background#4271ae
activityBarBadge.foreground#ffffff
badge.background#4271ae
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#7d8590
breadcrumb.focusForeground#e6edf3
breadcrumb.foreground#7d8590
breadcrumbPicker.background#161b22
button.background#4271ae
button.foreground#ffffff
button.hoverBackground#32609b
button.secondaryBackground#282e33
button.secondaryForeground#c9d1d9
button.secondaryHoverBackground#30363d
checkbox.background#161b22
checkbox.border#30363d
debugConsole.errorForeground#ffa198
debugConsole.infoForeground#8b949e
debugConsole.sourceForeground#e3b341
debugConsole.warningForeground#d29922
debugConsoleInputIcon.foreground#bc8cff
debugIcon.breakpointForeground#f85149
debugTokenExpression.boolean#56d364
debugTokenExpression.error#ffa198
debugTokenExpression.name#79c0ff
debugTokenExpression.number#56d364
debugTokenExpression.string#a5d6ff
debugTokenExpression.value#a5d6ff
debugToolBar.background#161b22
descriptionForeground#7d8590
diffEditor.insertedLineBackground#23863626
diffEditor.insertedTextBackground#3fb9504d
diffEditor.removedLineBackground#da363326
diffEditor.removedTextBackground#ff7b724d
dropdown.background#161b22
dropdown.border#30363d
dropdown.foreground#e6edf3
dropdown.listBackground#161b22
editor.background#000000
editor.findMatchBackground#9e6a03
editor.findMatchHighlightBackground#f2cc6080
editor.focusedStackFrameHighlightBackground#2ea04366
editor.foldBackground#6e76811a
editor.foreground#dedede
editor.lineHighlightBorder#000000
editor.linkedEditingBackground#2f81f712
editor.selectionBackground#424242
editor.stackFrameHighlightBackground#bb800966
editor.wordHighlightBackground#6e768180
editor.wordHighlightBorder#6e768199
editor.wordHighlightStrongBackground#6e76814d
editor.wordHighlightStrongBorder#6e768199
editorBracketHighlight.foreground1#ed90a4
editorBracketHighlight.foreground2#d3a263
editorBracketHighlight.foreground3#99b657
editorBracketHighlight.foreground4#33c192
editorBracketHighlight.foreground5#00bdce
editorBracketHighlight.foreground6#94a9ec
editorBracketHighlight.foreground7#dc91db
editorBracketHighlight.unexpectedBracket.foreground#7d8590
editorBracketMatch.background#424242
editorBracketMatch.border#424242
editorCursor.foreground#9F9F9F
editorError.foreground#df5f5f
editorGroup.border#30363d
editorGroupHeader.tabsBackground#010409
editorGroupHeader.tabsBorder#30363d
editorGutter.addedBackground#b9ca4a
editorGutter.deletedBackground#e78c45
editorGutter.modifiedBackground#70c0b1
editorIndentGuide.activeBackground#e6edf33d
editorIndentGuide.background#e6edf31f
editorInlayHint.background#8b949e33
editorInlayHint.foreground#7d8590
editorInlayHint.paramBackground#8b949e33
editorInlayHint.paramForeground#7d8590
editorInlayHint.typeBackground#8b949e33
editorInlayHint.typeForeground#7d8590
editorLineNumber.activeForeground#e6edf3
editorLineNumber.foreground#6e7681
editorMarkerNavigationWarning.background#70c0b1
editorOverviewRuler.border#010409
editorWarning.foreground#70c0b1
editorWhitespace.foreground#343434
editorWidget.background#161b22
errorForeground#f85149
focusBorder#4271ae
foreground#e6edf3
gitDecoration.addedResourceForeground#70c0b1
gitDecoration.conflictingResourceForeground#df5f5f
gitDecoration.deletedResourceForeground#df5f5f
gitDecoration.modifiedResourceForeground#70c0b1
gitDecoration.untrackedResourceForeground#70c0b1
icon.foreground#7d8590
input.background#0d1117
input.border#30363d
input.foreground#e6edf3
input.placeholderForeground#6e7681
keybindingLabel.foreground#e6edf3
list.activeSelectionBackground#6e768166
list.activeSelectionForeground#e6edf3
list.errorForeground#df5f5f
list.focusBackground#388bfd26
list.focusForeground#e6edf3
list.highlightForeground#2f81f7
list.hoverBackground#6e76811a
list.hoverForeground#e6edf3
list.inactiveFocusBackground#388bfd26
list.inactiveSelectionBackground#6e768166
list.inactiveSelectionForeground#e6edf3
list.warningForeground#70c0b1
minimapSlider.activeBackground#8b949e47
minimapSlider.background#8b949e33
minimapSlider.hoverBackground#8b949e3d
notificationCenterHeader.background#161b22
notificationCenterHeader.foreground#7d8590
notifications.background#161b22
notifications.border#30363d
notifications.foreground#e6edf3
notificationsErrorIcon.foreground#f85149
notificationsInfoIcon.foreground#2f81f7
notificationsWarningIcon.foreground#d29922
panel.background#010409
panel.border#30363d
panelInput.border#30363d
panelTitle.activeBorder#e78c45
panelTitle.activeForeground#e6edf3
panelTitle.inactiveForeground#7d8590
peekViewEditor.background#6e76811a
peekViewEditor.matchHighlightBackground#bb800966
peekViewResult.background#0d1117
peekViewResult.matchHighlightBackground#bb800966
pickerGroup.border#30363d
pickerGroup.foreground#7d8590
problemsErrorIcon.foreground#df5f5f
problemsWarningIcon.foreground#70c0b1
progressBar.background#4271ae
quickInput.background#161b22
quickInput.foreground#e6edf3
scmGraph.foreground1#82a3bf
scmGraph.foreground2#c397d8
scmGraph.foreground3#e78c45
scmGraph.foreground4#e7c547
scmGraph.foreground5#b9ca4a
scmGraph.historyItemGroupLocal#70c0b1
scrollbar.shadow#484f5833
scrollbarSlider.activeBackground#8b949e47
scrollbarSlider.background#8b949e33
scrollbarSlider.hoverBackground#8b949e3d
settings.headerForeground#e6edf3
settings.modifiedItemIndicator#bb800966
sideBar.background#010409
sideBar.border#30363d
sideBar.foreground#e6edf3
sideBarSectionHeader.background#010409
sideBarSectionHeader.border#30363d
sideBarSectionHeader.foreground#e6edf3
sideBarTitle.foreground#e6edf3
statusBar.background#0d1117
statusBar.border#30363d
statusBar.debuggingBackground#da3633
statusBar.debuggingForeground#ffffff
statusBar.focusBorder#1f6feb80
statusBar.foreground#7d8590
statusBar.noFolderBackground#0d1117
statusBarItem.activeBackground#e6edf31f
statusBarItem.focusBorder#4271ae
statusBarItem.hoverBackground#e6edf314
statusBarItem.prominentBackground#6e768166
statusBarItem.remoteBackground#30363d
statusBarItem.remoteForeground#e6edf3
symbolIcon.arrayForeground#f0883e
symbolIcon.booleanForeground#58a6ff
symbolIcon.classForeground#f0883e
symbolIcon.colorForeground#79c0ff
symbolIcon.constantForeground#aff5b4#7ee787#56d364#3fb950#2ea043#238636#196c2e#0f5323#033a16#04260f
symbolIcon.constructorForeground#d2a8ff
symbolIcon.enumeratorForeground#f0883e
symbolIcon.enumeratorMemberForeground#58a6ff
symbolIcon.eventForeground#6e7681
symbolIcon.fieldForeground#f0883e
symbolIcon.folderForeground#d29922
symbolIcon.functionForeground#bc8cff
symbolIcon.interfaceForeground#f0883e
symbolIcon.keyForeground#58a6ff
symbolIcon.keywordForeground#ff7b72
symbolIcon.methodForeground#bc8cff
symbolIcon.moduleForeground#ff7b72
symbolIcon.namespaceForeground#ff7b72
symbolIcon.nullForeground#58a6ff
symbolIcon.numberForeground#3fb950
symbolIcon.objectForeground#f0883e
symbolIcon.operatorForeground#79c0ff
symbolIcon.packageForeground#f0883e
symbolIcon.propertyForeground#f0883e
symbolIcon.referenceForeground#58a6ff
symbolIcon.snippetForeground#58a6ff
symbolIcon.stringForeground#79c0ff
symbolIcon.structForeground#f0883e
symbolIcon.textForeground#79c0ff
symbolIcon.typeParameterForeground#79c0ff
symbolIcon.unitForeground#58a6ff
symbolIcon.variableForeground#f0883e
tab.activeBackground#0d1117
tab.activeBorder#0d1117
tab.activeBorderTop#e78c45
tab.activeForeground#e6edf3
tab.border#30363d
tab.hoverBackground#0d1117
tab.inactiveBackground#010409
tab.inactiveForeground#7d8590
tab.unfocusedActiveBorder#0d1117
tab.unfocusedActiveBorderTop#30363d
tab.unfocusedHoverBackground#6e76811a
terminal.ansiBlack#484f58
terminal.ansiBlue#58a6ff
terminal.ansiBrightBlack#6e7681
terminal.ansiBrightBlue#79c0ff
terminal.ansiBrightCyan#56d4dd
terminal.ansiBrightGreen#56d364
terminal.ansiBrightMagenta#d2a8ff
terminal.ansiBrightRed#ffa198
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#e3b341
terminal.ansiCyan#39c5cf
terminal.ansiGreen#3fb950
terminal.ansiMagenta#bc8cff
terminal.ansiRed#ff7b72
terminal.ansiWhite#b1bac4
terminal.ansiYellow#d29922
terminal.foreground#e6edf3
textBlockQuote.background#010409
textBlockQuote.border#30363d
textCodeBlock.background#6e768166
textLink.activeForeground#5089d3
textLink.foreground#5089d3
textPreformat.background#6e768166
textPreformat.foreground#7d8590
textSeparator.foreground#21262d
titleBar.activeBackground#0d1117
titleBar.activeForeground#7d8590
titleBar.border#30363d
titleBar.inactiveBackground#010409
titleBar.inactiveForeground#7d8590
tree.indentGuidesStroke#21262d
welcomePage.buttonBackground#21262d
welcomePage.buttonHoverBackground#30363d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#dedede	—
comment	#969896	—
keyword.operator.class, constant.other, source.php.embedded.line	#eeeeee
variable, support.other.variable, string.other.link, string.regexp, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag	#dedede	—
support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit	#dedede
constant.numeric, constant.language	#e78c45
entity.name.class, entity.name.type.class, support.type, support.class	#e7c547
string, constant.other.symbol, entity.other.inherited-class, markup.heading	#b9ca4a
keyword.operator, constant.other.color	#70c0b1	—
entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level	#dedede
keyword, storage, storage.type, entity.name.tag.css	#c397d8
invalid	#ced2cf
meta.separator	#ced2cf	—
invalid.deprecated	#ced2cf

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