{"id":13763938,"url":"https://github.com/Jarred-Sumner/styleurl-extension","last_synced_at":"2025-05-10T17:31:15.099Z","repository":{"id":142271987,"uuid":"140258781","full_name":"Jarred-Sumner/styleurl-extension","owner":"Jarred-Sumner","description":"Share \u0026 export CSS tweaks from Chrome instantly.","archived":false,"fork":false,"pushed_at":"2018-08-05T04:36:35.000Z","size":5283,"stargazers_count":189,"open_issues_count":5,"forks_count":8,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-05-09T05:45:30.976Z","etag":null,"topics":["chrome","chrome-extension","css","extension","javascript","stylesheet","styleurls"],"latest_commit_sha":null,"homepage":"https://www.styleurl.app","language":"JavaScript","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/Jarred-Sumner.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2018-07-09T08:57:14.000Z","updated_at":"2024-12-01T10:02:38.000Z","dependencies_parsed_at":"2023-04-05T03:47:13.428Z","dependency_job_id":null,"html_url":"https://github.com/Jarred-Sumner/styleurl-extension","commit_stats":null,"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jarred-Sumner%2Fstyleurl-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jarred-Sumner%2Fstyleurl-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jarred-Sumner%2Fstyleurl-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jarred-Sumner%2Fstyleurl-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jarred-Sumner","download_url":"https://codeload.github.com/Jarred-Sumner/styleurl-extension/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253453234,"owners_count":21911064,"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":["chrome","chrome-extension","css","extension","javascript","stylesheet","styleurls"],"created_at":"2024-08-03T15:01:02.174Z","updated_at":"2025-05-10T17:31:10.078Z","avatar_url":"https://github.com/Jarred-Sumner.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Tool"],"sub_categories":[],"readme":"# StyleURL Extension\n\n[StyleURL](https://www.styleurl.app) is the easiest way for developers \u0026 designers to collaborate on CSS changes. This is the source code for the Chrome extension.\n\n### What's New (v1.1.15 - August 4, 2018)\n\nFix bug in feedback box in ViewStyleURL bar\n\n---\n    \n## Export CSS from Chrome\n\nMake style changes from Chrome Inspector, and StyleURL will show you the diff of your CSS changes in the page.\n\nBefore StyleURL, to get your CSS tweaks out of Chrome DevTools, you had to select each element, remember what you changed, and copy it to a file. Now, StyleURL will automatically detect all of your changes and show you the diff.\n\n## Save to Gist\n\nStyleURL integrates with GitHub Gists so that you can save and share your CSS changes easily. As of August 3rd, StyleURL creates secret gists only.\n\n## Preview live changes from a link\n\nAdd `?__styleurl=gist_${gistID}` to the URL on a webpage, and it'll automatically load the CSS from the Gist onto that page (so long as there's a matching Stylefile).\n\n## Stylefile - an open standard for user style metadata\n\nStyleURL is not the primary storage place for the userstyles. They're currently stored on GitHub as a Gist (more providers could easily be added later). This reduces the dependence of any centralized party for StyleURL to work, giving people better control of their data.\n\nExample Stylefile:\n\n```yaml\n---\nversion: 1.0 # Optional\ndomains: # Required\n- news.ycombinator.com\nurl_patterns: # Required\n- news.ycombinator.com/*\ntimestamp: '2018-07-27T04:21:42Z' # Optional\nid: 6GJP # Optional, not currently used\nredirect_url: https://news.ycombinator.com/ # Required\nshared_via: StyleURL – import and export CSS changes from Chrome Inspector to a Gist\n  you can share (like this one!) # Optional\n```\n\nStyleURL generates and uses a Stylefile to:\n\n- Detect which pages a StyleURL should be applied to (`url_patterns`)\n- Detect which domains a StyleURL correspond to (`domains`)\n- When activated from a different page, which absolute URL to redirect to (`redirect_url`)\n\nUnder the hood, the way this works is:\n\n- Given a StyleURL, the extension fetches the corresponding Gist, reads the Stylefile, and if the URL matches the current URL, downloads the stylesheets within the Gist and applies them to the current page.\n\n### Development\n\nYou'll want to point it to production and make sure chrome://flags/#allow-insecure-localhost is enabled (TODO more words)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJarred-Sumner%2Fstyleurl-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJarred-Sumner%2Fstyleurl-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJarred-Sumner%2Fstyleurl-extension/lists"}