{"id":13402455,"url":"https://github.com/thomaspark/bootswatch","last_synced_at":"2025-05-12T16:13:00.830Z","repository":{"id":2406827,"uuid":"3374332","full_name":"thomaspark/bootswatch","owner":"thomaspark","description":"Themes for Bootstrap","archived":false,"fork":false,"pushed_at":"2025-05-05T00:31:51.000Z","size":90005,"stargazers_count":14671,"open_issues_count":63,"forks_count":3677,"subscribers_count":476,"default_branch":"v5","last_synced_at":"2025-05-05T08:42:48.202Z","etag":null,"topics":["bootstrap","bootswatch","css","css-framework","theme"],"latest_commit_sha":null,"homepage":"https://bootswatch.com","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/thomaspark.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,"zenodo":null}},"created_at":"2012-02-07T04:31:56.000Z","updated_at":"2025-05-05T00:31:54.000Z","dependencies_parsed_at":"2025-05-05T02:23:39.536Z","dependency_job_id":null,"html_url":"https://github.com/thomaspark/bootswatch","commit_stats":{"total_commits":2037,"total_committers":102,"mean_commits":"19.970588235294116","dds":0.5306823760432008,"last_synced_commit":"99f483cb422678a308dcc0a19033e096380fb679"},"previous_names":[],"tags_count":93,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomaspark%2Fbootswatch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomaspark%2Fbootswatch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomaspark%2Fbootswatch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomaspark%2Fbootswatch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thomaspark","download_url":"https://codeload.github.com/thomaspark/bootswatch/tar.gz/refs/heads/v5","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252471618,"owners_count":21753220,"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":["bootstrap","bootswatch","css","css-framework","theme"],"created_at":"2024-07-30T19:01:16.231Z","updated_at":"2025-05-05T12:46:14.962Z","avatar_url":"https://github.com/thomaspark.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=\"200\" height=\"200\" src=\"https://bootswatch.com/_assets/img/logo-dark.svg\"\u003e\n\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eBootswatch\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  A collection of open source themes for \u003ca href=\"https://getbootstrap.com/\"\u003eBootstrap\u003c/a\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://bootswatch.com/\"\u003e\u003cstrong\u003eView Bootswatch themes »\u003c/strong\u003e\u003c/a\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://github.com/thomaspark/bootswatch/issues/new\"\u003eReport bug\u003c/a\u003e\n  ·\n  \u003ca href=\"https://github.com/thomaspark/bootswatch/issues/new\"\u003eRequest feature\u003c/a\u003e\n  ·\n  \u003ca href=\"https://blog.bootswatch.com/\"\u003eBlog\u003c/a\u003e\n\u003c/p\u003e\n\n## Usage\n\nThere are a few different ways you can integrate Bootswatch into your project.\n\n### Via Pre-compiled Asset\n\nDownload the `bootstrap.min.css` file associated with a theme and replace\nBootstrap's default stylesheet. You must still include Bootstrap's JavaScript\nfile to have functional dropdowns, modals, etc.\n\n### Via CDN\n\nYou can use the themes via CDN at [jsDelivr](https://www.jsdelivr.com/package/npm/bootswatch).\n\n### Via Sass Imports\n\nIf you're using [Sass](https://sass-lang.com/) (SCSS) in your project, you can\nimport the `_variables.scss` and `_bootswatch.scss` files for a given theme.\nThis method allows you to override theme variables.\n\n```scss\n// Your variable overrides go here, e.g.:\n// $h1-font-size: 3rem;\n\n@import \"~bootswatch/dist/[theme]/variables\";\n@import \"~bootstrap/scss/bootstrap\";\n@import \"~bootswatch/dist/[theme]/bootswatch\";\n```\n\nMake sure to import Bootstrap's `bootstrap.scss` in between `_variables.scss`\nand `_bootswatch.scss`!\n\n### Via npm\n\nYou can install as a package with the command `npm install bootswatch`.\n\n#### React Users (`create-react-app`, or similar bundler)\n\nModern JavaScript bundlers (webpack, parcel, rollup) support `import`ing CSS from JS files. This can make it easier to deploy various 1st and 3rd party assets predictably. Note: _There are tradeoffs to the following method, research your tooling before deploying to production._\n\nBefore continuing, ensure you've run `npm install bootswatch` in your local project folder. (Use either `npm` or `yarn`.)\n\nAdd the following `import` to your top-level `index.js` (or `App.js`) file. Add it **before** any other `.css` imports.\n\n```js\nimport \"bootswatch/dist/[theme]/bootstrap.min.css\";\n// TODO: Note: Replace ^[theme]^ (examples: darkly, slate, cosmo, spacelab, and superhero. See https://bootswatch.com for current theme names.)\n```\n\nHere's an example of updated `imports` in `App.js` to use \"slate\" theme (using a `create-react-app` fresh project.)\n\n```js\nimport React from 'react';\nimport logo from './logo.svg';\nimport 'bootswatch/dist/slate/bootstrap.min.css'; // Added this :boom:\nimport './App.css';\n\nfunction App() {\n...\n```\n\n### Via Ruby Gem\n\nIn your Ruby project, you can access the latest version of each theme by adding\nthe following to your Gemfile and running `bundle install`:\n\n```ruby\ngem \"bootswatch\", github: \"thomaspark/bootswatch\"\n```\n\nEach theme directory is then accessible via the path\n`\"#{Gem.loaded_specs[\"bootswatch\"].load_paths.first}/[theme]\"`.\n\nRuby on Rails users can add the following to an initializer (e.g.\n`config/initializers/bootswatch.rb`):\n\n```ruby\nRails.application.config.assets.paths += Gem.loaded_specs[\"bootswatch\"].load_paths\n```\n\nAnd thus be able to import themes via Sass like so:\n\n```scss\n@import \"[theme]/variables\";\n@import \"~bootstrap/scss/bootstrap\";\n@import \"[theme]/bootswatch\";\n```\n\n### Via API\n\nA simple JSON API is available for integrating your platform with Bootswatch.\nMore info can be found on the [Help page](https://bootswatch.com/help/#api).\n\n## Customization\n\nBootswatch is open source and you’re welcome to modify the themes.\n\nEach theme consists of two SASS files. `_variables.scss`, which is included by default in Bootstrap, allows you to customize the settings. `_bootswatch.scss` introduces more extensive structural changes.\n\nCheck out the [Help page](https://bootswatch.com/help/#customization) for more details on building your own theme.\n\n## Contributing\n\nIt's through your contributions that Bootswatch will continue to improve. You can contribute in several ways:\n\n* **Issues:** Provide a detailed report of any bugs you encounter and open an issue on [GitHub](https://github.com/thomaspark/bootswatch/issues).\n\n* **Documentation:** If you'd like to fix a typo or beef up the docs, you can fork the project, make your changes, and submit a pull request.\n\n* **Code:** Make a fix and submit it as a pull request. When making changes, it's important to keep the CSS and SASS versions in sync. To do this, be sure to edit the SASS source files for the particular theme first, then run the  tasks `grunt swatch` to build the CSS.\n\n* **Donation:** Donations are gratefully accepted via [GitHub](https://github.com/sponsors/thomaspark) and [PayPal](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=PU2DH4BMF9MWS\u0026source=url).\n\n## Author\n\nThomas Park\n\n* \u003chttps://github.com/thomaspark\u003e\n* \u003chttps://thomaspark.co/\u003e\n\n## Thanks\n\n* [Mark Otto](https://github.com/mdo) and [Jacob Thornton](https://github.com/fat) for [Bootstrap](https://github.com/twbs/bootstrap).\n* [XhmikosR](https://github.com/xhmikosr) for ongoing maintenance support.\n* [Jenil Gogari](https://jgog.in/) for his contributions to the Flatly theme.\n* [James Taylor](https://github.com/jostylr) for [cors-lite](https://github.com/jostylr/cors-lite).\n* [Corey Sewell](https://github.com/cjsewell) for SASS conversion.\n\n## Copyright and License\n\nCopyright 2014-2023 Thomas Park\n\nCode released under the [MIT License](LICENSE).\n","funding_links":["https://github.com/sponsors/thomaspark","https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=PU2DH4BMF9MWS\u0026source=url"],"categories":["JavaScript","HTML","武器库","css","前端开发框架及项目"],"sub_categories":["前端","其他_文本生成、文本对话"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomaspark%2Fbootswatch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthomaspark%2Fbootswatch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomaspark%2Fbootswatch/lists"}