{"id":22065047,"url":"https://github.com/nejcc/chrome-highlight-plugin","last_synced_at":"2026-05-21T05:02:32.152Z","repository":{"id":264974920,"uuid":"864025303","full_name":"Nejcc/chrome-highlight-plugin","owner":"Nejcc","description":null,"archived":false,"fork":false,"pushed_at":"2024-09-27T11:07:54.000Z","size":1068,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-11T02:34:13.981Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Nejcc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-27T10:59:22.000Z","updated_at":"2024-09-27T11:07:57.000Z","dependencies_parsed_at":"2024-11-27T02:47:12.101Z","dependency_job_id":null,"html_url":"https://github.com/Nejcc/chrome-highlight-plugin","commit_stats":null,"previous_names":["nejcc/chrome-highlight-plugin"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Nejcc/chrome-highlight-plugin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nejcc%2Fchrome-highlight-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nejcc%2Fchrome-highlight-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nejcc%2Fchrome-highlight-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nejcc%2Fchrome-highlight-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nejcc","download_url":"https://codeload.github.com/Nejcc/chrome-highlight-plugin/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nejcc%2Fchrome-highlight-plugin/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265589623,"owners_count":23793577,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-30T19:14:47.403Z","updated_at":"2026-05-21T05:02:27.116Z","avatar_url":"https://github.com/Nejcc.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Word Highlighter Chrome Extension\n\n![Version](https://img.shields.io/badge/version-1.0.0-blue.svg)\n![License](https://img.shields.io/badge/license-MIT-green.svg)\n\nThis Chrome extension allows users to highlight specific words on any webpage with a beautiful gradient text color. The extension can automatically toggle highlighting on and off without needing to refresh the page. It is particularly useful for developers who want to visually emphasize certain programming-related keywords.\n\n## 🚀 Features\n\n- **Gradient Word Highlighting**: Highlights defined words using a customizable gradient background.\n- **Automatic Activation**: The extension activates automatically by default, without needing to manually toggle.\n- **Toggle On/Off**: Easily toggle highlighting on and off via a popup, without refreshing the webpage.\n- **Customizable Word List**: Supports a predefined set of programming languages, frameworks, and tools, with the ability to add more.\n  \n## 🛠️ Installation\n\n1. Clone or download this repository to your local machine.\n```\nOpen Chrome and navigate to chrome://extensions/.\n```\n\nEnable Developer mode by toggling the switch at the top-right of the page.\n\nClick on Load unpacked and select the folder where you cloned this repository.\n\nThe extension should now be visible in your browser extensions list, ready to use!\n\n🖼️ Screenshot\n\n✨ How to Use\nTurn On: Once the extension is installed, it will automatically highlight certain words on any webpage based on a predefined list.\n\nToggle On/Off: Click the extension icon in the Chrome toolbar, and you will see a popup with a toggle switch. Turn the highlighting on or off without needing to refresh the page.\n\nCustomize: Modify the wordsToHighlight array in contentScript.js to add or remove words that you want to highlight.\n\n```\nconst wordsToHighlight = [\n    \"Laravel Framework\", \n    \"php artisan serve\",\n    \"php artisan migrate\",\n    \"php artisan\",\n    \"php\", \n    \"GO\", \n    \"GO Lang\", \n    \"Composer Update\",\n    \"JavaScript\", \n    // Add more words here\n];\n```\n\n\n🌈 Gradient Highlight CSS\nThe words will be highlighted with the following gradient style:\n```\n.gradient-highlight {\n  background: linear-gradient(to right, orange, yellow);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-weight: bold;\n}\n```\nFeel free to modify the gradient to suit your needs!\n\n📝 Word List\nThe extension highlights various programming languages, frameworks, and tools out-of-the-box. Some examples include:\n\nLanguages: PHP, Go, JavaScript, Python, Rust, TypeScript\nFrameworks: Laravel, React, Vue.js, Django, Flask\nTools: Docker, Kubernetes, Git, Jenkins, WebSockets\nDatabases: MySQL, PostgreSQL, MongoDB, Redis, SQLite\nFor a full list, see the contentScript.js file.\n\n🔧 Development\nClone the repository and make any changes to the contentScript.js or styles.css files.\nAfter modifying the code, reload the extension in Chrome:\nGo to chrome://extensions/\nClick Reload under your extension.\n\n🛡️ License\nThis project is licensed under the MIT License. See the LICENSE file for details.\n\n📝 Contributions\nFeel free to submit a pull request or open an issue if you want to contribute or suggest new features!\n\n💡 What We Learned?\nChrome extensions are a powerful tool for customizing browser behavior.\nThis extension shows how to inject custom CSS and manipulate DOM content dynamically.\nThe extension can be expanded to include custom word lists or more complex regex pattern matching.\n\n📬 Feedback\nIf you have any questions or feedback, feel free to reach out or create an issue in this repository.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnejcc%2Fchrome-highlight-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnejcc%2Fchrome-highlight-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnejcc%2Fchrome-highlight-plugin/lists"}