Crew Colour Editor

[sanyzx]

Still not working...

[UT1-Dot]

@Furry_Monkey

 

Hey dude, thanks so much for making this amazing plug in way back and I have made at least 500 colours inputting them using it.

 

I personally hate the inspect element method for a variety of reasons and wondered if there’s anything we, the community can do to get your way back up and running? 
 

Could we provide monetary help?

[darkmaster2014]

Still not working. Whats the other method ?

[sanyzx]

On 7/5/2024 at 1:18 PM, darkmaster2014 said:

Still not working. Whats the other method ?

Check the first page on the request tread 

[darkmaster2014]

On 7/11/2024 at 2:37 AM, sanyzx said:

Check the first page on the request tread 

the images for the steps are missing

 

[UT1-Dot]

On 7/13/2024 at 5:23 PM, darkmaster2014 said:

the images for the steps are missing

 

There is a different plug in needed basically and this one brings up a box for the hex but it requires 2 letters to force the colour through.

(AA, EE, 00 or FF generally)

[SplitSides]

I found this today. https://gtacolors.com/crew-editor

basically has the same thing but working. Its a little different cause you have to edit the hexcode in the address but it works plus the site has other features to help you visualize the in game color before actually changing and having to reload your game.

 

 

[Fringe_]

20 hours ago, SplitSides said:

I found this today. https://gtacolors.com/crew-editor

basically has the same thing but working. Its a little different cause you have to edit the hexcode in the address but it works plus the site has other features to help you visualize the in game color before actually changing and having to reload your game.

 

 

It's ok if you want to go the inspext element route, howver the social club parts don't work.  Also one issue with the inspect element route i'm trying to use #8B8B86 as my colour, no matter what add ons (a,aa,5,55,f,ff,0,00 etc) I use it won't accept my hex.

 

Sucks that all of the easy and guarenteed ways no longer work or are outdated from the social club changes.

 

I'd be interested in helping in whatever capacity if anyone has the interest and knowledge to recreate this

[SplitSides]

15 minutes ago, Fringe_ said:

It's ok if you want to go the inspext element route, howver the social club parts don't work.  Also one issue with the inspect element route i'm trying to use #8B8B86 as my colour, no matter what add ons (a,aa,5,55,f,ff,0,00 etc) I use it won't accept my hex.

 

Sucks that all of the easy and guarenteed ways no longer work or are outdated from the social club changes.

 

I'd be interested in helping in whatever capacity if anyone has the interest and knowledge to recreate this

The link i posted doesn't require the inspect element method. You could totally still use that though. The link has a bookmark setup just like the FurryMonkey method, except instead of getting a graphical color picker you just put the base hex code at the end of the URL in your address bar

I.E. edit crew URL address
socialclub.rockstargames.com/crew/crewname/manage/edit

you put the hex code in so the address looks like this
socialclub.rockstargames.com/crew/crewname/manage/edit#010101

 

Then you click on the bookmark you saved from the gtacolors page and it will automatically keep trying to save until it does. I believe the furrymonkey method would attempt up to 30 different combos but you had to click the save button each time.

I will say i have heard of a few colors that just simply wont save,  your color #8B8B86 appears to be one of them. I tried with the gtacolors book mark and it just kept trying to save over and over and never would save, where others  usually save after the 2nd or 3rd attempt.

Edited July 16, 2024 by SplitSides

[Fringe_]

if we knew the 30 combos we might have a start... but i've used offwhite colours in the past with no issue

[SplitSides]

5 minutes ago, Fringe_ said:

if we knew the 30 combos we might have a start... but i've used offwhite colours in the past with no issue

Yup same.

Couple weeks ago i pulled a copy of the javascript file on the furrymonkey url from web.archive.org to see if i could recreate it locally but it looked to be using some modules provided by the server where the site was hosted. The file was from the most recent archive of 2022.11-Nov.30.

 

looking at the code of the edit-crew-colour.js file, i am not sure why they configured it for 32 attempts as i only see 9 variations (regular hex + 8 variations appended). Unfortunately I'm not skilled enough to decipher the rest of the code for any variations it might be using outside of these but it doesn't look like it its trying more than these 8.

And from the code it was using the same variations you said you already used. 

From first post in this thread.

Quote

If it tells you that it couldn't save for some reason then it will tell you it was attempt 1 of 32 (currently - that may change). Click save again and it will try a different combination that may save your colour. It's rare that you'll have to do this more than a few times and unlikely you'll ever find a colour that won't save with any of the 32 tries.

 

