Ramuda Pink Theme

Name: Ramuda Pink Theme
Author: RienZhang

Publisher: RienZhangThemes in package: 1

Ramuda pink theme for Visual Studio Code

Open in VS Code GitHub

VS Code preview

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

Ramuda Pink Theme — %themeLabel%

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#251c2c
activityBar.foreground#ffedf1
activityBarBadge.background#fe7c8e
badge.background#00f6fa
badge.foreground#1d1b1c
button.background#fe7c8ecc
button.foreground#442232
button.hoverBackground#FAD000
button.secondaryBackground#e999c5cc
button.secondaryForeground#442230
button.secondaryHoverBackground#e999c5cc
checkbox.background#442239
checkbox.foreground#FAD000
descriptionForeground#e999bc
dropdown.background#2a2030
editor.background#251c2c
editor.foreground#FFF0F5
editor.lineHighlightBackground#67364e
editor.selectionBackground#745874
editor.selectionHighlightBackground#46445080
editor.wordHighlightBackground#7847a180
editor.wordHighlightStrongBackground#aa67ce80
editorBracketMatch.border#ff9d00
editorCursor.foreground#ffedf0
editorError.foreground#ff006f
editorGroupHeader.tabsBackground#382d42
editorGutter.addedBackground#35ada3
editorGutter.deletedBackground#EC3A37F5
editorGutter.modifiedBackground#AD70FC46
editorHoverWidget.background#3a2a3c
editorHoverWidget.border#331627
editorSuggestWidget.background#3a2a3c
editorSuggestWidget.border#301a2f
editorSuggestWidget.foreground#e999ca
editorSuggestWidget.highlightForeground#FAD000
editorSuggestWidget.selectedBackground#372535
editorWarning.foreground#ffea00
editorWidget.background#3a2a3c
editorWidget.border#411f2b
extensionButton.prominentBackground#fe7c8e
extensionButton.prominentForeground#ffffff
extensionButton.prominentHoverBackground#fe7c8e
focusBorder#ff488b
gitDecoration.conflictingResourceForeground#FF7200
gitDecoration.deletedResourceForeground#a50f0cf5
gitDecoration.ignoredResourceForeground#A599E981
gitDecoration.modifiedResourceForeground#ffdd00
gitDecoration.untrackedResourceForeground#32dccb
input.background#362742
inputOption.activeBorder#ff2b87
list.activeSelectionBackground#683848
list.errorForeground#ff62a5
list.focusBackground#44323e
list.highlightForeground#FFFFFF
list.hoverBackground#69456e
list.inactiveSelectionBackground#3d3246
menu.separatorBackground#f3b4bf
notificationCenter.border#f3b4bf
notificationCenterHeader.background#f3b4bf
notificationCenterHeader.foreground#ffffff
notificationLink.foreground#fe7c8e
notifications.background#6d5d72
notifications.foreground#f3b4bf
panelTitle.activeForeground#ffffff
peekView.border#ff7300
problemsErrorIcon.foreground#3ce9ec
problemsInfoIcon.foreground#ec3c91
problemsWarningIcon.foreground#FAD000
scrollbarSlider.activeBackground#e9a6b288
scrollbarSlider.background#f3b4bf48
scrollbarSlider.hoverBackground#f3b4bf66
selection.background#ff62a6
sideBar.background#2f2337
sideBar.border#25254B
sideBar.foreground#bc97b1
sideBarSectionHeader.background#251c2c
sideBarSectionHeader.border#1E1E3F
sideBarSectionHeader.foreground#e87da4
sideBarTitle.foreground#d285aa
statusBar.background#fe82a5
statusBar.debuggingBackground#fe82a5
statusBar.noFolderBackground#fe82a5
tab.activeBorderTop#fe7c8e
tab.activeForeground#fe7c8e
tab.border#a1949f44
tab.inactiveBackground#342739
tab.inactiveForeground#a19498
terminal.ansiBlack#000000
terminal.ansiBlue#ff83bb
terminal.ansiBrightBlack#7575f1
terminal.ansiBrightBlue#68fce8
terminal.ansiBrightCyan#f69fc9
terminal.ansiBrightGreen#3AD900
terminal.ansiBrightMagenta#FB94FF
terminal.ansiBrightRed#ff9cbdf5
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#ffe100
terminal.ansiCyan#80FCFF
terminal.ansiGreen#55e3b1
terminal.ansiMagenta#ffadc8f5
terminal.ansiRed#ffa0bff5
terminal.ansiWhite#FFFFFF
terminal.ansiYellow#fbff00
terminal.background#251c2c
terminal.foreground#FFFFFF
terminalCursor.background#faf200
terminalCursor.foreground#fff200
textLink.activeForeground#f19cbb
textLink.foreground#f19cbb
titleBar.activeBackground#251c2c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#FFF0F5	—
By uonick	#c5c8c6ff	—
meta.embedded, source.groovy.embedded	#C5C8C6	—
comment	#af91a8
string	#FAE8B6
constant.numeric	#46fff9
constant.language	#58B896
constant.character, constant.other	#46fff9
keyword	#ff699d
storage	#FEC831
storage.type	#ca92f6
entity.name.class	#F5A6C6	underline
entity.other.inherited-class	#ff00f2	italic underline
entity.name.function	#ffc85b
variable.parameter	#9CD162	italic
entity.name.tag	#FA508C
support.function	#A2C2EB
variable.other, variable.js, punctuation.separator.variable	#EBA4AC
invalid	#FFFFFF
variable.other.php, variable.other.normal	#EBA4AC
variable.other.property	#d6a1ff
meta.tag	#ffb6cf
entity.name.tag	#FA508C
meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype	#73b5d7
meta.tag.inline source, text.html.php.source	#73b5d7
entity.other.attribute-name, meta.tag punctuation.definition.string	#E6A1FF
meta.tag string -source -punctuation, text source text meta.tag string -punctuation	#6089B4
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html	#D0B344
meta.toc-list.id	#73b5d7	—
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end	#FFF0F5
support.type, support.class	#94AFE8	italic
punctuation.definition.template-expression, punctuation.section.embedded.coffee	#D08442	—
meta.template.expression	#C5C8C6	—
punctuation.definition.string.end.php, punctuation.definition.string.begin.php	#e1ecf2	—
source.php.embedded.line.html	#787878	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#ec9a5e
keyword.other.DML.sql	#D0B344
meta.diff, meta.diff.header	#E0EDDD	italic
markup.deleted	#dc322f
markup.changed	#e53c70
markup.inserted	#219186	—
markup.quote	#9e6dbc	—
markup.list	#73b5d7	—
markup.bold, markup.italic	#6089B4	—
markup.inline.raw	#FF0080
markup.heading	#D0B344	—
markup.heading.setext	#D0B344
token.info-token	#6796e6	—
token.warn-token	#e5ac40	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—
variable.parameter.function.language.special.self.python	#9EFFFF	—
source.js storage.type.function	#FB94FF	—
variable.language, entity.name.type.class.js	#FB94FF	—
storage.type.function.php, meta.function.parameters.php	#FB94FF	—

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