7 ms·
Custom Colors of HN
- peterjmag 13y ago#000000 is surprisingly high up there. Lookin' good: http://i.imgur.com/oMBwQma.png http://i.imgur.com/oMBwQma.png
- user24 13y agoYeah, I use #222222 to block out my karma score.
- markbao 13y agoI wish this included the number of users that use each color, to see if anyone else uses the (harmonious) #f1e9d9. http://cl.ly/image/040u3a1R342q http://cl.ly/image/040u3a1R342q
- codezero 13y agoFor some fun, grep your local dictionary for qualified colors :) cat words |grep -i "^[a-f]\{6\}$" or use 4 and add be, or ed etc... I went with beefed, and it looks like that page is updated in real time.
- acangiano 13y agoI'm surprised to see that I'm not the only one using the, rather arbitrary, #ccffaa.
- GuiA 13y agoOr, are you? There are no counts with the colors; it could well be that every color past the top 5/10 are used by a single person. (#7fff00 reporting in- there's nothing arbitrary for me about it though)
- mcpherrinm 13y agoYep: My color #a4157a disappears from the list when I changed it. It's a 1337-ified "Arista", the name of the company I work for which I happen to think looks nice. It appears about 1/4 of the way down the list, so I assume most of said list is unique entries then.
- deleted 13y ago[deleted]
- coconutrandom 13y agoWhat's the karma threshold to choose a color?
- 8_hours_ago 13y ago250 according to this: http://ycombinator.com/newsnews.html#12jan08 http://ycombinator.com/newsnews.html#12jan08
- pdq 13y agoThanks, I never knew this existed.
- Fizzadar 13y agoCurrently sitting @ 249!
- Killswitch 13y agoProbably already had an upvote in the 2 hours since you posted this, but if not, I upvoted you anyway. :)
- Fizzadar 13y agoLoads! Thank you everyone - enjoying a nice purple-topped HN :)
- 13y ago
- kyro 13y agoFor those with enough karma, I'm curious to see what custom logos you've chosen to replace the Y. And for users who've been here for more than 8600* days, how frequently do you use the direct messaging feature? *Edit: 2500 days. Read the wrong stat on my profile. So much for pulling a quick one...
- jlgreco 13y agoIs that a thing? I don't seem to be able to do that with 18k+, so if it exists there are only a couple dozen people that can.
- sharkweek 13y agoMy favorite one is for those people who get enough karma to have pg's phone number in the top right corner of the header - pretty cool
- DanBC 13y agoI'm surprised there isn't a rumour about a secret HN board accessible by invitation only.
- eam 13y agoThe first rule of about the Secret HN Board is: You do not talk about Secret HN Board. The second rule of Secret HN Board is: You do not talk about secret HN Board.
- justinpombrio 13y agoI think you just started one.
- Villodre 13y agoI'll propagate it.
- timv 13y agoThere is no HN cabal... (Sorry for the other-other-other-site reference)
- bostonpete 13y agoWould 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).
- nostromo 13y agoI'm 99% sure this follows a power law distribution.
- dfc 13y agoChanging the topcolor is more than a simple matter of aesthetics; the topcolor also serves as a signal for whether I am logged in. I have to say that dfcdfc is a nice topcolor. But don't take my word for it, here is another HNer happy with the tranquil bar along the top: > thanks for the recommendation on your profile page to use dfcdfc as > the topcolor; I stumbled onto it over a year ago and have been using > it ever since. [^1] [^1]: https://news.ycombinator.com/item?id=5891431 https://news.ycombinator.com/item?id=5891431
- quickpost 13y agoNew convert here - thanks! Much better than my previous one.
- Mz 13y agoThat would have never occurred to me. Thank you. (And...wavender...um. never mind.)
- WildUtah 13y agoChanged mine to #dfcdfc and now my life is so much better, I don't know how I ever lived without it. Maybe this could be a new startup. +1
- Trufa 13y agoI though you were kidding.
- rplnt 13y agoWhen you are not logged in? The cookies are valid for quite a few years, making it "log in once and forger it" kind of website. Similar to imdb for example.
- dfc 13y agoAre you really having trouble coming up with situations where I might not be logged in? * cleared cache/cookies * set up new computer / using new VM * using alternate browser for testing * something on server-side invalidated cookie
- FiloSottile 13y agoFeeling banal with my white bar now
- elwell 13y agoThe problem with #ffffff topcolor is active top nav links are invisible.
- sgold515 13y ago55b6f2 looks like beauty :)
- agumonkey 13y agoWhat is .. oh per-profile topcolor option. Never took the time to use that.
- rdl 13y agoI wonder if the gray people use (I use aaaaaa) says something about individual monitor choices. I'd probably go lighter if I used a windows machine more.
- chrismorgan 13y agoI like #123456 and #abcdef as colours; #123456 doesn't work here (black on #123456 is difficult to read) but #abcdef works well.
- deleted 13y ago[deleted]
- TazeTSchnitzel 13y agoSo I wasn't the only one to use #f6f6ef so the bar would dissolve into the background! :)
- spicyj 13y agoYep, my choice as well!
- markwakeford 13y agolol @ me hunting around the profile page for the last 5 minutes trying to work out if its a hidden menu or something.
- deleted 13y ago[deleted]
- sachinag 13y agoHa! My topcolor is pretty much the only thing left of my startup. It's also weirdly surprisingly close to my current employer's corporate color.
- ChuckMcM 13y agoIs there a list organized by colorspace?
- 51Cards 13y agoI'd like to see a count, or percentage, beside each of popularity.
- davey301 13y agoI'd like to see this too!
- habosa 13y agoI 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. Also plug for HNES while we're talking about Hacker News aesthetics, it makes HN way better (collapsible comments, inline reply, new stylesheet) and is open source. I've contributed and the repo owner (etcet) is very welcoming.
- adlpz 13y agoAlso a #bada55 here, and thanks for the tip on HNES, checking it out now, looks great!
- colinprince 13y agocoincidentally, HNES makes /topcolors invisble : (
- etcet 13y agoIssue opened: https://github.com/etcet/HNES/issues/52 https://github.com/etcet/HNES/issues/52 :)
- amaks 13y agoOh, they have #0b00b5
- dmnd 13y agoPaste this snippet into your dev console, then mouseover the colours to get a preview. Array.prototype.forEach.call($$("td[bgcolor]"), function(td) { td.parentNode.addEventListener('mouseenter', function() { $("td[bgcolor]").setAttribute("bgcolor", td.parentNode.children[1].getAttribute("bgcolor")); }); });
- hamxiaoz 13y agoWhat does the $$ mean?
- thedufer 13y agoLooking at it in the console, it looks like $ returns a single DOM element and $$ returns a NodeList (array-like object) of DOM elements. Not sure what library that is.
- scrabble 13y agoPrototypeJS works that way.
- reubenmorais 13y agoNo library, at least in Firefox it's defined by devtools and only works in the console (provided the page doesn't have it's own $ and $$ globals). [0] http://dxr.mozilla.org/mozilla-central/source/toolkit/devtools/server/actors/webconsole.js#1016 http://dxr.mozilla.org/mozilla-central/source/toolkit/devtoo... [1] http://dxr.mozilla.org/mozilla-central/source/toolkit/devtools/webconsole/utils.js#1407 http://dxr.mozilla.org/mozilla-central/source/toolkit/devtoo... Edit: It works in the WebKit devtools too: [0] https://mxr.mozilla.org/chromium/source/src/third_party/WebKit/Source/core/inspector/InjectedScriptSource.js#1315 https://mxr.mozilla.org/chromium/source/src/third_party/WebK...
- dmnd 13y agoIt's shorthand for document.querySelectorAll: https://developers.google.com/chrome-developer-tools/docs/commandline-api#selector_1 https://developers.google.com/chrome-developer-tools/docs/co...
- kbar13 13y ago#00dd00 4lyfe
- imkevinxu 13y agoI've been using a forked version of this Chrome extension. Looks really nice https://github.com/imkevinxu/hacker-news-plus https://github.com/imkevinxu/hacker-news-plus
- pbhjpbhj 13y agoUniquely using #99AAFF at present.
- chm 13y agoI never noticed I had topcolor enabled. Is there a list that details what gets enabled when? I'm at 566 points and I've just recently been granted downvote access.
- ihuman 13y agoDoes anyone know if it is possible to change the color of the 'Y' logo gif by using custom CSS or Javascript? I'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.
- Raphmedia 13y agoIt would be. You could use something like Greasemonkey or Stylish. As for automatically using the color of the bar... Simply have the icon with either a background color, or a black with the opacity at around 5%.
- drblast 13y agoAllow me to plug #ddeeff. I think it very nicely complements the orange Y and the gray background, and it's easy to remember. I'm mildly colorblind, however, so take my recommendation with a large grain of salt. But if you're also colorblind you're just going to love #ddeeff to death.
- Raphmedia 13y agoPersonally, I like to use #50b1db. It clashes a bit, but it's a nice blue and I like it next to the orange of the logo. I should write a custom CSS for HN...
- girvo 13y agoI have an extension in my GitHub for Safari 7 that is custom CSS (with one rule currently) and JavaScript :)
- zerny 13y agobbbbbb works best for me :)
- ginko 13y agoHere's a quick and dirty script for parsing the site and rendering the colors in an RGB scatter plot. https://gist.github.com/ginkgo/9656285 https://gist.github.com/ginkgo/9656285 edit: There's a couple of interesting things to see here: * There's a clearly visible diagonal axis of the shades of grey. * There's a cluster of colors around the default orange value. * The "pink corner" of the color cube is very sparsely populated compared to the other ones.
- user24 13y agoI did the same thing, but with html/js: http://solidred.co.uk/topcolors/ http://solidred.co.uk/topcolors/
- mapleoin 13y agoI guess the clearly visible diagonal axis is because people just type the same distance for all the axes when they choose gray. So they would go like: dcdcdc or acacac etc.
- sixQuarks 13y agoIf you get 1 million karma, PG will do your laundry once per week
- minikomi 13y agoHere they are arranged by hue / saturation: http://jsfiddle.net/LtnS3/1/embedded/result/ http://jsfiddle.net/LtnS3/1/embedded/result/
- twelvechairs 13y agoThanks for this. Very interesting! When you consider that the dominant hue shown against is orange (the logo) it makes sense that the vast majority of choices are either complementary (blues) or supplementary (oranges). The fact that there are lots of greens and few purples is interesting however.
- pazimzadeh 13y agoUsing the the background-color #f6f6f9 works well.
- pazimzadeh 13y agoEr I meant #f3f5eb
- izzydata 13y agoMight as well just let people put in their own hex value.
- andrewflnr 13y agoCorrect. That's why you can in fact, input your own hex value which is where these come from.
- izzydata 13y agoLovely, pretty misleading article for people who don't have this functionality unlocked.
- marinhero 13y agoI can't change my color on HN :( I didn't even know that this existed!
- user24 13y agoI use #222222 so that I can't see my karma score. That way I don't play HN like a points scoring game.
- user24 13y agoQuick and dirty 3d visualisation: http://solidred.co.uk/topcolors/ http://solidred.co.uk/topcolors/
- jffry 13y agoWhy settle for a single color when you can have the HN topbar in literally every color of the rainbow? @-webkit-keyframes hue { 100% { -webkit-filter:hue-rotate(360deg); } } body > center > table > tbody > tr:first-child > td, body > center > table > tbody > tr:last-child > td { -webkit-filter: hue-rotate(0deg); -webkit-animation: hue 20s linear infinite; }
- kafkaesque 13y agoOh! 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. Haha. I just realised it means the colour of the top bar the logo is on.