{"id":20700397,"url":"https://github.com/s-a/theme-roller-js","last_synced_at":"2025-10-04T08:53:53.771Z","repository":{"id":11074494,"uuid":"13419241","full_name":"s-a/theme-roller-js","owner":"s-a","description":null,"archived":false,"fork":false,"pushed_at":"2013-10-08T17:49:01.000Z","size":128,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-17T19:34:13.842Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/s-a.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}},"created_at":"2013-10-08T16:38:21.000Z","updated_at":"2015-04-14T15:57:52.000Z","dependencies_parsed_at":"2022-09-03T23:20:55.917Z","dependency_job_id":null,"html_url":"https://github.com/s-a/theme-roller-js","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/s-a%2Ftheme-roller-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s-a%2Ftheme-roller-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s-a%2Ftheme-roller-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s-a%2Ftheme-roller-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/s-a","download_url":"https://codeload.github.com/s-a/theme-roller-js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242967728,"owners_count":20214281,"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-11-17T00:35:11.119Z","updated_at":"2025-09-16T16:13:36.204Z","avatar_url":"https://github.com/s-a.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"theme-roller-js\r\n====================\r\n\r\nThis JavaScript library is used by the [deep-js](https://github.com/s-a/deep-js) [Theme Roller package](https://github.com/s-a/deep-js-theme-roller).\r\n\r\n[Online demo](http://app.deep-js.com/#theme-roller/index)\r\n\r\n### Html skeleton\r\n```html\r\n\u003cstyle\u003e\r\n  .style-selector-item:hover{\r\n    background-color: #333;\r\n    color: ghostwhite!important;\r\n  }\r\n\r\n  #sheet-colors{\r\n    position: fixed;\r\n    right: 0;\r\n    top: 43px;\r\n    z-index: 3000;\r\n    border: solid 11px #333;\r\n    border-radius: 11px;\r\n    background-color: white;\r\n  }\r\n\r\n  .style-selector-item{\r\n    border-bottom: solid 1px #333;\r\n    padding: 3px;\r\n  }\r\n  #sheet-colors-header{\r\n    width: 100%;\r\n  }\r\n\r\n  #sheet-colors-content{\r\n    overflow: auto;\r\n    max-height: 300px;\r\n  }\r\n\r\n  #sheet-colors-header, #sheet-colors-content{\r\n    padding: 6px;\r\n  }\r\n  .theme-roller-style-container{\r\n    text-overflow: ellipsis;\r\n    width: inherit;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    font-size: 80%;\r\n  }\r\n\u003c/style\u003e\r\n\r\n\r\n\r\n\u003cdiv class=\"hero-unit visible-phone\"\u003e\r\n  \u003ch1\u003e{{_ \"Sorry\"}}!\u003c/h1\u003e\r\n  \u003cp\u003e{{_ \"The Theme Roller is not good to handle on small devices.\"}}\u003c/p\u003e\r\n\u003c/div\u003e\r\n\r\n\u003cdiv id=\"sheet-colors\" class=\"span6 hidden-phone\"\u003e\r\n  \u003cdiv id=\"sheet-colors-header\"\u003e\r\n    \u003cdiv id=\"sheet-colors-header-title\"class=\"muted\" title=\"deep-js Theme Roller\"\u003eRoller\u003c/div\u003e\r\n    \u003cdiv class=\"nav-bar nar-bar-header\"\u003e\r\n      \u003ca class=\"btn btn-mini minimize\" href=\"#\"\u003e{{_ \"Minimize\"}}\u003c/a\u003e\r\n      \u003ca class=\"btn btn-mini disabled load\" href=\"#\"\u003e{{_ \"load\"}}\u003c/a\u003e\r\n      \u003ca class=\"btn btn-mini disabled save\" href=\"#\"\u003e{{_ \"Save\"}}\u003c/a\u003e\r\n      \u003ca class=\"btn btn-mini disabled share\" href=\"#\"\u003e{{_ \"Share\"}}\u003c/a\u003e\r\n      \u003ca class=\"btn btn-mini disabled reset\" href=\"#\"\u003e{{_ \"Reset\"}}\u003c/a\u003e\r\n      \u003ca class=\"btn btn-mini help\" href=\"#\"\u003e{{_ \"Help\"}}\u003c/a\u003e\r\n    \u003c/div\u003e\r\n  \u003c/div\u003e\r\n  \u003cdiv id=\"sheet-colors-content\" class=\"well\"\u003e\r\n    \u003ch5\u003e{{_ \"intro__text__a\"}}\u003c/h5\u003e\r\n    {{_ \"intro__text__b\"}}\r\n    \u003ci class=\"alert-info\"\u003e{{_ \"intro__text__c\"}}\u003c/i\u003e\r\n  \u003c/div\u003e\r\n\u003c/div\u003e\r\n```\r\n\r\n### JavaScript sample\r\n\r\n```javascript\r\n  ThemeRoller.init($(\"#sheet-colors\")), {\r\n    \"translate\" : Deep.translate,   // optional - custom translation method.\r\n    \"error\": function(userValue) {  // optional custom error method.\r\n      Deep.Web.UI.msg({type: \"error\", msg: Deep.translate(\"invalid__color__value\", userValue )});\r\n    }\r\n  });\r\n  Deep.on(\"sa.theme-roller.index.render\", function(){\r\n    var watchElements = $(\"body\").find(\"*:not(#sheet-colors):not(#sheet-colors *)\");\r\n    ThemeRoller.listen(watchElements);\r\n  });\r\n```\r\n\r\nMIT and GPL licensed","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fs-a%2Ftheme-roller-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fs-a%2Ftheme-roller-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fs-a%2Ftheme-roller-js/lists"}