{"id":13695006,"url":"https://github.com/Aris-t2/Scrollbars","last_synced_at":"2025-05-03T04:31:30.205Z","repository":{"id":75123283,"uuid":"113586157","full_name":"Aris-t2/Scrollbars","owner":"Aris-t2","description":"Custom Scrollbars (moved to CustomJSforFx)","archived":true,"fork":false,"pushed_at":"2018-09-07T09:19:42.000Z","size":43,"stargazers_count":48,"open_issues_count":2,"forks_count":4,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-11-12T21:39:47.104Z","etag":null,"topics":["custom-scrollbar"],"latest_commit_sha":null,"homepage":"https://github.com/Aris-t2/CustomJSforFx","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/Aris-t2.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}},"created_at":"2017-12-08T15:04:06.000Z","updated_at":"2024-04-27T05:18:45.000Z","dependencies_parsed_at":null,"dependency_job_id":"f399d220-a3b3-4bff-a487-b1c43186a424","html_url":"https://github.com/Aris-t2/Scrollbars","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aris-t2%2FScrollbars","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aris-t2%2FScrollbars/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aris-t2%2FScrollbars/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aris-t2%2FScrollbars/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Aris-t2","download_url":"https://codeload.github.com/Aris-t2/Scrollbars/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252144564,"owners_count":21701434,"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":["custom-scrollbar"],"created_at":"2024-08-02T17:01:56.342Z","updated_at":"2025-05-03T04:31:25.197Z","avatar_url":"https://github.com/Aris-t2.png","language":"JavaScript","funding_links":["https://www.paypal.me/tkpay"],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003ch1\u003eCustom Scrollbars for Firefox Quantum (57+)\u003c/h1\u003e\n\u003cb\u003e\u003ca href=https://github.com/Aris-t2/Scrollbars/releases\u003e[ Download ]\u003c/a\u003e\u003c/b\u003e\u003c/br\u003e\u003c/br\u003e\n\u003cb\u003eBoth available methods use the \u003cu\u003esame\u003c/u\u003e JavaScript code to customize scrollbars.\u003c/b\u003e They only differ in the way Firefox loads custom JavaScipt files.\u003c/br\u003e\n\u003ch2\u003eWant to support this project?\u003c/h2\u003e\n\u003cb\u003e\u003ca href=https://www.paypal.me/tkpay\u003e[ Paypal Me ]\u003c/a\u003e\u003c/b\u003e\u003c/br\u003e\n\u003c/br\u003e\n\u003ch2\u003eMethod 1 - files for Firefox profile folder only\u003c/h2\u003e\nM1 is based on this project by nuchi: https://github.com/nuchi/firefox-quantum-userchromejs \u003c/br\u003e\nM1 will stop working when Mozilla drops XBL support.\u003c/br\u003e\n\u003c/br\u003e\nFrom this projects \u003ccode\u003e\\method 1\\\u003c/code\u003e folder copy \u003ccode\u003euserChrome\u003c/code\u003e folder and \u003ccode\u003euserChrome.css\u003c/code\u003e file to \u003ccode\u003e\\ PROFILENAME \\chrome\\ \u003c/code\u003e or add code from \u003ccode\u003euserChrome.css\u003c/code\u003e file to an existing \u003ccode\u003euserChrome.css\u003c/code\u003e file.\u003c/br\u003e\n\u003c/br\u003e\n\u003ch2\u003eMethod 2 - files for Firefox installation folder and Firefox profile folder\u003c/h2\u003e\nM2 is based on this project by ardiman: https://github.com/ardiman/userChrome.js \u003c/br\u003e\nM2 is also based on the modified files by Endor8: https://github.com/Endor8/userChrome.js/ \u003c/br\u003e\n\u003c/br\u003e\nFrom this projects \u003ccode\u003e\\method 2\\profile\\\u003c/code\u003e folder copy \u003ccode\u003euserChrome\u003c/code\u003e folder and \u003ccode\u003euserChrome.js\u003c/code\u003e file to \u003ccode\u003e\\ PROFILENAME \\chrome\\\u003c/code\u003e folder.\u003c/br\u003e\n\u003c/br\u003e\nFrom this projects \u003ccode\u003e\\method 2\\firefox\\\u003c/code\u003e folder copy \u003ccode\u003edefaults\u003c/code\u003e folder and \u003ccode\u003econfig.js\u003c/code\u003e file to Firefox main directory (where the Firefox executable is). \u003c/br\u003e\n\u003c/br\u003e\nWith beta and release versions of Firefox 62+ an additional preferences \u003ccode\u003epref(\"general.config.sandbox_enabled\", false);\u003c/code\u003e has to be set inside \u003ccode\u003econfig-prefs.js\u003c/code\u003e file. This is considered less secure by Mozilla and is only a temporary workaround, but at the moment it is the only way to run custom scripts using \"methode 2\". \u003c/br\u003e\n\u003c/br\u003e\n\u003ch2\u003eScript/startup cache must be deleted after every change!\u003c/h2\u003e\nM2 method (now) uses \u003ccode\u003euserChrome.ignoreCache = true;\u003c/code\u003e inside \u003ccode\u003euserChrome.js\u003c/code\u003e file and clears the script/startup cache automatically.\u003c/br\u003e\nWhere to find \u003ccode\u003estartupCache\u003c/code\u003e folder?\u003c/br\u003e\n\u003ccode\u003eabout:profiles \u003e Local Directory \u003e Open Folder\u003c/code\u003e, close Firefox and delete all files in \u003ccode\u003estartupCache\u003c/code\u003e folder.\u003c/br\u003e\n\u003c/br\u003e\nLocation on WINDOWS: \u003ccode\u003eC:\\Users\\ NAME \\AppData\\Local\\Mozilla\\Firefox\\Profiles\\ PROFILE \\startupCache\u003c/code\u003e\u003c/br\u003e\nLocation on LINUX location: \u003ccode\u003e\\home\\ NAME \\.cache\\mozilla\\firefox\\ PROFILE \\startupCache\u003c/code\u003e\u003c/br\u003e\n\u003c/br\u003e\nThis is not the same profile folder custom scripts and styles are stored!\u003c/br\u003e\n\u003c/br\u003e\nMore info about startup cache removal (in German): https://github.com/ardiman/userChrome.js/wiki/Skriptcache \u003c/br\u003e\nMore info about startup cache removal (in English [Google translation]): https://translate.googleusercontent.com/translate_c?act=url\u0026depth=1\u0026ie=UTF8\u0026prev=_t\u0026rurl=translate.google.com\u0026sl=auto\u0026sp=nmt4\u0026tl=en\u0026u=https://github.com/ardiman/userChrome.js/wiki/Skriptcache \u003c/br\u003e\n\u003ch2\u003eWhere to find Firefox profile folder for styles and scripts?\u003c/h2\u003e\n\u003cb\u003e1.\u003c/b\u003e Find your profile folder.\u003c/br\u003e\n\u003ccode\u003eabout:profiles \u003e Root Directory \u003e Open Folder\u003c/code\u003e\u003c/br\u003e\nor \u003ccode\u003eabout:support \u003e Profile Folder \u003e Open Folder\u003c/code\u003e\u003c/br\u003e\nor \u003ccode\u003eShift+F2\u003c/code\u003e to open Firefox's command line, then enter the command \u003ccode\u003efolder openprofile\u003c/code\u003e\u003c/br\u003e\n\u003c/br\u003e\n\u003cb\u003e2.\u003c/b\u003e User styles belong into \u003ccode\u003e\\chrome\\\u003c/code\u003e folder. Create it, if there is none yet.\u003c/br\u003e\n\u003ccode\u003e\\ PROFILENAME \\chrome\\ \u003c/code\u003e\u003c/br\u003e\n\u003c/br\u003e\n\u003cb\u003e3.\u003c/b\u003e Copy files and folders into \u003ccode\u003e\\chrome\\\u003c/code\u003e sub-folder so the results look like this:\u003c/br\u003e\n\u003ccode\u003e\\ PROFILENAME \\chrome\\userChrome\\\u003c/code\u003e (method 1 and 2)\u003c/br\u003e\n\u003ccode\u003e\\ PROFILENAME \\chrome\\userChrome.css\u003c/code\u003e (method 1)\u003c/br\u003e\n\u003ccode\u003e\\ PROFILENAME \\chrome\\userChrome.js\u003c/code\u003e (method 2)\u003c/br\u003e\n\u003c/br\u003e\n\u003ch2\u003eCustomize scrollbars\u003c/h2\u003e\nOpen \u003ccode\u003e\\chrome\\userChrome\\custom_scrollbars.uc.js\u003c/code\u003e with any text editor (\u003cb\u003e\u003ca href=https://notepad-plus-plus.org/download/\u003eNotepad++\u003c/a\u003e\u003c/b\u003e recommended on Windows).\u003c/br\u003e\nFollow instruction inside \u003ccode\u003ecustom_scrollbars.uc.js\u003c/code\u003e on how to modify scrollbar attributes and appearance.\u003c/br\u003e\n\u003ch2\u003eWhat features does this project offer?\u003c/h2\u003e\n- hide scrollbars\u003c/br\u003e\n- hide scrollbar buttons\u003c/br\u003e\n- floating scrollbars (on top of web content)\u003c/br\u003e\n- custom scrollbar size\u003c/br\u003e\n- custom scrollbar opacity\u003c/br\u003e\n- custom scrollbar background color / background image for color gradient\u003c/br\u003e\n- custom scrollbar corner background color / background image for color gradient\u003c/br\u003e\n- custom scrollbar thumb color / background image\u003c/br\u003e\n- custom scrollbar hovered-thumb color / background image for color gradient\u003c/br\u003e\n- custom scrollbar thumb roundness / border-radius\u003c/br\u003e\n- custom scrollbar thumb border width\u003c/br\u003e\n- custom scrollbar thumb border color\u003c/br\u003e\n- custom scrollbar button color / background image for color gradient\u003c/br\u003e\n- custom scrollbar hovered-button color / background image for color gradient\u003c/br\u003e\n- custom scrollbar button roundness / border-radius / arrow\u003c/br\u003e\n\u003c/br\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAris-t2%2FScrollbars","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAris-t2%2FScrollbars","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAris-t2%2FScrollbars/lists"}