{"id":44477883,"url":"https://github.com/grahf0085/astro-daisy-theme-toggle","last_synced_at":"2026-02-12T23:02:10.339Z","repository":{"id":292423137,"uuid":"980862796","full_name":"Grahf0085/astro-daisy-theme-toggle","owner":"Grahf0085","description":" AstroJS script to toggle light and dark mode with DaisyUI","archived":false,"fork":false,"pushed_at":"2025-05-11T05:49:11.000Z","size":136,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-19T00:22:35.562Z","etag":null,"topics":["astro-integration","astrojs","css","daisyui","dark-mode","dark-theme"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/astro-daisy-theme-toggle","language":"Astro","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Grahf0085.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-05-09T21:07:34.000Z","updated_at":"2025-07-06T17:06:41.000Z","dependencies_parsed_at":"2025-05-09T22:24:07.445Z","dependency_job_id":"54b0bdfe-b30c-4296-878e-32721a00ef78","html_url":"https://github.com/Grahf0085/astro-daisy-theme-toggle","commit_stats":null,"previous_names":["grahf0085/astro-daisy-theme-toggle"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Grahf0085/astro-daisy-theme-toggle","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Grahf0085%2Fastro-daisy-theme-toggle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Grahf0085%2Fastro-daisy-theme-toggle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Grahf0085%2Fastro-daisy-theme-toggle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Grahf0085%2Fastro-daisy-theme-toggle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Grahf0085","download_url":"https://codeload.github.com/Grahf0085/astro-daisy-theme-toggle/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Grahf0085%2Fastro-daisy-theme-toggle/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29385024,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-12T22:07:52.078Z","status":"ssl_error","status_checked_at":"2026-02-12T22:07:49.026Z","response_time":55,"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":["astro-integration","astrojs","css","daisyui","dark-mode","dark-theme"],"created_at":"2026-02-12T23:00:52.515Z","updated_at":"2026-02-12T23:02:10.332Z","avatar_url":"https://github.com/Grahf0085.png","language":"Astro","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Astro Daisy Theme Toggle\nComponent to add a dark and light theme to your AstroJS and DaisyUI project.\n\n[![License: AGPL v3](https://img.shields.io/badge/License-AGPL_v3-blue.svg)](https://www.gnu.org/licenses/agpl-3.0)\n\n[![Bundle size](https://img.shields.io/bundlejs/size/astro-daisy-theme-toggle?exports=default%20as%20AstroDaisyThemeToggle\u0026label=size)](https://bundlejs.com/?q=astro-daisy-theme-toggle%400.0.4)\n\n## Features\n- Use any [DaisyUI theme](https://daisyui.com/docs/themes/#list-of-themes)\n- If an invalid theme is used it will default to DaisyUIs dark and light theme\n- Use with or without AstroJS View Transitions\n- No Flash of Unstyled Content\n- Use with any [DaisyUI theme controller](https://daisyui.com/components/theme-controller/)\n\n## Installation\n\n1. Install Tailwind CSS\n2. Install DaisyUI\n3. ```npm install astro-daisy-theme-toggle```\n\n## Usage\n1. Import the DaisyTheme component. It takes two props. darkTheme sets the dark theme and lightTheme sets the light theme. The component must wrap around any DaisyUI theme controller. Theme controllers have a value prop that can be removed or left in place. It will be ignored.\n\n```astro\n---\nimport { DaisyTheme } from 'astro-daisy-theme-toggle'\n---\n\u003cDaisyTheme darkTheme='forest' lightTheme='fantasy'\u003e\n    \u003cinput type='checkbox' value='synthwave' class='toggle theme-controller' /\u003e\n\u003c/DaisyTheme\u003e\n```\n\n2. Add the same themes you used in the DaisyTheme component to your DaisyUI plugin.\n\n```css\n@plugin \"daisyui\" {\n  themes:\n    fantasy --default,\n    forest --prefersdark;\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrahf0085%2Fastro-daisy-theme-toggle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgrahf0085%2Fastro-daisy-theme-toggle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrahf0085%2Fastro-daisy-theme-toggle/lists"}