avatar SaqibBedar
All projects

BedarX Pro

A VS Code theme family built for readable syntax and calm workbench surfaces — published to the VS Code Marketplace with six bold and no-bold variants.

VS Code Extension Marketplace Open Source
BedarX Pro banner

Overview

Most theme collections optimize for looking good in a screenshot. BedarX Pro was designed around actually reading code for hours — calm background surfaces, syntax colors chosen for scanability rather than saturation, and semantic highlighting tuned to stay legible in dense, keyword-heavy languages like SQL, C, and Java.

It ships as three color families — Dark, Light, and Noir — each available in a bold and no-bold variant, and is published as an installable extension on the VS Code Marketplace.

Highlights

  • Published and maintained on the VS Code Marketplace as an installable extension.
  • Designed six variants — bold and no-bold versions of Dark, Light, and Noir — so the theme adapts to different languages and session lengths instead of forcing one visual style.
  • Solved a subtle editor timing issue: VS Code briefly paints TextMate grammar colors before the language server's semantic tokens finish loading, so I tuned both color layers to stay visually aligned instead of flashing between two looks.
  • Extracted the same color system into bxp-code, so the syntax colors on this portfolio's code blocks match the actual editor theme.

Previews

BedarX Dark theme preview
BedarX Dark
BedarX Light theme preview
BedarX Light
BedarX Noir theme preview
BedarX Noir

Quick Facts

6Theme variants
VS CodeMarketplace extension
Bold / No-boldPer color family
Semantic tokensAligned with TextMate
bxp-codeShared color system
MITLicense

Built With

JavaScript Node.js VS Code Theme API npm