{"id":20059247,"url":"https://github.com/qddegtya/mbm","last_synced_at":"2026-05-29T23:01:36.104Z","repository":{"id":82297374,"uuid":"335279508","full_name":"qddegtya/mbm","owner":"qddegtya","description":"🌞 🌛 Play with your own Dark-Mode","archived":false,"fork":false,"pushed_at":"2023-02-14T03:07:58.000Z","size":13,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-11-28T23:33:07.257Z","etag":null,"topics":["darkmode","tool"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/qddegtya.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}},"created_at":"2021-02-02T12:20:57.000Z","updated_at":"2023-02-14T03:08:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"c681c84f-8bc1-40f0-abe8-edaf56f8a709","html_url":"https://github.com/qddegtya/mbm","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/qddegtya/mbm","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qddegtya%2Fmbm","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qddegtya%2Fmbm/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qddegtya%2Fmbm/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qddegtya%2Fmbm/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qddegtya","download_url":"https://codeload.github.com/qddegtya/mbm/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qddegtya%2Fmbm/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33673628,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-29T02:00:06.066Z","response_time":107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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","tool"],"created_at":"2024-11-13T13:06:40.224Z","updated_at":"2026-05-29T23:01:36.088Z","avatar_url":"https://github.com/qddegtya.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\t\u003cp style=\"font-size: 64px;\"\u003e[mbm] = (🌞 -\u003e 🌛 || 🌛 -\u003e 🌞)\u003c/p\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n\u003cem\u003e\nLyrical as usual, Apple said about Dark Mode that it’s a “dramatic new look that helps you focus on your work,’’ as well as a “distraction-free environment that’s easy on the eyes — in every way”.\n\u003c/em\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cem\u003e\nGoogle was much more pragmatic, saying Dark Theme can “reduce power usage by a significant amount”, “improve visibility for users with low vision and those who are sensitive to bright light” and “make it easier for anyone to use a device in a low-light environment”.\n\u003c/em\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cem\u003e👦 Archer: Dark Mode IS NOT Dark Design or Dark UI in Javascript.\u003c/em\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003c/p\u003e\n\n# What is mbm ?\n\n\u003e It's short name for CSS Mix Blend Mode.\n\n# About\n\n🌞 🌛 Play with your Dark Mode.\n\n# Quick Start\n\n```javascript\nconst mbm = MixBlendMode({\n  backgroundColor: '#FFFFFF',\n  enable: true\n});\n\n// toggle\nmbm.toggle()\n\n// show\nmbm.show()\n\n// hide\nmbm.hide()\n\n// get auto-increment zIndex\nmbm.izIndex()\n\n```\n\n# UI Controller\n\n**Default UI Controller**\n\n```\nMixBlendMode.UIController().render()\n```\n\n**You can write your own ui controller**\n\n```javascript\nconst yourController = MixBlendMode.UIController((MixBlendMode) =\u003e {\n  // controller logic\n})\n```\n\n# Examples\n\n```shell\n$ npm run dev\n```\n\n# Reference\n\n* [The past, present, and future of Dark Mode](https://uxdesign.cc/the-past-present-and-future-of-dark-mode-9254f2956ec7)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqddegtya%2Fmbm","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqddegtya%2Fmbm","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqddegtya%2Fmbm/lists"}