Live data from Hacker News

Show HN: HNCute, a pretty pink Hacker News theme

chrome.google.com

71–80 of 85 posts

Re: Show HN: HNCute, a pretty pink Hacker News theme

#71

> make HN cute again Can we stop using “make X Y again”? The phrase it references is a racist dogwhistle. Let’s not normalize it.

The Bad Guys used it in a slogan! Therefore we all must roll onto our backs into obedience position whenever we hear it now! Surely the bad guys will lose if we do this gesture for them?

Re: Show HN: HNCute, a pretty pink Hacker News theme

#74
post #62

I upvoted this like I try to do for most good effort/well-intentioned Show HN's, but I wasn't planning on installing it since I had customized my HN settings to make my HN usage as discrete as possible, with `topcolor` set to #f6f6ef (wish bodycolor was also a setting so I could just make the header and the HN body #eeeeee!). But after reading some of the other comments I decided to add the plugin and am feeling that…

Thanks so much! I'm glad you decided to install it, feel free to let me know if you see anything that could be improved. I was inspired by the color scheme from Bubblesort's "Git it Gurl" shirts ( https://shop.bubblesort.io/products/git-it-gurl-shirt?varian... ), with the nice splash of blue-purple on the pink background.

So my biggest immediate complaint is that the up/down hearts are misleading. I was a little excited that the uphearts/downhearts appeared to be slightly offset, which would deal with one of HN's most annoying design flaws -- accidentally hitting the wrong vote button. As it is, your hearts have the same horizontal hitbox even though they appear visually skewed. Having the hitbox match the appearance of the hearts would be welcome!

The other fix I would make is in the font-color of a few elements that are now more emphasized than they need to be. e.g. The "unvote" label seems to be in the darkest shade of font color.

As someone who doesn't mind that it is a Chrome plugin, since Chrome is the browser I use for HN and because I don't mind that the plugin has access to that page -- I say keep it as a plugin rather than make it a CSS sheet. With a plugin, you could provide a polished config panel experience that makes it easy for a user to disable/enable features. For example, I could see myself liking the "Hacker News" masthed back in the header and in a hot pink shade -- but other users may want it gone like it is now.

Of course as a plugin it could add all sorts of features to the HN page, at risk of breaking the minimalist experience. All I think I would want in extra features is maybe he ability to switch between a few different variants of pink styling.

Re: Show HN: HNCute, a pretty pink Hacker News theme

#75

> make HN cute again Can we stop using “make X Y again”? The phrase it references is a racist dogwhistle. Let’s not normalize it.

I thought about this and wound up changing the wording, the changes should be live with the next update within the next hour

Thanks, implying that HN had lost its cuteness was also extremely rude

Re: Show HN: HNCute, a pretty pink Hacker News theme

#78

Why is it a Chrome extension instead of just a bit of CSS in one of the many custom CSS extensions that already abound?

Mostly because I'm familiar with developing Chrome extensions, and appreciate the freedom and ease of distribution. I also used a bit of Javascript to rework some of the text areas, like the bar at the top. And injecting the favicon is done in JS as well. I'll look into custom CSS extensions though! I'm not familiar with them. The repo is at https://github.com/carolinehermans/HNcute – it could definitely be organized…

Have you thought about doing a write up on how to build a extension like this for Chrome?

I myself have often been thinking about building a Chrome extension but never gotten around to do it because I'm not sure where to start, something like this seems like a good scope for a first Chrome extension.

Also on a side-note, I checked out your github and saw your foureyes repository, that's a really neat idea I really love that project. You could probably turn that into a business (especially if you build an app for it and sell inbound traffic/affiliate marketing to resellers of glasses/sunglasses).

Re: Show HN: HNCute, a pretty pink Hacker News theme

#79
post #74

Earlier quoted context omitted.

Thanks so much! I'm glad you decided to install it, feel free to let me know if you see anything that could be improved. I was inspired by the color scheme from Bubblesort's "Git it Gurl" shirts ( https://shop.bubblesort.io/products/git-it-gurl-shirt?varian... ), with the nice splash of blue-purple on the pink background.

So my biggest immediate complaint is that the up/down hearts are misleading. I was a little excited that the uphearts/downhearts appeared to be slightly offset, which would deal with one of HN's most annoying design flaws -- accidentally hitting the wrong vote button. As it is, your hearts have the same horizontal hitbox even though they appear visually skewed. Having the hitbox match the appearance of the hearts wou…

Interesting feedback, I will definitely take all of this under consideration for if and when I release a second version. It would be great to include more customizability, especially since it being a chrome plugin opens the door for all sorts of possibilities. Thanks so much!

Re: Show HN: HNCute, a pretty pink Hacker News theme

#80

Earlier quoted context omitted.

Mostly because I'm familiar with developing Chrome extensions, and appreciate the freedom and ease of distribution. I also used a bit of Javascript to rework some of the text areas, like the bar at the top. And injecting the favicon is done in JS as well. I'll look into custom CSS extensions though! I'm not familiar with them. The repo is at https://github.com/carolinehermans/HNcute – it could definitely be organized…

You can change the colour of the logo with CSS filters, something like this: [href="https://news.ycombinator.com"] > img { filter: hue-rotate(-50deg) brightness(150%); } … but that doesn’t fix the favicon. Some of the other bits done in JS can be done in CSS; this snippet, for example: for (let i = 0; i This is very inefficient (though document.getElementsByTagName is probably O(1) due to its return type HTMLCollecti…

This is EXCELLENT, thank you so much for this. I'm absolutely going to implement these changes.
Post reply on HN