{"id":23097003,"url":"https://github.com/x8bitrain/meta-theme-sky-color","last_synced_at":"2025-07-18T10:07:09.327Z","repository":{"id":118097503,"uuid":"171655176","full_name":"x8BitRain/meta-theme-sky-color","owner":"x8BitRain","description":"Js snippet that changes the mobile Chrome nav bar color to the color of the sky based on time of day.","archived":false,"fork":false,"pushed_at":"2019-10-03T15:11:43.000Z","size":280,"stargazers_count":19,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-09T23:42:51.751Z","etag":null,"topics":["android","chrome","colors","daylight","javascript","library","meta","snippet","theme-color","time"],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/x8BitRain.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2019-02-20T10:50:03.000Z","updated_at":"2023-11-17T13:40:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"26cee7b7-5b9a-4542-9574-a2a72cbe4161","html_url":"https://github.com/x8BitRain/meta-theme-sky-color","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/x8BitRain/meta-theme-sky-color","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x8BitRain%2Fmeta-theme-sky-color","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x8BitRain%2Fmeta-theme-sky-color/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x8BitRain%2Fmeta-theme-sky-color/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x8BitRain%2Fmeta-theme-sky-color/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/x8BitRain","download_url":"https://codeload.github.com/x8BitRain/meta-theme-sky-color/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x8BitRain%2Fmeta-theme-sky-color/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265738459,"owners_count":23820162,"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":["android","chrome","colors","daylight","javascript","library","meta","snippet","theme-color","time"],"created_at":"2024-12-16T22:50:11.669Z","updated_at":"2025-07-18T10:07:09.317Z","avatar_url":"https://github.com/x8BitRain.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"![alt text](https://raw.githubusercontent.com/x8BitRain/meta-theme-sky-color/master/example/ex.png \"Morning, Noon, and Night\")\n\n# meta-theme-sky-color\nJs snippet that changes the mobile Chrome nav bar color to the color of the sky based on time of day.\nIt can be modified to change the color of anything by replacing ```document.querySelector('meta[name=\"theme-color\"]')``` to a div or a css class, etc.\n\n## usage\n\nInsert this\n\n```\u003cscript src=\"https://cdn.jsdelivr.net/gh/x8BitRain/meta-theme-sky-color@latest/metaskycol.min.js\" type=\"text/javascript\"\u003e\u003c/script\u003e```\n\ninto the ``\u003chead\u003e`` of your webpage.\n\n## demo\nVisiting https://btr.pm/test on Chrome android/ios will display the following colors in the nav bar.\nOr download the example html file in the example folder.\n\n* #9bc5ed between 5am - 6am.\n\n* #94dbf8 between 7am - 8am.\n\n* #87ceeb between 9am - 4pm.\n\n* #ffa365 between 5pm - 6pm.\n\n* #141852 between 7pm - 9pm.\n\n* #000    between 10pm - 4am.\n\n* #26282c as a fallback.\n\n![alt text](https://raw.githubusercontent.com/x8BitRain/meta-theme-sky-color/master/example/colors.png \"Colors in use\")\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fx8bitrain%2Fmeta-theme-sky-color","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fx8bitrain%2Fmeta-theme-sky-color","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fx8bitrain%2Fmeta-theme-sky-color/lists"}