Code Snippet from the furrymonkey edit-crew-colour.js file. AA/FF doesn't show up anywhere else in the code, so i don't see a way, if those failed, that the code manipulated them into 24 other combos to try.
 

c=$("#createCrewFormColor, #crewColor"),f=["","a","aa","f","ff","5","55","0","00"],g=function(a)

 

[darkmaster2014]

On 7/15/2024 at 1:46 PM, UT1-Dot said:

There is a different plug in needed basically and this one brings up a box for the hex but it requires 2 letters to force the colour through.

(AA, EE, 00 or FF generally)

Do you have a link to the plug in ?

[Fringe_]

22 hours ago, SplitSides said:

Yup same.

Couple weeks ago i pulled a copy of the javascript file on the furrymonkey url from web.archive.org to see if i could recreate it locally but it looked to be using some modules provided by the server where the site was hosted. The file was from the most recent archive of 2022.11-Nov.30.

 

looking at the code of the edit-crew-colour.js file, i am not sure why they configured it for 32 attempts as i only see 9 variations (regular hex + 8 variations appended). Unfortunately I'm not skilled enough to decipher the rest of the code for any variations it might be using outside of these but it doesn't look like it its trying more than these 8.

And from the code it was using the same variations you said you already used. 

From first post in this thread.

 

Code Snippet from the furrymonkey edit-crew-colour.js file. AA/FF doesn't show up anywhere else in the code, so i don't see a way, if those failed, that the code manipulated them into 24 other combos to try.
 

c=$("#createCrewFormColor, #crewColor"),f=["","a","aa","f","ff","5","55","0","00"],g=function(a)

 

Yeah I was looking at the way back machine last night to see if I could pull anything out of it. 

 

I'm wondering if AF, A0, A5, FA, F0, F5, 0A, 0F, 05, 5A, 5F and  50 we somehow configured as possible combos. I've never seen them mentioned before, with the exception of AF. Although I can't now find where that was mentioned 

[Fringe_]

14 hours ago, darkmaster2014 said:

Do you have a link to the plug in ?

 I found a plug in that works but you'll need to manually add the A,AA etc to the end.... 

 

javascript:(function(){document.getElementById("CrewColor").value=document.getElementById("crewColor").value=prompt('Enter%20HEX%2%EF%BB%BF0code','#'%EF%BB%BF);})(%EF%BB%BF)%EF%BB%BF

 

[SplitSides]

27 minutes ago, Fringe_ said:

Yeah I was looking at the way back machine last night to see if I could pull anything out of it. 

 

I'm wondering if AF, A0, A5, FA, F0, F5, 0A, 0F, 05, 5A, 5F and  50 we somehow configured as possible combos. I've never seen them mentioned before, with the exception of AF. Although I can't now find where that was mentioned 

Yeah i don't see any of those combos in furrymonkey edit-crew-colour.js file.

 

Spoiler

