Custom Colors of HN

Changing the topcolor is more than a simple matter of aesthetics; the topcolor also serves as a signal for whether I am logged in.<p>I have to say that <i>dfcdfc</i> is a nice topcolor. But don&#x27;t take my word for it, here is another HNer happy with the tranquil bar along the top:<p><pre><code> &gt; thanks for the recommendation on your profile page to use dfcdfc as &gt; the topcolor; I stumbled onto it over a year ago and have been using &gt; it ever since. [^1] </code></pre> [^1]: <a href="https://news.ycombinator.com/item?id=5891431" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=5891431</a>

For those with enough karma, I&#x27;m curious to see what custom logos you&#x27;ve chosen to replace the Y. And for users who&#x27;ve been here for more than 8600* days, how frequently do you use the direct messaging feature?<p>*Edit: 2500 days. Read the wrong stat on my profile. So much for pulling a quick one...

Paste this snippet into your dev console, then mouseover the colours to get a preview.<p><pre><code> Array.prototype.forEach.call($$(&quot;td[bgcolor]&quot;), function(td) { td.parentNode.addEventListener(&#x27;mouseenter&#x27;, function() { $(&quot;td[bgcolor]&quot;).setAttribute(&quot;bgcolor&quot;, td.parentNode.children[1].getAttribute(&quot;bgcolor&quot;)); }); });</code></pre>

I use #bada55, I saw it in a comment on HN and thought it was funny. Pretty ugly, but I use HNES on my laptop anyway which negates my topcolor.<p>Also plug for HNES while we&#x27;re talking about Hacker News aesthetics, it makes HN way better (collapsible comments, inline reply, new stylesheet) and is open source. I&#x27;ve contributed and the repo owner (etcet) is very welcoming.

Here&#x27;s a quick and dirty script for parsing the site and rendering the colors in an RGB scatter plot.<p><a href="https://gist.github.com/ginkgo/9656285" rel="nofollow">https:&#x2F;&#x2F;gist.github.com&#x2F;ginkgo&#x2F;9656285</a><p>edit:<p>There&#x27;s a couple of interesting things to see here:<p>* There&#x27;s a clearly visible diagonal axis of the shades of grey.<p>* There&#x27;s a cluster of colors around the default orange value.<p>* The &quot;pink corner&quot; of the color cube is very sparsely populated compared to the other ones.

I wish this included the number of users that use each color, to see if anyone else uses the (harmonious) #f1e9d9.<p><a href="http://cl.ly/image/040u3a1R342q" rel="nofollow">http:&#x2F;&#x2F;cl.ly&#x2F;image&#x2F;040u3a1R342q</a>

I&#x27;d like to see a count, or percentage, beside each of popularity.

What&#x27;s the karma threshold to choose a color?

So I wasn&#x27;t the only one to use #f6f6ef so the bar would dissolve into the background! :)

I&#x27;m surprised to see that I&#x27;m not the only one using the, rather arbitrary, #ccffaa.

Ha! My topcolor is pretty much the only thing left of my startup. It&#x27;s also weirdly surprisingly close to my current employer&#x27;s corporate color.

Would be nice to see a count of how many people chose each color. I assume the vast majority of those colors are all equal (i.e. used by a single person).

#000000 is surprisingly high up there.<p>Lookin&#x27; good: <a href="http://i.imgur.com/oMBwQma.png" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;oMBwQma.png</a>

If you get 1 million karma, PG will do your laundry once per week

Here they are arranged by hue &#x2F; saturation: <a href="http://jsfiddle.net/LtnS3/1/embedded/result/" rel="nofollow">http:&#x2F;&#x2F;jsfiddle.net&#x2F;LtnS3&#x2F;1&#x2F;embedded&#x2F;result&#x2F;</a>

For some fun, grep your local dictionary for qualified colors :) cat words |grep -i &quot;^[a-f]\{6\}$&quot;<p>or use 4 and add be, or ed etc...<p>I went with beefed, and it looks like that page is updated in real time.

Why settle for a single color when you can have the HN topbar in literally every color of the rainbow?<p><pre><code> @-webkit-keyframes hue { 100% { -webkit-filter:hue-rotate(360deg); } } body &gt; center &gt; table &gt; tbody &gt; tr:first-child &gt; td, body &gt; center &gt; table &gt; tbody &gt; tr:last-child &gt; td { -webkit-filter: hue-rotate(0deg); -webkit-animation: hue 20s linear infinite; }</code></pre>

Quick and dirty 3d visualisation: <a href="http://solidred.co.uk/topcolors/" rel="nofollow">http:&#x2F;&#x2F;solidred.co.uk&#x2F;topcolors&#x2F;</a>

I like #123456 and #abcdef as colours; #123456 doesn&#x27;t work here (black on #123456 is difficult to read) but #abcdef works well.

I use #222222 so that I can&#x27;t see my karma score. That way I don&#x27;t play HN like a points scoring game.

Allow me to plug #ddeeff. I think it very nicely complements the orange Y and the gray background, and it&#x27;s easy to remember.<p>I&#x27;m mildly colorblind, however, so take my recommendation with a large grain of salt. But if you&#x27;re also colorblind you&#x27;re just going to love #ddeeff to death.

Does anyone know if it is possible to change the color of the &#x27;Y&#x27; logo gif by using custom CSS or Javascript? I&#x27;m wondering if it is possible to make an extension that automatically changes the color of the logo to match the color of the top boar.

Feeling banal with my white bar now

I can&#x27;t change my color on HN :( I didn&#x27;t even know that this existed!

I&#x27;ve been using a forked version of this Chrome extension. Looks really nice<p><a href="https://github.com/imkevinxu/hacker-news-plus" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;imkevinxu&#x2F;hacker-news-plus</a>

Oh! When I saw Top Colour I thought it was referring to the order of the list as the most used colours first, in descending order.<p>Haha. I just realised it means the colour of the top bar the logo is on.

I never noticed I had topcolor enabled. Is there a list that details what gets enabled when? I&#x27;m at 566 points and I&#x27;ve just recently been granted downvote access.

I wonder if the gray people use (I use aaaaaa) says something about individual monitor choices. I&#x27;d probably go lighter if I used a windows machine more.

Personally, I like to use #50b1db. It clashes a bit, but it&#x27;s a nice blue and I like it next to the orange of the logo.<p>I should write a custom CSS for HN...

lol @ me hunting around the profile page for the last 5 minutes trying to work out if its a hidden menu or something.

What is .. oh per-profile topcolor option. Never took the time to use that.

Using the the background-color #f6f6f9 works well.

Is there a list organized by colorspace?

Uniquely using #99AAFF at present.

55b6f2 looks like beauty :)

Oh, they have #0b00b5

Might as well just let people put in their own hex value.

#00dd00 4lyfe

bbbbbb works best for me :)