{"id":15263195,"url":"https://github.com/aggarwal-h/bulma-darkify","last_synced_at":"2026-01-29T22:04:13.076Z","repository":{"id":189410145,"uuid":"680504345","full_name":"aggarwal-h/bulma-darkify","owner":"aggarwal-h","description":"Your Bulma project, now with customizable dark-mode support.","archived":false,"fork":false,"pushed_at":"2023-08-21T13:47:20.000Z","size":83,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-24T04:53:28.948Z","etag":null,"topics":["bulma","customizable","dark-mode"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/aggarwal-h.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":"2023-08-19T13:10:18.000Z","updated_at":"2023-08-20T16:12:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"26fc3e5f-f606-4e0a-9d1c-2f0d84b30793","html_url":"https://github.com/aggarwal-h/bulma-darkify","commit_stats":null,"previous_names":["aggarwal-h/bulma-darkify"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/aggarwal-h/bulma-darkify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aggarwal-h%2Fbulma-darkify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aggarwal-h%2Fbulma-darkify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aggarwal-h%2Fbulma-darkify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aggarwal-h%2Fbulma-darkify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aggarwal-h","download_url":"https://codeload.github.com/aggarwal-h/bulma-darkify/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aggarwal-h%2Fbulma-darkify/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28886882,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-29T21:06:44.224Z","status":"ssl_error","status_checked_at":"2026-01-29T21:06:42.160Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["bulma","customizable","dark-mode"],"created_at":"2024-09-30T04:06:59.539Z","updated_at":"2026-01-29T22:04:13.062Z","avatar_url":"https://github.com/aggarwal-h.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bulma Darkify 🌗\n\nAdd a touch of darkness to your Bulma-powered websites. This project allows you to embrace the dark side of web design while maintaining the sleekness of Bulma's UI framework. Say goodbye to bright lights and welcome the relaxing warmth of dark mode.\n\n## Features\n\n- Fully customizable dark mode support.\n- Ability to toggle between light and dark modes using the `[data-theme]` attribute.\n- Compatibile with your existing Bulma styles.\n\n## Getting Started\n\n### Installation\n```bash\npnpm add -D bulma-darkify\n```\n\nor\n\n```bash\nnpm install bulma-darkify --save-dev\n```\n\nor\n\n```bash\nyarn add -D bulma-darkify\n```\n\n### Import\n\n#### Full Import (Larger Bundle Size)\nInclude the provided SCSS file into your existing SASS/SCSS file:\n```scss\n@import \"bulma/bulma\";\n\n// Import your own dark mode variables\n@import \"your-dark-mode-variables\";\n@import \"bulma-darkify/bulma-darkify\";\n```\n\n#### Modular Import (Smaller Bundle Size)\nInclude only the SCSS files that you need:\n```scss\n// Import the relevant Bulma files before importing from bulma-darkify\n@import \"bulma/sass/utilities/_all\";\n@import \"bulma/sass/elements/button\";\n\n// Import your own dark mode variables\n@import \"your-dark-mode-variables\";\n\n// Import from bulma-darkify\n@import \"bulma-darkify/scss/utilities/_all\";\n@include color-mode(dark) {\n    @import \"bulma-darkify/scss/elements/button\";\n}\n```\n\n### Use\nTo use the dark mode, add the `data-theme` attribute to your HTML tag. For example:\n```html\n\u003chtml lang=\"en\" data-theme=\"dark\"\u003e\n\n\u003c/html\u003e\n```\n\n### Toggle\nTo toggle between themes, simply change this attribute to `light`:\n```html\n\u003chtml lang=\"en\" data-theme=\"light\"\u003e\n\n\u003c/html\u003e\n```\n\n### Customization\nThis library does not come with predefined styles for dark mode. This means that you will need to define how you want the dark mode styles to appear. To do this, follow Bulma's guide on customization using SASS variables: https://bulma.io/documentation/customize/variables/.\n\nThen, append your style names with `-dark`.\n\nFor example, to change a button's default background color in light mode, you would normally define a variable like:\n```scss\n$button-background-color: #YOUR-COLOR-HERE\n```\n\nFor dark mode, you can change the button's background color by simply adding `-dark` to this variable name:\n```scss\n$button-background-color-dark: #YOUR-COLOR-HERE\n```\n\n## Contributing\n\nContributions from the community are welcomed! If you encounter a bug, have a feature request, or want to enhance this library, please open a [pull request](https://github.com/aggarwal-h/bulma-darkify/pulls)\n\n## License\n\nThis project is under the [MIT](LICENSE) license. Feel free to use, modify, and distribute it as you please.\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faggarwal-h%2Fbulma-darkify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faggarwal-h%2Fbulma-darkify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faggarwal-h%2Fbulma-darkify/lists"}