🎨 TextPalette

Highlight text, change font colors, and add Word-style annotations to any file in VS Code. Perfect for code reviews, log analysis, and custom styling.

TextPalette Demo

TextPalette brings rich, persistent text annotation right into your editor. Whether you are collaborating on a pull request, reading heavy server logs, or leaving visual breadcrumbs for yourself, TextPalette lets you mark up your codebase exactly like a traditional word processor.

✨ Key Features

🤝 Team Collaboration via Git: Toggle on Share Highlights to save your annotations to a .vscode/textpalette.json file. Commit it to Git, and your entire team will instantly see your highlights when they pull the branch!
🎨 Streamlined Palettes: Quickly apply Background Highlighting (Yellow, Green, Red), Foreground Text Colors (Red, Green, Blue), or Font Styles (Bold, Italic, Underline, Strikethrough).
🖌️ Custom Colors with Memory: Need a specific shade? Enter any Hex or RGBA value. The custom color picker automatically remembers your recently used colors so you never have to retype them.
🧭 Sidebar Explorer: A dedicated "TextPalette" view in the VS Code Activity Bar shows a categorized tree of every single highlight in your current file. Click any entry to jump straight to that line!
📤 Export to Markdown: Turn your annotations into a summary document. Export every highlight in the file (grouped by category, with line numbers and text) into a new Markdown file with a single click.

🚀 Getting Started

Sidebar and Sharing Demo

Press Ctrl+Shift+H (Cmd+Shift+H on Mac) to open the Quick Action Menu. From here, you can apply styles, input custom colors, clear annotations, or export your highlights.

Alternatively, right-click any selected text and choose 🎨 TextPalette from the context menu, or click the paint-can icon in the bottom status bar!

⌨️ Keyboard Shortcuts (Key Chords)

To prevent clashing with VS Code's default bindings, TextPalette uses Key Chords. Press and release the modifier combination, then press the letter for the color/style you want. You can remap any of these in your VS Code keybindings.json:

Background Highlights (`Alt + H`)

Command	Windows / Linux / Mac
Highlight Yellow	`Alt+H` then `Y`
Highlight Green	`Alt+H` then `G`
Highlight Red	`Alt+H` then `R`

Font Colors (`Alt + F`)

Command	Windows / Linux / Mac
Font Red	`Alt+F` then `R`
Font Green	`Alt+F` then `G`
Font Blue	`Alt+F` then `B`

Font Styles (`Alt + S`)

Command	Windows / Linux / Mac
Bold	`Alt+S` then `B`
Italic	`Alt+S` then `I`
Underline	`Alt+S` then `U`
Strikethrough	`Alt+S` then `S`

(Note: The main Quick Menu is bound to Ctrl+Shift+H / Cmd+Shift+H)

⚙️ Extension Settings

Customize TextPalette's behavior through your VS Code settings.json:

Setting	Default	Description
`textpalette.persistHighlights`	`true`	Remember highlights, text colors, and font styles per file across VS Code restarts.
`textpalette.shareHighlights`	`true`	Save highlights to a shared `.vscode/textpalette.json` file so they can be committed to Git and shared with your team.

🧹 Clearing Styles

You have complete control over how you remove annotations:

Toggle: Select the exact same block of text and re-apply the active color to turn it off.
Category Clear: Use the Quick Menu (Ctrl+Shift+H) to wipe all Backgrounds, Text Colors, or Font Styles at once.
Clear All: Wipe the slate clean and remove all TextPalette annotations from the current file.

🛠️ Installation

Open VS Code.
Go to the Extensions view (Ctrl+Shift+X).
Search for TextPalette (Publisher: 1Danish-00).
Click Install.

Developed by 1Danish-00

TextPalette

Danish Khan