Jazari

Dark and light VS Code theme. Teal accent, rounded floating panels, backdrop blur, zero noise.

Preview

Features

Theme colors cover the full VS Code surface: editor, sidebar, activity bar, tabs, terminal, status bar, title bar, panels, notifications, debug toolbar, peek view, diff editor, notebooks, settings, welcome page, breadcrumbs, git decorations, and more.

Syntax highlighting with semantic token support for JavaScript, TypeScript, JSX/TSX, Python, Go, Rust, CSS/SCSS/LESS, HTML, JSON, YAML, Markdown, Shell, and regex.

CSS layout customizations (optional, via Custom UI Style):

• Unified rounded panels for editor, bottom panel, and auxiliary bar
• Transparent sidebar internals that inherit the theme background
• Rounded floating widgets (command palette, context menus, notifications, IntelliSense)
• Pill-shaped activity bar container
• Rounded inputs, buttons, list items, and scrollbar thumbs
• Conditional corner rounding that adapts when panels are shown or hidden

Installation

1. Download jazari-1.0.0.vsix from the latest release.

2. Install it using one of these methods:

   • VS Code UI: Extensions sidebar > ... menu > Install from VSIX > select the downloaded file
   • Command line:

     code --install-extension jazari-1.0.0.vsix
     

3. Select your theme variant:

   • Cmd+K Cmd+T (Mac) or Ctrl+K Ctrl+T (Windows/Linux)
   • Choose Jazari Dark or Jazari Light

4. Reload VS Code when prompted.

Opting Out of CSS Customizations

Jazari includes optional rounded panels, backdrop blur, and layout tweaks powered by Custom UI Style.

To keep Jazari colors without the CSS layout, run Command Palette > "Jazari: Remove CSS Customizations" > Reload. Or manually remove the Jazari entry from your settings.json:

"custom-ui-style.external.imports": [
    "file:///path/to/jazari/css/jazari.css"  // remove this entry
]

Requirements

• VS Code 1.89+
• Custom UI Style (optional, for CSS layout customizations)

Build from Source

git clone https://github.com/aalasolutions/vscode-jazari.git
cd vscode-jazari
npm install
npm run compile
npx @vscode/vsce package

This produces jazari-x.x.x.vsix. Install it with:

code --install-extension jazari-x.x.x.vsix

Why "Jazari"?

Named after Al-Jazari (1136-1206), the Muslim polymath and mechanical engineer who built the world's first programmable machines. His work on automata and engineering laid foundations that echo through every line of code we write today.

License

MIT

Credits

Built by AALA IT Solutions.