{"id":29126185,"url":"https://github.com/0qln/obsidian-image-darkmodifier","last_synced_at":"2026-04-27T18:05:33.220Z","repository":{"id":300070746,"uuid":"1005108431","full_name":"0qln/obsidian-image-darkmodifier","owner":"0qln","description":"Turn your inline images into darkmode.","archived":false,"fork":false,"pushed_at":"2026-01-31T13:49:01.000Z","size":1091,"stargazers_count":3,"open_issues_count":11,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-02-01T01:08:12.410Z","etag":null,"topics":["darkmode-style","image-processing","obsidian","obsidian-plugin"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/0qln.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-06-19T17:21:34.000Z","updated_at":"2026-01-31T13:49:04.000Z","dependencies_parsed_at":"2025-06-19T18:50:51.233Z","dependency_job_id":"58df76ec-3d8d-41cd-a056-ad678931acd8","html_url":"https://github.com/0qln/obsidian-image-darkmodifier","commit_stats":null,"previous_names":["0qln/obsidian-image-darkmodifier"],"tags_count":5,"template":false,"template_full_name":"obsidianmd/obsidian-sample-plugin","purl":"pkg:github/0qln/obsidian-image-darkmodifier","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0qln%2Fobsidian-image-darkmodifier","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0qln%2Fobsidian-image-darkmodifier/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0qln%2Fobsidian-image-darkmodifier/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0qln%2Fobsidian-image-darkmodifier/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0qln","download_url":"https://codeload.github.com/0qln/obsidian-image-darkmodifier/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0qln%2Fobsidian-image-darkmodifier/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32348058,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-27T17:12:42.749Z","status":"ssl_error","status_checked_at":"2026-04-27T17:12:41.658Z","response_time":128,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["darkmode-style","image-processing","obsidian","obsidian-plugin"],"created_at":"2025-06-29T23:01:52.658Z","updated_at":"2026-04-27T18:05:33.215Z","avatar_url":"https://github.com/0qln.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Image Darkmodifier\n\nObsidian Plugin.\n\nApply filters, such as darkmode effects (with transparency), to your markdown image links.\n\nThis is what it might look like:\n\nNo filter:\n![image](https://github.com/user-attachments/assets/d630641b-4d94-4429-9b61-caac2e9d37f3)\n\nWith `@darkmode` filter:\n![image](https://github.com/user-attachments/assets/c6681dbe-6217-40a2-ae86-cc01daa5a71d)\n\n\n## How to use this? \n\n1. Add the plugin\n\n2. Just add the filters to the alias part of your image link:\n\n```md\n\nNormal embed:\n`![[image.png|image-description]]`\n\nEmbed with darkmode: \n`![[image.png|image-description @darkmode]]`\n\nWhere darkmode is essentially just a shorthand for this:\n`![[image.png|image-description @invert @transparent(threshold=\"rgb((13, 13, 13))\", remove=\"below\") @boost-lightness(amount=1.2)]]`\n\n```\n\nThe filter are applied in order left to right.\n\n\n## Filter Syntax\n\nwill look like this for most cases:\n\n```\n@filter-name(boolean-param, int-param=42, float-param=-6.9, string-param=\"text-value\")\n```\n\nFor string values, the following characters have to be written in a special way:\n- `\"` =\u003e `\"\"`\n- `(` =\u003e `((`\n- `)` =\u003e `))`\n\nBackslashes are not allowed. (Due to how the image-alt is parsed by obsidian.)\n\n\n## Link support\n\nAll kind's of link notation are supported:\n\n```md\n![[image.png | image-description @darkmode]]\n```\n```md\n![image-description @darkmode | 410](image.png)\n```\n```md\n\u003cimg src=\"image.png\" alt=\"image-description @darkmode\" style=\"height: 410px\"\u003e\n```\n\n\nYou can even use image links to remote images:\n\n```md\n![image @invert](https://i.pinimg.com/736x/fb/74/eb/fb74ebfb80a42e0ae5a26b86d9f2fe47.jpg)\n```\n\n*(Note that this requires a network request to fetch the image data.)*\n\n\n## The following filters can be used:\n\n### Darkmode\n\nReccomended for use on images with white backgrounds (e.g. screenshots of diagrams in papers).\n\nname: `@darkmode`\nparams: none.\n\n#### Default Behavior\n\nBy default, always applies dark mode adjustments: inverts the image, removes the background, and boosts the lightness by 1.2.\n\nEssentially just a shorthand for: `@invert @transparent(threshold=\"rgb((13, 13, 13))\", remove=\"below\") @boost-lightness(amount=1.2)`.\n\n#### Theme Aware Mode\n\nYou can enable **Theme Aware Mode** in the plugin settings. When enabled, the `@darkmode` filter automatically adapts to Obsidian's current theme:\n\n**In Dark Theme:**\n- Inverts colors\n- Removes dark backgrounds (below threshold)\n- Boosts lightness by 1.2x\n\n**In Light Theme:**\n- Keeps original colors (no inversion)\n- Removes bright backgrounds (above threshold ~240)\n- Reduces lightness by 0.85x to increase contrast\n\nImages will automatically re-render when you switch between light and dark themes.\n\n\n### Invert\n\nInverts the image.\n\nname: `@invert`\nparams: none.\n\n\n### Lightness boost\n\nConverts the image pixel representation to hsl, and boosts the lightness.\n\nname: `@boost-lightness`\nparams: \n- `amount`:\n\t- float-value: the amount by which to boost the lightness.\n\n\n#### Transparency\n\nMake pixels below or above a certain threshold transparent.\n\nname: `@transparent`\nparams: \n- `remove`:\n\t- string-value: can be either `\"above\"` or `\"below\"`\n \t\t- if `\"above\"`: removes pixels above the threshold\n   \t\t- if `\"below\"`: removes pixels below the threshold\n- `threshold`: all pixels that have `r`, `g` and `b` channels above or below this threshold will be made transparent.\n\t- int-value: compare all channels to the same threshold\n \t- string-value: can be any css-parsable string. e.g. `\"rgb((69, 42, 3))\"` or `\"hsl((35deg, 91.7%, 14.1%))\"` would have the same effect:\n      ![image](https://github.com/user-attachments/assets/841494f7-66ec-426a-b8ab-32e4db2d8190)\n\n\n## Contributing\n\n### Filters\n\nFeel free to open pullrequests or issues. Adding new filters is really straight forward, you can use existing filters for reference.\n\n\n### Mobile support\n\nI don't use Obsidian Mobile myself, so if you want mobile support, feel free to open a PR.\n\n\n## Compatibility\n\n- ![Share Note](https://github.com/alangrainger/share-note) Plugin will use the current image as you see it in Obsidian\n- Theme Detection respects ![Style Settings](https://github.com/mgmeyers/obsidian-style-settings) Plugin and any Themes such as ![Encore](https://github.com/Carbonateb/obsidian-encore-theme) that support it\n\nKnown issues:\n- none so far\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0qln%2Fobsidian-image-darkmodifier","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0qln%2Fobsidian-image-darkmodifier","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0qln%2Fobsidian-image-darkmodifier/lists"}