{"id":22244029,"url":"https://github.com/agence-webup/double-rainbow","last_synced_at":"2025-07-28T02:31:48.119Z","repository":{"id":57215578,"uuid":"70902373","full_name":"agence-webup/double-rainbow","owner":"agence-webup","description":"A simple and lightweight color picker","archived":false,"fork":false,"pushed_at":"2017-02-14T10:57:44.000Z","size":47,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-10-30T02:02:06.585Z","etag":null,"topics":["color-picker","json","picker","vanilla"],"latest_commit_sha":null,"homepage":"https://agence-webup.github.io/double-rainbow/","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/agence-webup.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}},"created_at":"2016-10-14T11:04:02.000Z","updated_at":"2019-05-20T08:43:21.000Z","dependencies_parsed_at":"2022-08-26T13:41:19.823Z","dependency_job_id":null,"html_url":"https://github.com/agence-webup/double-rainbow","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agence-webup%2Fdouble-rainbow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agence-webup%2Fdouble-rainbow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agence-webup%2Fdouble-rainbow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agence-webup%2Fdouble-rainbow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/agence-webup","download_url":"https://codeload.github.com/agence-webup/double-rainbow/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227856792,"owners_count":17830162,"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":["color-picker","json","picker","vanilla"],"created_at":"2024-12-03T04:31:56.447Z","updated_at":"2024-12-03T04:31:57.504Z","avatar_url":"https://github.com/agence-webup.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# double-rainbow\n\nDouble-rainbow allows you to transform a ```\u003cselect\u003e``` into a nice color picker.\n\n## Demo\n\n[https://agence-webup.github.io/double-rainbow/](https://agence-webup.github.io/double-rainbow/)\n\n## Install\n\n### bower\n```shell\nbower install --save double-rainbow\n```\n\n### npm\n```shell\nnpm install --save double-rainbow\n```\n\n\n## Use\n\nJust add a simple select with supported values for colors (option text is used for color title)\n\n```js\n\u003cselect id=\"picker\"\u003e\n    \u003coption value=\"#f44336\"\u003ered\u003c/option\u003e\n    \u003coption value=\"#03a9f4\"\u003eblue\u003c/option\u003e\n    \u003coption value=\"#ffeb3b\"\u003eyellow\u003c/option\u003e\n    \u003coption value=\"#ff5722\"\u003eorange\u003c/option\u003e\n    \u003coption value=\"#4caf50\"\u003egreen\u003c/option\u003e\n    \u003coption value=\"#795548\"\u003ebrown\u003c/option\u003e\n    \u003coption value=\"#607d8b\"\u003egrey\u003c/option\u003e\n    \u003coption value=\"#009688\"\u003eturquoise\u003c/option\u003e\n    \u003coption value=\"#e91e63\"\u003epink\u003c/option\u003e\n\u003c/select\u003e\n```\n\nThen, instanciate double-rainbow\n```js\nlet picker = new DoubleRainbow('#picker').init();\n```\n\nThe select will be replaced by the picker.\n\nThat's all!\n\n## Styling\n\nDouble-rainbow is fully customizable via CSS. Feel free to be inspired by the [default style](https://github.com/agence-webup/double-rainbow/blob/master/src/double-rainbow.css).\n\n## Licence\nReleased under the [MIT LICENSE](http://opensource.org/licenses/MIT)  \nDeveloped by [robinparisi](https://github.com/robinparisi/) [@agencewebup](https://github.com/agence-webup)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagence-webup%2Fdouble-rainbow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fagence-webup%2Fdouble-rainbow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagence-webup%2Fdouble-rainbow/lists"}