Where can i change the color of the yellow fade effect?

keesha

As the title says, i'd like to change the color of the yellow fade (happens if you post something in the forums).

Thanks

whu606

@keesha

Could you post a screenshot of what you mean?

zar3x

If this is what you mean:

If it is, then it is a element.stle that is added with some javascript. But if you find where you can edit it. Plz post you solution here

whu606

That is normally controlled by .Message, so I can only think you have a plugin enabled that is controlling this instead.

vrijvlinder

it helps more she you post the site where the problem is happening. I'm a code sleuth and like the hunt for this stuff, please post url of problem page thanks.

keesha

zar3x was right i'm talking exactly about the yellow fade on his screenshot.

It doesn't look so good on darker or greyish themes with brighter font colors.

vrijvlinder

@keesha I think if you add this to the custom css it will fix that area.

li#Discussion_Item.Comment.FirstComment.Mine.Alt {background:#000;color:#fff;font-weight:bold;}

keesha

Nah vrij, it looks like its in the core files as js, there is no way to do it with CSS.

IMHO a stupid decision from the devs, messing with the core files just to change a color is just ... ah nvm.

peregrine

You failed to mention the theme you are talking about.

it sure looks like .css to me.

are you talking about only posts that you make. it is controlled by the background for .Mine and should be able to be controlled by custom.css

HalfCat

@peregrine: No, he is talking about the fade effect when you post a comment. It uses inline-styliing which is applied and animated by some javascript (that submits your post and fades in your comment). Unfortunately I didn't yet go deep enough to explore how to change this behaviour...

keesha

@HalfCat said:
peregrine: No, he is talking about the fade effect when you post a comment. It uses inline-styliing which is applied and animated by some javascript (that submits your post and fades in your comment). Unfortunately I didn't yet go deep enough to explore how to change this behaviour...

Exactly!

btw. she and not he, i beg to differ

peregrine

what editor are you using? buttonbar? cleditor?

I don't see the fade effect on this forum.

keesha

no editor at all, just the basic vanilla textarea.

peregrine

you have to be using an editor. specify your plugins.

are you using buttonbar, if not try it and see if you see the yellow fade in.

or post a link to your site with a test login.

keesha

As is said i use NO editors.

btw. the yellow fade was once a plugin for vanilla 0.9x, so i was able to disable it.

peregrine

then in that case you use the default editor.

try this and look for the the word "highlight" referring to textarea in js

modify the color to what you want for the focus

textarea:focus {
background: gray;
}

peregrine

also you could modify the necessary instances in applications/vanilla/js/discussion.js
or change it in your theme.
the default jquery effect method is yellow.

you have to change it in the above script to whatever color you want.

e.g. this would flash red.

   $('#Comment_' + commentID).effect("highlight", {}, "slow");
to
$('#Comment_' + commentID).effect("highlight", { color: "#ff0000" }, "slow");

or just comment out the effect in about 4 places.
   //    $('#Comment_' + commentID).effect("highlight", {}, "slow");
  

x00

you can override js files just copy applications/vanilla/js/discussions.js in your themes js/ folder or vanilla/js/ folder.

change all

$('#Comment_' + commentID).effect("highlight", {}, "slow");

to

$('#Comment_' + commentID).effect("highlight", {color:'#669966'}, "slow");

entering your colour.

it may be that some thing will change between versions so be aware of that.

HalfCat

@keesha said:
btw. she and not he, i beg to differ

Sorry!