{"id":13626448,"url":"https://github.com/chetachiezikeuzor/Highlightr-Plugin","last_synced_at":"2025-04-16T14:33:31.398Z","repository":{"id":38050826,"uuid":"380835113","full_name":"chetachiezikeuzor/Highlightr-Plugin","owner":"chetachiezikeuzor","description":"A minimal and aesthetically pleasing highlighting menu that makes color-coded highlighting much easier 🎨.","archived":false,"fork":false,"pushed_at":"2023-11-15T02:31:30.000Z","size":76581,"stargazers_count":678,"open_issues_count":81,"forks_count":38,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-04-04T16:25:10.698Z","etag":null,"topics":["highlight","highlighting","obsidian-md","obsidian-plugin","plugin"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chetachiezikeuzor.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","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},"funding":{"github":"chetachiezikeuzor","ko_fi":"chetachi","custom":["https://www.buymeacoffee.com/chetachi","https://paypal.me/chelseaezikeuzor"]}},"created_at":"2021-06-27T20:47:44.000Z","updated_at":"2025-04-04T01:02:48.000Z","dependencies_parsed_at":"2024-01-14T07:17:29.092Z","dependency_job_id":"c63f879a-e95f-4e52-af38-da3d5cade4fa","html_url":"https://github.com/chetachiezikeuzor/Highlightr-Plugin","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetachiezikeuzor%2FHighlightr-Plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetachiezikeuzor%2FHighlightr-Plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetachiezikeuzor%2FHighlightr-Plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetachiezikeuzor%2FHighlightr-Plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chetachiezikeuzor","download_url":"https://codeload.github.com/chetachiezikeuzor/Highlightr-Plugin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249250821,"owners_count":21237961,"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":["highlight","highlighting","obsidian-md","obsidian-plugin","plugin"],"created_at":"2024-08-01T21:02:19.013Z","updated_at":"2025-04-16T14:33:31.095Z","avatar_url":"https://github.com/chetachiezikeuzor.png","language":"TypeScript","funding_links":["https://github.com/sponsors/chetachiezikeuzor","https://ko-fi.com/chetachi","https://www.buymeacoffee.com/chetachi","https://paypal.me/chelseaezikeuzor","https://img.buymeacoffee.com/button-api/?text=Buy"],"categories":["TypeScript","obsidian-plugin"],"sub_categories":[],"readme":"# Highlightr-Plugin\n\n![Highlightr-Plugin Downloads](https://img.shields.io/github/downloads/chetachiezikeuzor/Highlightr-Plugin/total.svg)\n![Highlightr-Plugin Releases](https://img.shields.io/github/v/release/chetachiezikeuzor/Highlightr-Plugin)\n\n\u003cimg src=\"https://raw.githubusercontent.com/chetachiezikeuzor/Highlightr-Plugin/master/assets/Highlightr%20Demo%20Header.png\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\n### Status: This plugin is currently available in the Obsidian plugin store\n\n_Sigh_. Don't you wish you could satiate your creative drive by highlighting your notes? I mean, yes we can use the markdown syntax for creating highlights, but what about custom colors?? Oh yea, we know all about those cool CSS hacks that would \"support\" this, but what ever happened to avoiding proprietary formatting? Ok, well we could just use HTML `\u003cmark\u003e` tags right? But jeez, it's such a pain to type out! Alright alright, how about a Templater template? [Kinda like this one](https://www.reddit.com/r/ObsidianMD/comments/nu0olr/multicolored_highlighting_in_obsidian/). But this just doesn't feel… native. Well, looks like Highlightr is here to save the day!!!\n\nHighlightr is a simple plugin that brings a minimal and aesthetically pleasing highlighting menu into the Obsidian note-taking app. This plugin makes color-coded highlighting much easier with a user-friendly assortment of highlight colors.\n\n## Demo\n\n\u003cimg src=\"https://user-images.githubusercontent.com/79069364/142739125-dad73e22-c6c4-4c49-8367-3e5a278659e7.gif\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\n## Ease of Use\n\nMake beautiful highlights in your notes to supplement your note-taking. The colors included were chosen to be universal across themes, in both light and dark mode. The use of inline CSS is essential in maintaining the longevity of your notes. When you export, you will not be reliant on any external CSS styling. This will make your notes much more flexible!\n\n## How it Works\n\nAlthough the plugin supplies you with a beautiful assortment of colors, you are free to customize your highlighter menu as you wish! Create new highlighter colors by openning the plugin settings tab. There, you will see an input, color picker and an `save` button. Use the input to set the name of your brand new highlight, then use the color picker to pick the color for said highlight. Then use the `save` button to save the new highlight into your highlighter menu.\n\n\u003cimg src=\"https://user-images.githubusercontent.com/79069364/142739491-f6f75912-8689-4eef-a10e-67a820471d3c.png\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\n\u003cimg src=\"https://user-images.githubusercontent.com/79069364/142739119-be46413e-905a-47bb-a23b-a63babc586e1.gif\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\nObsidian app version 12.8 adds a powerful custom context menu for easier note-taking. This plugin adds 2 menu items: Highlight and Unhighlight. These menu items can only be seen on text selection. Clicking \"Highlight\" will trigger the highlighting menu, allowing you to choose from an assortment of colors. When you choose a color, your selected text will then be wrapped within HTML mark tags, including a color for the background that corresponds with the color you have chosen. Clicking \"Unhighlight\" will replace text that is within the string `\u003c`, `/\u003e`. That means that you can use this to remove HTML markings, and not just highlight marks.\n\n\u003cimg alt=\"highlightr-demo\" src=\"https://user-images.githubusercontent.com/79069364/144176804-c63a7e8d-f27c-48a6-bfeb-484cfe7d44e6.gif\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\n\u003cimg src=\"https://user-images.githubusercontent.com/79069364/142739490-e6824979-c339-449e-88c2-051979b7a6aa.png\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\nYou can also use the new command added in version [1.0.0]() to open your highlighlighter menu. Now, you can open your highlighting menu with a hotkey of your choosing. You will be able to add hotkeys to each individual highlighter color from your highlighter menu, as the plugin creates a command for each highlighter as well.\n\n\u003cimg src=\"https://user-images.githubusercontent.com/79069364/142739122-aed7a0ee-e7d8-4595-90f5-9e809f44ef04.gif\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\n\u003cimg src=\"https://user-images.githubusercontent.com/79069364/142739489-8f1e3243-f07a-4b40-a9d7-9c36dd3a784b.png\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\nVersion [1.1.2]() adds the ability to choose between inline CSS and CSS classes. This will create a new stylesheet that will how all of your highlight colors. Each class is named `hltr-${highlight_title_here}` and are generated from the titles by which you have named your highlights. Although inline CSS is highly encouraged, CSS classes will make your highlights much more flexible and easier to customize.\n\n## Disclaimer\n\nThe plugin component will not work with [cMenu plugin](https://github.com/chetachiezikeuzor/cMenu-Plugin).\n\n## Installation\n\nThis plugin is available in the Obsidian community plugin store. You can install it from there. For a manual installation, you can download the necessary files and place them within your plugins folder.\n\n---\n\n## Changelog\n\n### [1.0.0](https://github.com/chetachiezikeuzor/Highlightr-Plugin/releases/tag/1.0.0) - Oct 10, 2021\n\n##### Added\n\n- Added new setting to customize highlighter colors.\n  \u003cimg src=\"https://user-images.githubusercontent.com/79069364/142739119-be46413e-905a-47bb-a23b-a63babc586e1.gif\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n- Added command to open highlighter palette\n- Added function to add commands per highlighter\n  \u003cimg src=\"https://user-images.githubusercontent.com/79069364/142739122-aed7a0ee-e7d8-4595-90f5-9e809f44ef04.gif\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\n### [1.0.1](https://github.com/chetachiezikeuzor/Highlightr-Plugin/releases/tag/1.0.1) - Oct 12, 2021\n\n##### Added\n\n- Function to remove commands automatically from command library after color deletion.\n\n##### Fixed\n\n- Bug: Check added to see that activeView isn't null\n\n### [1.1.0](https://github.com/chetachiezikeuzor/Highlightr-Plugin/releases/tag/1.1.0) - Oct 14, 2021\n\n##### Added\n\n- Added command to remove highlight (`\u003cmark\u003e`)\n  \u003cimg src=\"https://user-images.githubusercontent.com/79069364/142739131-b7bd43da-7d76-4c51-bd21-935f0adf5807.gif\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\n##### Changed\n\n- Updated undo highlight functionality\n  \u003cimg alt=\"undohighlight\" src=\"https://user-images.githubusercontent.com/79069364/144176697-379340a7-da36-485e-91ed-853dbfde5ab6.gif\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n- Creating empty highlight now adds space at the end\n  \u003cimg alt=\"addedspace\" src=\"https://user-images.githubusercontent.com/79069364/144176500-79484143-b329-488b-855d-c46a42ece35c.gif\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\n### [1.1.1](https://github.com/chetachiezikeuzor/Highlightr-Plugin/releases/tag/1.1.1) - Oct 15, 2021\n\n##### Changed\n\n- Updated logic to cursor repositioning\n  \u003cimg alt=\"betterCursorPos\" src=\"https://user-images.githubusercontent.com/79069364/144176292-4df0ef0f-5478-4a31-9266-1852e7189026.gif\" style=\" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; \"\u003e\n\n---\n\n## Checklist\n\n- [x] Highlighter color commands\n- [x] Open highlighter palette with command\n- [x] Unhighlight with command\n- [x] Undo highlight functionality\n- [x] Customize highlighter colors\n- [x] CSS classes setting\n\n---\n\n## Support\n\nIf you like this Plugin and are considering donating to support continued development, use the button below!\n\nCreated with ❤️ by Chetachi\n\n\u003ca href=\"https://www.buymeacoffee.com/chetachi\"\u003e\u003cimg src=\"https://img.buymeacoffee.com/button-api/?text=Buy me a coffee\u0026amp;emoji=\u0026amp;slug=chetachi\u0026amp;button_colour=e3e7ef\u0026amp;font_colour=262626\u0026amp;font_family=Poppins\u0026amp;outline_colour=262626\u0026amp;coffee_colour=ff0000\"\u003e\u003c/a\u003e\n\n\u003ca href=\"https://paypal.me/chelseaezikeuzor\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/chetachiezikeuzor/Highlightr-Plugin/master/assets/paypal.svg\" height=\"70\"\u003e\u003c/a\u003e\n\u003cbr/\u003e\n\u003ca href=\"https://ko-fi.com/chetachi\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/chetachiezikeuzor/Highlightr-Plugin/master/assets/kofi_color.svg\" height=\"50\"\u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchetachiezikeuzor%2FHighlightr-Plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchetachiezikeuzor%2FHighlightr-Plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchetachiezikeuzor%2FHighlightr-Plugin/lists"}