{"id":16586204,"url":"https://github.com/dinohan/invert-color-styles","last_synced_at":"2025-08-08T18:33:19.598Z","repository":{"id":128921195,"uuid":"460964871","full_name":"dinohan/invert-color-styles","owner":"dinohan","description":"Figma plugin to invert color styles","archived":false,"fork":false,"pushed_at":"2022-02-18T19:06:56.000Z","size":66,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-13T07:17:47.840Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/dinohan.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":"2022-02-18T18:33:52.000Z","updated_at":"2023-04-04T08:10:25.000Z","dependencies_parsed_at":"2023-04-14T06:32:35.521Z","dependency_job_id":null,"html_url":"https://github.com/dinohan/invert-color-styles","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dinohan%2Finvert-color-styles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dinohan%2Finvert-color-styles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dinohan%2Finvert-color-styles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dinohan%2Finvert-color-styles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dinohan","download_url":"https://codeload.github.com/dinohan/invert-color-styles/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247578617,"owners_count":20961270,"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":[],"created_at":"2024-10-11T22:50:50.518Z","updated_at":"2025-04-07T01:48:58.373Z","avatar_url":"https://github.com/dinohan.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Invert Color Styles\n\nA figma plugin for automatically theming your designs.\n\nselect layers,\npress the button,\nand it turns into dark mode.\n\n## Operating environment\n\nYou can use this plugin on Figma\n\nTo use this plugin, you need to prefix the name of the color styles.\n\nFor example, if the color styles of light mode are like this,\n- `bgNormal`\n- `textPrimary`\n- ...\n\nthe color styles of dark mode should be like this.\n- `inverted/bgNormal`\n- `inverted/textPrimary`\n- ...\n\nIt doesn't matter how many slashes(`/`) are included in the name.\n\n✅ `background/bgNormal` -\u003e `inverted/background/bgNormal` \n\n## How to run locally\n\nRun yarn to install dependencies.\nRun yarn build:watch to start webpack in watch mode.\n\n## How to use\n\nFirst, you need to save the color styles.\n\nYou can save color styles by clicking the refresh button.\n\nYou have to run it in the file that is the source of the color styles.\n\nAnd wherever those color styles are used, selecting the layers and pressing the invert button will invert the selected layers.\n\n## How it works\n\nidk (sorry, I'm still writing)\n\n## References\n\n- [destefanis/auto-theme](https://github.com/destefanis/auto-theme)\n\n## Toolings\n\n- React + Webpack\n- TypeScript\n- Figma API\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdinohan%2Finvert-color-styles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdinohan%2Finvert-color-styles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdinohan%2Finvert-color-styles/lists"}