var _____WB$wombat$assign$function_____ = function(name) {return (self._wb_wombat && self._wb_wombat.local_init && self._wb_wombat.local_init(name)) || self[name]; };
if (!self.__WB_pmw) { self.__WB_pmw = function(obj) { this.__WB_source = obj; return this; } }
{
  let window = _____WB$wombat$assign$function_____("window");
  let self = _____WB$wombat$assign$function_____("self");
  let document = _____WB$wombat$assign$function_____("document");
  let location = _____WB$wombat$assign$function_____("location");
  let top = _____WB$wombat$assign$function_____("top");
  let parent = _____WB$wombat$assign$function_____("parent");
  let frames = _____WB$wombat$assign$function_____("frames");
  let opener = _____WB$wombat$assign$function_____("opener");

!(function(){function loadjQuery(a){var b=document.createElement("script");b.src="//web.archive.org/web/20221130091955/https://www.furrymonkey.co.uk/_external/gta/jquery.min.js",b.onload=a,document.getElementsByTagName("head")[0].appendChild(b)}loadjQuery(function(){function a(a){return a=""+a,("00"+Number(a.trim()).toString(16)).substr(-2)}function b(b,c,d){return a(b)+a(c)+a(d)}CanvasRenderingContext2D.prototype.loadImage=function(a,b){var c=new Image;c.onload=function(){this.canvas.height=c.height,this.canvas.width=c.width,this.drawImage(c,0,0),"function"==typeof b&&b()}.bind(this),c.setAttribute("crossOrigin","Anonymous"),c.src="//web.archive.org/web/20221130091955/https://www.furrymonkey.co.uk/_external/gta/getimage.aspx?src="+a};var d=function(a){if(s=0,a=a.split("#").join("").toLowerCase(),"rgb"==a.substr(0,3))a=a.split("(")[1].split(")")[0].split(","),a=b(a[0],a[1],a[2]);else if(a.length<6)return;return a="#"+a.substr(0,6),window._selectedColour=a,$(".minicolors-swatch-color").css("background-color",a),a};$("<link/>",{href:"//web.archive.org/web/20221130091955/https://www.furrymonkey.co.uk/_external/gta/colpick.css?"+(new Date).getTime(),rel:"stylesheet",type:"text/css"}).appendTo("head"),$("<link/>",{href:"//web.archive.org/web/20221130091955/https://www.furrymonkey.co.uk/_external/gta/edit-crew-colour.css?"+(new Date).getTime(),rel:"stylesheet",type:"text/css"}).appendTo("head");var e=$("<div/>",{id:"edit-crew-colour-container"}),f=$("<div/>",{class:"dialog"}),g=$("<div/>",{class:"title",text:"Custom Crew Colour Editor"}),h=$("<div/>",{class:"colour-picker"}),i=$("<div/>",{class:"colour-picker-recent",title:"Recently used colours"}),j=$("<div/>",{class:"image-picker"}),k=$("<input/>",{class:"image-url",type:"text"}),l=$("<div/>",{class:"canvas-container"}),m=$("<canvas/>",{id:"image-canvas"}),n=$("<div/>",{class:"buttons"}),o=$("<button/>",{class:"btn-ok",text:"ok"}),p=$("<button/>",{class:"btn-cancel",text:"cancel"}),q=[];m.attr("height","0").attr("width","0").on("mousemove",function(a){function c(a){var b=0,c=0;if(a.offsetParent){do b+=a.offsetLeft,c+=a.offsetTop;while(a=a.offsetParent);return{x:b,y:c}}}var d=c(this),e=a.pageX-d.x+l.scrollLeft(),f=a.pageY-d.y+l.scrollTop()-$(document).scrollTop(),h=r.getImageData(e,f,1,1).data,i=("000000"+b(h[0],h[1],h[2])).slice(-6);m.attr("current-colour",i),$(".colpick_new_color").css("background-color","#"+i)}).on("click",function(){h.colpickSetColor(m.attr("current-colour"),!0)}).on("mouseleave",function(){$(".colpick_new_color").css("background-color",$(".colpick_current_color").css("background-color"))}),l.append(m),k.attr("placeholder","Type or paste an image URL and press enter to load it below").on("focus",function(){$(this).select()}),j.append(k),j.append(l),o.on("click",function(){var a=$(".colpick_new_color").css("background-color");d(a),e.hide()}),p.on("click",function(){e.hide()}),n.append(o),n.append(p),h.append(i),f.append(g),f.append(h),f.append(j),f.append(n),e.append(f),$("body").append(e);var r=m[0].getContext("2d"),s=0;k.on("keypress",function(a){if(13==a.which){m.hide();var b=$("<h2/>",{text:"Loading image..."}).appendTo(l);r.loadImage(this.value,function(){b.remove(),m.show()})}});var t=function(){window._selectedColour=$("#createCrewFormColor")[0].getAttribute("value"),window._selectedColour.length>7&&(window._selectedColour=window._selectedColour.substr(0,7)),$(".minicolors-swatch-color").attr("style","background-color:"+window._selectedColour),h.colpick({flat:!0,layout:"full",submit:"false"});var a=function(){i.empty();for(var a=0,b=q.length;a<b;a++){q[a].length>7&&(q[a]=q[a].substr(0,7));var c=$("<div/>",{class:"colour-picker-recent-colour"});c.css("background-color",q[a]),i.append(c)}},b=function(b){b.length>7&&(b=b.substr(0,7)),q.indexOf(b)==-1&&(q.reverse(),q.push(b),q.reverse(),q.length>24&&(q=q.slice(0,24)),localStorage.setItem("crew-colours-recent",JSON.stringify(q)),a())};q=localStorage.getItem("crew-colours-recent"),q=null!=q?JSON.parse(q):[],a(),i.on("click",".colour-picker-recent-colour",function(){var a=$(this).css("background-color").split("#").join("");h.colpickSetColor(d(a),!0)});for(var c=$("#createCrewFormColor, #crewColor"),f=["","a","aa","f","ff","5","55","0","00"],g=function(a){f.indexOf(a)==-1&&f.push(a)},j=1;j<16;j++){var k=j.toString(16);g(k),g(k+k)}var l=f.length;$("#createCrewFormBtn").on("click",function(a){var d=function(a){var b=$(".spinnerv2");b.length?a():setTimeout(function(){d(a)},10)},e=function(a){var b=$(".spinnerv2");b.length?setTimeout(function(){e(a)},10):a()},g=function(){var a=$("#createCrewError");if(a.is(":visible")){var b="Cannot save crew colour ("+(s+1)+" of "+(l-1)+") - click to try next combination.";a.text(b);var c=$(".createCrewError"),d=c.find(".help-block");return d.length||(d=$("<p />",{class:"help-block"}).appendTo(c)),d.text(b),!1}return!0},h=function(){var a=window._selectedColour+f[s];c.val(a).attr("value",a),setTimeout(function(){d(function(){e(function(){g()?(s=0,b(a)):++s==l&&($("#createCrewError").text("Can't save crew colour."),s=0)})})},10)};h()});var m=$(".minicolors").closest(".input");m.on("mousedown",function(){return h.colpickSetColor(window._selectedColour,!0),e.show(),!1}).on("mouseup",function(){return!1}),window._customCrewScriptLoaded=!0,setTimeout(function(){m.trigger("mousedown")},100)},u=function(a){var b=$("#createCrewFormColor");b.length?a():setTimeout(function(){u(a)},250)};window._customCrewScriptLoaded!==!0?u(function(){$.getScript("//web.archive.org/web/20221130091955/https://www.furrymonkey.co.uk/_external/gta/colpick.js",function(){t()})}):$(".minicolors").closest(".input").trigger("mousedown")});})()

}
/*
     FILE ARCHIVED ON 09:19:55 Nov 30, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:56:10 Jun 27, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.732
  exclusion.robots: 0.078
  exclusion.robots.policy: 0.068
  esindex: 0.01
  cdx.remote: 68.495
  LoadShardBlock: 127.196 (3)
  PetaboxLoader3.datanode: 108.848 (4)
  PetaboxLoader3.resolve: 23500.363 (2)
  load_resource: 23499.731
*/

 

