Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>MarkClick.mdNew to Visual Studio Code? Get it now.
MarkClick.md

MarkClick.md

kyuukab

|
16 installs
| (1) | Free
🖱️ Click to toggle Markdown checkboxes (`- [ ]` / `- [x]`)!
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MarkClick.md

Toggle checkboxes in your Markdown files with a simple click!
A lightweight VS Code extension for effortless Markdown TODO management.

✨ Features

  • Click to Toggle: Instantly change the checkbox state by clicking (- [ ] or - [x])
  • Visual Feedback: Custom background colors for better visibility
    • Unchecked tasks: Orange background (can be customized)
    • Checked tasks: Green background (can be customized)
    • Optionally, disable background colors entirely
  • Instant Updates: Changes are applied immediately and auto-saved
  • Smart Detection: Ignores checkboxes inside code blocks
  • Customizable: Configure via VS Code settings
  • Lightweight: Minimal performance impact

📦 Installation

From Visual Studio Code Marketplace

code --install-extension kyuukab.markclick-md

🚀 Usage

  1. Open any Markdown file (.md)
  2. Click directly on any checkbox (- [ ] or - [x])
  3. That's it!
## Today's Tasks

- [ ] Review pull requests ← Click to complete!
- [x] Update documentation ← Click again to mark as pending
- [ ] Deploy to production

### Shopping List

- [ ] Coffee
- [ ] Milk
- [x] Eggs

⚙️ Configuration

MarkClick.md is fully customizable through VS Code settings.
To configure, go to File > Preferences > Settings and search for "MarkClick".

Available Settings

  • Background Color Enabled – markclick.decoration.01BackgroundColorEnabled

    • Type: boolean
    • Default: true
    • Description: Enable or disable background colors for checkboxes
  • Background Color Unchecked – markclick.decoration.02BackgroundColorUnchecked

    • Type: string
    • Default: "rgba(255, 128, 0, 0.2)"
    • Description: Background color for unchecked checkboxes (CSS color format)
  • Background Color Checked – markclick.decoration.03BackgroundColorChecked

    • Type: string
    • Default: "rgba(0, 255, 0, 0.2)"
    • Description: Background color for checked checkboxes (CSS color format)
  • Notification Enabled – markclick.notification.enabled

    • Type: boolean
    • Default: true
    • Description: Show notification messages when checkboxes are toggled

Example Custom Configuration

{
  "markclick.decoration.01BackgroundColorEnabled": true,
  "markclick.decoration.02BackgroundColorUnchecked": "rgba(255, 200, 0, 0.3)",
  "markclick.decoration.03BackgroundColorChecked": "rgba(0, 200, 0, 0.3)",
  "markclick.notification.enabled": false
}

To disable background colors entirely:

{
  "markclick.decoration.01BackgroundColorEnabled": false
}

📝 License

MIT License

📢 Feedback

If you encounter any issues or have suggestions for improvements, feel free to contact the author directly.


  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft