{"id":19143097,"url":"https://github.com/btcpayserver/btcpayserver-design","last_synced_at":"2025-05-07T00:13:51.887Z","repository":{"id":38231115,"uuid":"255214597","full_name":"btcpayserver/btcpayserver-design","owner":"btcpayserver","description":"BTCPay Server Design System","archived":false,"fork":false,"pushed_at":"2025-03-20T09:59:16.000Z","size":6321,"stargazers_count":23,"open_issues_count":9,"forks_count":10,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-04-19T16:11:54.735Z","etag":null,"topics":["btcpayserver","design","design-system","pattern-library","uiengine"],"latest_commit_sha":null,"homepage":"https://design.btcpayserver.org/","language":"CSS","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/btcpayserver.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,"zenodo":null}},"created_at":"2020-04-13T02:39:11.000Z","updated_at":"2025-04-04T03:52:53.000Z","dependencies_parsed_at":"2023-02-08T18:16:25.352Z","dependency_job_id":"7391f2ea-bd7b-4dc5-8aa6-2d7a7d71d382","html_url":"https://github.com/btcpayserver/btcpayserver-design","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/btcpayserver%2Fbtcpayserver-design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/btcpayserver%2Fbtcpayserver-design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/btcpayserver%2Fbtcpayserver-design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/btcpayserver%2Fbtcpayserver-design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/btcpayserver","download_url":"https://codeload.github.com/btcpayserver/btcpayserver-design/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252788533,"owners_count":21804284,"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":["btcpayserver","design","design-system","pattern-library","uiengine"],"created_at":"2024-11-09T07:29:29.952Z","updated_at":"2025-05-07T00:13:51.851Z","avatar_url":"https://github.com/btcpayserver.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [BTCPay Server Design System](https://design.btcpayserver.org/)\n\n\u003e Developers on brink of new UI for BTCPay Server\n\n![Node CI](https://github.com/btcpayserver/btcpayserver-design/workflows/Node%20CI/badge.svg)\n\n## 🛠 Development\n\nDependencies are managed via npm.\nOnce you have cloned this repo, you can setup the packages:\n\n```bash\nnpm install\n```\n\nCreate a build and rebuild on file change:\n\n```bash\nnpm start\n```\n\nThis will bring up the dev server and pattern library on [localhost:3000](http://localhost:3000).\n\n### 🛼 Bootstrap Customizations\n\nTo generate a custom version of Bootstrap v5 that supports our light/dark themeing, we take a three step approach:\n\n1. Where possible we [customize the variables](./src/bootstrap/_variables.scss) offered by Bootstrap.\n   The general variable definitions can be looked up in the component files in `node_modules/bootstrap/scss/` after locally installing Bootstrap as a dependency.\n2. We then [generate the bootstrap css](./tasks/generate-bootstrap.js) and replace some of the generated HEX values with our color variables.\n   This is done for the cases in which we cannot use our variables directly in step 1, because Bootstrap passes them through modifier functions (lighten/darken), which require actual color values.\n3. Hard [CSS overrides](./src/bootstrap/_customizations.css) are used for extensions and customizations of the final `bootstrap.css`.\n   These are appended to the generated file, so that we can override things and maintain the ability to easily upgrade.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbtcpayserver%2Fbtcpayserver-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbtcpayserver%2Fbtcpayserver-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbtcpayserver%2Fbtcpayserver-design/lists"}