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.