{"id":16208176,"url":"https://github.com/asimen1/restyler","last_synced_at":"2025-03-19T08:30:42.552Z","repository":{"id":47108429,"uuid":"65004150","full_name":"asimen1/restyler","owner":"asimen1","description":"Chrome devtool extension for easy restyling of any webpage","archived":false,"fork":false,"pushed_at":"2024-09-09T06:04:01.000Z","size":1959,"stargazers_count":18,"open_issues_count":1,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-28T16:55:58.314Z","etag":null,"topics":["chrome-extension","css","devtools-extension","style","webpage"],"latest_commit_sha":null,"homepage":"https://chrome.google.com/webstore/detail/restyler/ofkkcnbmhaodoaehikkibjanliaeffel","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/asimen1.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":"2016-08-05T08:53:39.000Z","updated_at":"2024-09-09T18:34:26.000Z","dependencies_parsed_at":"2024-10-27T20:25:08.958Z","dependency_job_id":null,"html_url":"https://github.com/asimen1/restyler","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asimen1%2Frestyler","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asimen1%2Frestyler/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asimen1%2Frestyler/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asimen1%2Frestyler/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/asimen1","download_url":"https://codeload.github.com/asimen1/restyler/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243976468,"owners_count":20377691,"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-extension","css","devtools-extension","style","webpage"],"created_at":"2024-10-10T10:15:37.778Z","updated_at":"2025-03-19T08:30:41.790Z","avatar_url":"https://github.com/asimen1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Restyler\n\n## A devtool extension for easy restyling of any webpage\n\n[Get the extension (Chrome Webstore)](https://chrome.google.com/webstore/detail/restyler/ofkkcnbmhaodoaehikkibjanliaeffel)\n\nRestyler lets you change the appearance of any webpage with an easy to use interface.\nOngoing changes in the page are automatically observed so new styling is always taken into account.\nPerfect for testing out design changes or rebranding on an existing page!\n\n★ Modify any CSS attribute value such as font, color, margins, etc...\n\n★ Apply styling rule to all elements in the page or to a specific set (using selectors).\n\n★ Edit any text content in the page.\n\n★ Share your styling rules as a config or a CSS file.\n\nBuilt with `react` + `webpack`.\n\n### Developing Locally\n\n    // install dependencies\n    npm install\n\n    // run the dev script\n    npm run dev\n\n\u003e Minimum `nodejs` version required is \"18.18.0\", this is due to `@eslint/js` requirements. The minimum versions are also set in the `engines` field in package.json.\n\nThe extension is built to the `dist` folder.\n\nYou can now load it via the chrome extensions page chrome://extensions/ -\u003e \"Load unpacked extension...\"\n\n(Make sure you have \"Developer mode\" turned on in chrome's extensions page)\n\n### Todos\n\n* Support image sources modification.\n* Support editing a rule after it has been added.\n* Add the number of matched/modified elements for each rule (can show total matches in extension badge).\n* Allow user to save rules as presets (and auto apply them on site url matching).\n* Update \"inspect\" design on web page, perhaps include a psuedo `::before` element with some text.\n* Tests?\n\n### License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasimen1%2Frestyler","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasimen1%2Frestyler","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasimen1%2Frestyler/lists"}