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
- Open any Markdown file (
.md
)
- Click directly on any checkbox (
- [ ]
or - [x]
)
- 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.