How to edit the colors that appear in the WYSIWYG colors dropdown?
 

How/where would I go to edit precisely the shades of the colors that appear in the dropdown?

Or another way of saying it is: if a color has been specified as "yellow" in a bunch of threads, can I change the specification for "yellow" so that instead of being #FFFF00 it is #FFFF66 (for example)? Thanks.

--------------- Added [DATE]1215130651[/DATE] at [TIME]1215130651[/TIME] ---------------

Bump? Thanks!

bump...anybody?

These are listed in an array in the clientscript/vbulletin_textedit.js file. You will need to download from vBulletin.com with the Uncompressed Javascript package in order to edit this file. The list of colors starts at line 3517.

Thank you, but what is the URL for this file? I cannot find it on vBulletin.com. The Downloads area seems to only have versions of vBulletin....


Edit: nevermind, I found uncompressed JavaScript as an option in the downloads menu....

--------------- Added [DATE]1215486596[/DATE] at [TIME]1215486596[/TIME] ---------------

OK, I have it.

It seems that I could also edit the normal compressed version, simply by going to the end of the file where the color values are clearly visible. Is this not advised? If not, how do I compress the uncompressed version edited file once again? I assume that compressing it somehow makes it load and execute faster?

--------------- Added [DATE]1215487384[/DATE] at [TIME]1215487384[/TIME] ---------------

Another question:

I edited the values in the compressed js file. I found the value #FFFF00 : Yellow, and I changed it to #FF0000. This should make it red (as a test). But after uploading the file, I see no change in the web site, no change in the drop down WYSIWYG menu, and no change when using it. Yellow is still yellow. What am I missing?

Make sure you clear your browser cache.

Thanks, I tried that - it still doesn't work...

Do I have to compile the .js or something? I know next to nothing about .js.

Bump. I cannot get this to work. I edited the .js file. I changed the yellow color, but the forum shows no change. I cleared my cache. Can anyone test this and see if it works for them? Thanks!

Bump. I sure would like to get this to work. It must be possible to put your own color variations into the drop down menus of the WYSIWYG Editors.

1. https://vborg.vbsupport.ru/showpost....68&postcount=3
2. Maybe you are editing the wrong thing?
3. How about start again from scratch?
4. Make sure you are uploading to the correct place.
5. Make sure the overwrite is actually happening. (Check the JS file on your site through the browser).

I haven't tried doing it myself so that is about all the help I can give.

It seems one problem is that this doesn't work the way people seem to think it does.

I was able to achieve some response to a change by editing one of the color *names* to some other web-standard color name. But editing the hex code of the associated color doesn't do anything to that color. If you change the name of "Yellow" to "SkyBlue", then that square becomes Sky Blue in the drop down menu, and selecting it inserts "SkyBlue" tags in the editor, and the resulting text is colored SkyBlue. It doesn't matter that the hex code is still #FFFF00 (which is Yellow). Very puzzling and ultimately not achieving anything like I want.

I want to make the Yellow "less brite" - instead of #FFFF00, #FFFF66 (for example). There seems to be a bunch more to making that happen than just changing this code in the drop down menu.

Ah I see, if you look at the output for the editor all the colour boxes use web-standard color names instead of Hex codes. I think the hex codes may just be there for reference?

How about instead, you edit the word Yellow to the "#FFFF66" instead? (Or edit both even) - vbulletin_textedit.js.

Hey, that actually works - sort of. ;)

If I change one of the color titles to #FFFF66, then the square is indeed a lighter yellow, and selecting it puts {color=#"FFFF99"} tags into the text editing window. So you can change the names to hex values and this will change the colors displayed in the drop down menu. What the actual hex codes in the javascript are doing beats me. Changing them seems to have no effect.

But ultimately, this doesn't achieve what I wanted. And I can see that I am probably approaching this wrong.

I'll explain it a little better: I have an existing forum that used to have one type of skinned look. In various posts, Yellow was used, and it was the regular bright yellow #FFFF00. The forum had a medium gray background.

Now, the forum has a new skin that has a much darker almost black background. The yellow bits just look too bright and stand out too much. I was hoping to somehow modify the code so that whenever it finds a vBcode tag for yellow, instead of using #FFFF00, it would use #FFFF66.

I'm guessing this needs to be intercepted and modified in the code that actually parses all of the vBcode. If you have any idea which file that would be in, please let me know. I'll respond back to this thread if I ever figure out how to make it work. Thanks for the suggestions!