DiffText Extension ⟺

A browser extension for Chrome and Firefox that lets you compare two texts instantly — right from your toolbar. Highlights differences by word, line, or character with a clean teal UI and light/dark theme.

---

Features

• Three diff modes: Word, Line, Character — each with distinct highlight colors
• Light & dark theme — remembers your preference
• Swap — swap the two texts with one click
• Keyboard shortcut — Ctrl+Enter to run diff
• Zero permissions — fully self-contained, nothing leaves your browser
• Works on Chrome, Edge, Brave (Manifest V3) and Firefox (v109+)

---

Install (Developer / Unpacked)

Chrome / Edge / Brave

1. Go to chrome://extensions (or edge://extensions)
2. Enable Developer mode (top-right toggle)
3. Click Load unpacked
4. Select the difftext-extension folder
5. The ⟺ icon appears in your toolbar

Firefox

1. Go to about:debugging#/runtime/this-firefox
2. Click Load Temporary Add-on…
3. Navigate to the difftext-extension folder and select manifest.json
4. The ⟺ icon appears in your toolbar

Note: Temporary add-ons in Firefox are removed when the browser restarts. To install permanently, the extension needs to be signed by Mozilla.

---

How to Use

1. Click the ⟺ DiffText icon in your browser toolbar
2. Paste your original text in the left panel
3. Paste your modified text in the right panel
4. Select a diff mode: Word, Line, or Character
5. Click Run Diff (or press Ctrl+Enter)
6. Click ✏️ Edit to go back and change the text

---

Files

difftext-extension/
├── manifest.json         — Manifest V3 (Chrome + Firefox)
├── popup.html            — Extension popup UI
├── popup.css             — Styles (teal brand, light/dark theme)
├── popup.js              — LCS diff engine + UI logic
├── generate-icons.js     — One-time icon generator (Node.js, no dependencies)
├── icons/
│   ├── icon-16.png       — Toolbar icon
│   ├── icon-48.png       — Extensions page
│   └── icon-128.png      — Store listing
└── README.md

---

Web App Version

The full web app version is available at: 👉 github.com/AbdulSubhan1/difftext