ProDevelopers Theme

A Visual Studio Code extension that combines:

• Multiple ProDevelopers color themes
• ProDevelopers file icon theme
• Formatting helpers (Prettier + VS Code formatter fallback)
• Open-any-file utility commands
• A paint-style whiteboard canvas

Preview

Theme variants

Highlights

• High-contrast theme options for long coding sessions
• Icon coverage for many file and folder types
• Smart formatter command:
  • Uses bundled Prettier for JS/TS/HTML/CSS/SCSS/JSON/Markdown/YAML/GraphQL/Vue
  • Falls back to installed VS Code language formatters for C/C++, Java, Python, Go, Rust, etc.
• Rainbow indent guides and bracket colorization built-in
• Open files directly in VS Code, including code files, images, and documents:
  • Images: PNG, JPG, JPEG, WEBP, AVIF, GIF, BMP, SVG, ICO — opens with VS Code image preview
  • PDF — embedded preview inside VS Code
  • CSV — rendered as a scrollable table with row/column count
  • DOCX, XLSX, PPTX and variants — info card with Copy Path and Open in Default App buttons
• Right-click any file in the Explorer and choose ProDevelopers: Open Any File in VS Code to open it and automatically copy its full path to the clipboard
• CSV and other document files auto-open their preview when you click them in the Explorer
• Whiteboard canvas with full MS Paint-style features:
  • Pen, eraser, line, rectangle, circle, triangle, star, polygon, spray
  • Fill bucket, text tool (with font family + size), color picker
  • Brush size, opacity, stroke/fill color, fill-shape toggle
  • Grid overlay (toggle on/off without baking grid into the drawing), zoom in/out, import image onto canvas
  • Undo/redo (Ctrl+Z / Ctrl+Y), clear canvas, and PNG export

Utility commands

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

You can also right-click files in the Explorer sidebar to access Open Any File and Open File Preview directly.

File preview behaviour

DOCX, XLSX, and PPTX files cannot be rendered natively inside VS Code. The info card lets you open them in Microsoft Office or your system's default application with one click.

Whiteboard canvas

Open via ProDevelopers: Open Whiteboard Canvas or the pencil icon in the editor title bar.

Quickstart — try locally

1. Clone the repository:

git clone https://github.com/Rudra-Prasad-Nayak/ProDevelopers_Theme.git
Set-Location 'ProDevelopers_Theme'

2. Install dependencies:

npm install

3. Bundle extension code:

npm run bundle

4. Package VSIX (optional):

npm run package

5. Install VSIX (optional):

code --install-extension .\prodevelopers-theme-2.0.0.vsix

Files and structure

ProDevelopers Theme/
├── Themes/          # Color theme JSON files
├── icons/Icon.json  # Icon theme manifest
├── Assets/Files/    # File icons (SVG)
├── Assets/Folders/  # Folder artwork (PNG)
├── extension.js     # Command, formatter, preview, and whiteboard logic
├── package.json     # Extension manifest
└── webpack.config.js

License

This project is licensed under the MIT License — see LICENSE.