[a / b / c / d / e / f / g / gif / h / hr / k / m / o / p / r / s / t / u / v / vg / vm / vmg / vr / vrpg / vst / w / wg] [i / ic] [r9k / s4s / vip] [cm / hm / lgbt / y] [3 / aco / adv / an / bant / biz / cgl / ck / co / diy / fa / fit / gd / hc / his / int / jp / lit / mlp / mu / n / news / out / po / pol / pw / qst / sci / soc / sp / tg / toy / trv / tv / vp / vt / wsg / wsr / x / xs] [Settings] [Search] [Mobile] [Home]
Board
Settings Mobile Home
/wsr/ - Worksafe Requests

Name
Options
Comment
Verification
4chan Pass users can bypass this verification. [Learn More] [Login]
File
  • Please read the Rules and FAQ before posting.

08/21/20New boards added: /vrpg/, /vmg/, /vst/ and /vm/
05/04/17New trial board added: /bant/ - International/Random
10/04/16New board for 4chan Pass users: /vip/ - Very Important Posts
[Hide] [Show All]


[Advertise on 4chan]


Is there anyway to change the eyecolor?
>>
yes
>>
>>1565415
It takes months, but put a drop of food coloring in each eye 2-3 times a day
>>
My CSS knowledge is limited
you could try something like this, add it to the Custom CSS section on 4chan X settings > Advanced

#watcher-link:not(.replies-quoting-you)
{
color:lime !important;
}


The :not(.replies-quoting-you) bit is there so the eye icon changes to red when someone quotes you, if you want the eye to remain the same color always remove it. Replace "lime" with your preferred color (HTML color name, hex, etc)
>>
>>1565415
That eye is a#watcher-link, so we can modify it by injecting CSS.
Stick this code snippet into another userscript (maybe delay it so that it loads after 4chanX.) To test it out, enter it in the browser console.
However, it seems there's an opacity filter over it (except for when you have replies). If you pass in #fffff, you end up with a grey rather than a white. If you want to go brighter than that then another thing would be needed.


const style = document.createElement("style");
style.textContent = `
a#watcher-link:not(.replies-quoting-you)::before {
color: #654321; // The color when not hovered over
}
a#watcher-link:not(.replies-quoting-you):hover::before {
color: #123456; //The color when hovered over
}
a#watcher-link.replies-quoting-you.replies-unread::before {
color: #ffffff; //The color when you have replies
}
`;
document.head.appendChild(style);

>>1565525
probably is better to use 4chanX's inbuilt CSS like you say rather than brute force it with a secondary script
>>
>>1565526
Woah...it worked. Thanks



[Advertise on 4chan]

Delete Post: [File Only] Style:
[Disable Mobile View / Use Desktop Site]

[Enable Mobile View / Use Mobile Site]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.