{"id":26808316,"url":"https://github.com/biasiolo/jquery-dark-mode-switch-plugin","last_synced_at":"2026-05-03T02:45:23.170Z","repository":{"id":206023750,"uuid":"715652894","full_name":"Biasiolo/jquery-dark-mode-switch-plugin","owner":"Biasiolo","description":"Toggle Mode is a versatile jQuery plugin that empowers your website with easy-to-use light and dark mode switching. Enhance user experience and accessibility by letting visitors choose their preferred display mode effortlessly.","archived":false,"fork":false,"pushed_at":"2024-05-22T02:53:00.000Z","size":15,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-19T17:06:03.885Z","etag":null,"topics":["accessibility","dark-mode","jquery","light-mode","plugin","toggle-switch","user-experience","user-preferences"],"latest_commit_sha":null,"homepage":"https://jquery-toggle-switch-plugin.vercel.app","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/Biasiolo.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":"2023-11-07T15:09:08.000Z","updated_at":"2024-05-22T02:53:04.000Z","dependencies_parsed_at":"2024-05-22T03:43:53.685Z","dependency_job_id":"e52933eb-0d56-4f6d-b0ad-23744ca6631f","html_url":"https://github.com/Biasiolo/jquery-dark-mode-switch-plugin","commit_stats":null,"previous_names":["biasiolo/jquery-toggle-switch-plugin","biasiolo/jquery-dark-mode-switch-plugin"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Biasiolo/jquery-dark-mode-switch-plugin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Biasiolo%2Fjquery-dark-mode-switch-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Biasiolo%2Fjquery-dark-mode-switch-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Biasiolo%2Fjquery-dark-mode-switch-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Biasiolo%2Fjquery-dark-mode-switch-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Biasiolo","download_url":"https://codeload.github.com/Biasiolo/jquery-dark-mode-switch-plugin/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Biasiolo%2Fjquery-dark-mode-switch-plugin/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31966217,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"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":["accessibility","dark-mode","jquery","light-mode","plugin","toggle-switch","user-experience","user-preferences"],"created_at":"2025-03-30T00:20:17.825Z","updated_at":"2026-04-18T11:01:18.312Z","avatar_url":"https://github.com/Biasiolo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dark/Light Mode - jQuery Plugin\n\nIs a simple and customizable jQuery plugin that allows users to switch between light and dark modes on your website with ease. It's perfect for enhancing the user experience and accessibility by providing an option to change the display mode according to their preferences.\n\nFor a live demo and examples of customization, please visit the (https://jquery-toggle-switch-plugin.vercel.app/).\n\n## Installation\n\nYou can install the Toggle Mode jQuery plugin in three simple steps:\n\n1. **Include jQuery:** Make sure you have jQuery included in your project. If not, you can add it by including the following script tag in your HTML file:\n\u003cscript src=\"https://code.jquery.com/jquery-3.7.1.min.js\"\u003e\u003c/script\u003e\n\nDownload the Plugin: Download the toggle-mode.js file from this repository or link it from a Content Delivery Network (CDN) in your HTML file.\n\u003cscript src=\"toggle-mode.js\"\u003e\u003c/script\u003e\nHTML Structure: Create the HTML structure for the toggle switch by adding the following code to your HTML file.\n\n## Usage\nTo use the Toggle Mode plugin, follow these steps:\nInitialize the Plugin: In your JavaScript file, initialize the plugin as follows:\n\n\"$(document).ready(function() {\n    $('.toggle-switch').toggleMode();\n});\"\n\n### Customize Styles: You can customize the styles of the toggle switch and icons by modifying the CSS provided in the toggle-mode.css file or by adding your own custom styles.\n\nEnjoy Light and Dark Modes: Your website now allows users to switch between light and dark modes with a single click!\n\n## Customization\nThe Toggle Mode plugin is highly customizable. You can adjust the colors, icons, and styles to match your website's design. Feel free to modify the provided CSS or add your own CSS rules to create the perfect look for your light and dark modes.\n\n## License\nThis jQuery plugin is open-source and available under the MIT License.\n\nKeywords\njQuery\nPlugin\nToggle Switch\nDark Mode\nLight Mode\nUser Preferences\nUser Experience\nAccessibility\n\n## Author\nBiasiolo\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiasiolo%2Fjquery-dark-mode-switch-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbiasiolo%2Fjquery-dark-mode-switch-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiasiolo%2Fjquery-dark-mode-switch-plugin/lists"}