🌸 Xiali Vintage Rose

A vintage pink pastel aesthetic for Visual Studio Code — soft, aged, and timeless.

THEME FOR ALI AND XIA

Variants

Xiali Vintage Rose Light

Xiali Vintage Rose Dark

🌸 Flower Decorations

The extension automatically places a flower at the end of lines containing:

Pattern	Emoji	Color
Functions — `function`, arrow, `def`, `func`, `fn`, Dart typed methods	🌸	Rose
Classes — `class`, `abstract class`, Flutter widgets	🌺	Deep rose
TODOs / FIXMEs / NOTEs / HACKs	🌷	Soft pink
Section dividers `───`	🌹	Wine rose
Errors (from language diagnostics)	💀	Red
Warnings (from language diagnostics)	🥀	Amber

Decorations update automatically with a 500 ms debounce.

🌀 Rotating Flowers

Every 1.2 seconds the emojis cycle through positions: 🌸→🌺→🌷→🌹→🌸…
This gives a subtle animated shimmer to the end of every decorated line.

🗓️ Seasonal Flowers

The flower set changes automatically based on the current month:

Season	Months	Set
Spring	Mar – May	🌸 🌺 🌷 🌹
Summer	Jun – Aug	🌻 🌼 🌞 🌿
Autumn	Sep – Nov	🍂 🍁 🌰 🍄
Winter	Dec – Feb	❄️ ⛄ 🌨️ ✨

🕐 Time-based Color

The flower color adapts to the time of day:

Time	Color
Morning (6–12h)	`#FF8FAB` soft rose
Afternoon (12–18h)	`#D4758C` vintage rose
Evening (18–22h)	`#A855A4` violet-rose
Night (22–6h)	`#7C4B8B` deep purple

🌸 Status Bar

A 🌸 N counter in the bottom-right shows how many decorated lines are in the active file.
Click it to toggle all decorations on/off.

🔴 Error & Warning Indicators

Lines flagged by the language server get an extra decoration:

💀 on error lines (red)
🥀 on warning lines (amber)

Updates in real time as diagnostics change.

💡 CodeLens (optional)

Enable xiali.flowers.codeLens to show inline labels above every function, class and task:

🌸 función
const fetchData = async () => {

⚙️ Settings

Setting	Default	Description
`xiali.flowers.enabled`	`true`	Enable / disable all flower decorations
`xiali.flowers.rotation`	`true`	Cycle flower emojis every 1.2 s
`xiali.flowers.timeColor`	`true`	Adjust flower color based on time of day
`xiali.flowers.statusBar`	`true`	Show `🌸 N` counter in the status bar
`xiali.flowers.saveNotification`	`true`	Show `🌸 Guardado` toast on save
`xiali.flowers.errorDecoration`	`true`	Show `💀` / `🥀` on error / warning lines
`xiali.flowers.codeLens`	`false`	Show CodeLens labels above functions & classes

Toggle Command

Open the Command Palette (Ctrl+Shift+P) and run:

Xiali: Toggle 🌸 Flower Decorations

✂️ Snippets

All snippets use x prefixes and include the 🌸 flower emoji.

JavaScript / TypeScript / Go / Rust / Vue

Prefix	Description	Languages
`xfc`	`// 🌸 comment`	JS, TS, Go, Rust, Vue
`xfb`	`/* 🌸 block */`	JS, TS, Go, Rust, Vue
`xfh`	File header `╔══🌸 Name══╗`	JS, TS, Go, Rust, Vue
`xfd`	Section divider `// ─── 🌸 ───`	JS, TS, Go, Rust, Vue
`xtodo`	`// 🌸 TODO: …`	JS, TS, Go, Rust, Vue
`xfix`	`// 🌸 FIXME: …`	JS, TS, Go, Rust, Vue
`xnote`	`// 🌸 NOTE: …`	JS, TS, Go, Rust, Vue
`xcl`	`console.log('🌸 label:', value)`	JS, TS, Vue
`xclg`	`console.group / groupEnd`	JS, TS, Vue
`xff`	Named function with 🌸	JS, TS, Vue
`xfa`	Arrow function with 🌸	JS, TS, Vue
`xas`	Async arrow with 🌸	JS, TS, Vue
`xjd`	JSDoc function with 🌸	JS, TS, Vue
`xcjd`	Class with JSDoc 🌸	JS, TS, Vue
`xif`	TypeScript interface with 🌸	TS

Python

Prefix	Description
`xfc`	`# 🌸 comment`
`xtodo`	`# 🌸 TODO: …`
`xpf`	`def` with docstring 🌸
`xpc`	`class` with docstring 🌸

Dart / Flutter

Prefix	Description
`xdf`	Dart function with `/// 🌸` doc comment
`xdc`	Dart class with `/// 🌸` doc comment
`xsw`	`StatelessWidget` scaffold with 🌸
`xstw`	`StatefulWidget` + State scaffold with 🌸
`xfut`	`Future<T>` async function with 🌸
`xstr`	`Stream<T>` async* function with 🌸
`xdd`	`/// 🌸` Dart doc comment
`xds`	`// ─── 🌸 Section ─── //` divider
`xdt`	`// 🌸 TODO: …`
`xdp`	`debugPrint('🌸 label: value')`

CSS / SCSS

Prefix	Description
`xcc`	`/* 🌸 component */`
`xcs`	`/* ─── 🌸 Section ─── */`

HTML / Vue

Prefix	Description
`xhc`	`<!-- 🌸 description -->`
`xhs`	Section block `<!-- ─── 🌸 Section ─── --> … <!-- /🌸 -->`

Markdown

Prefix	Description
`xmh`	`## 🌸 Title`
`xms`	`---` + `## 🌸 Section`
`xmn`	`> 🌸 Nota: …`

Xiali Vintage Rose

xiali-themes