[darkmaster2014]

5 hours ago, Fringe_ said:

 I found a plug in that works but you'll need to manually add the A,AA etc to the end.... 

 

javascript:(function(){document.getElementById("CrewColor").value=document.getElementById("crewColor").value=prompt('Enter%20HEX%2%EF%BB%BF0code','#'%EF%BB%BF);})(%EF%BB%BF)%EF%BB%BF

 

So I would need to edit the bookmark every time i change the color ?

[Fringe_]

12 hours ago, darkmaster2014 said:

So I would need to edit the bookmark every time i change the color ?

 No. Go into the edit crew page click the bookmark. It will load a box that you can type your hex code into

[darkmaster2014]

Thank you . So this should would work with most colors like bayside blue and midnight purple ?

[darkmaster2014]

the code doesn't work anymore

[ajm42agrajag]

This is a feature-lite version I've coded and tested over the last month, inspired by this, which I've used for years, and GTAColours bookmarklet. I don't know a ton about coding so this is largely done with the help of AI coding tools. Hope it helps some people who still want to change codes (there's no saving of previous codes, getting colours from pictures or other features the original bookmarklet had FYI)

 

How to Use

 

Add the Bookmarklet to Your Browser

1. To use the tool, you need to add the bookmarklet to your browser's bookmarks:
   Copy the following code:
    

   javascript:(function(){const script=document.createElement('script');script.src='https://ajmagrajag.github.io/Rockstar-Crew-Colours/colourTool.js';document.body.appendChild(script);})();

2. Open your browser's bookmarks bar.
3. Right-click on the bar and choose "Add Page" or "Bookmark this page".
4. Enter a name for the bookmark (e.g., Rockstar Crew Colors) and paste the code into the URL field.
5. Save the bookmark.

Run the Bookmarklet on Rockstar Social Club

1. Go to the Manage Crew section of Rockstar Social Club:
   Example URL: https://socialclub.rockstargames.com/crew/YOUR_CREW_NAME/manage/edit
2. Click on the bookmarklet you just saved.
3. When prompted, enter your desired HEX color code (e.g., #262425 or 262425ff).

4. The tool will:

   Validate your HEX code.
   Attempt to set the color directly if it's supported.
   If not supported, it will append suffixes like ff, a, etc., to find a working combination.

5. A success or failure message will appear.