catppuccin icon indicating copy to clipboard operation
catppuccin copied to clipboard

https://news.ycombinator.com

Open Groovin-Dev opened this issue 2 years ago • 4 comments

Are you available to help in the creation of this port? 😄 (optional) Yes

Additional context 📷 (optional) It's a relatively simple site so creating a theme should be easy.

Groovin-Dev avatar Jun 28 '22 15:06 Groovin-Dev

I tried doing it, but still cant figure out how to style the faq, guidelines and security page

image

asrvd avatar Jun 29 '22 13:06 asrvd

Got this style to work. Supports the Refined Hacker News extension. It also works for the Guidelines and FAQ pages. There are still some things I need to add (I think) but this is looking pretty good so far IMO.

image

Groovin-Dev avatar Jun 29 '22 15:06 Groovin-Dev

Got this style to work. Supports the Refined Hacker News extension. It also works for the Guidelines and FAQ pages. There are still some things I need to add (I think) but this is looking pretty good so far IMO.

image

oh, i didnt know about that extension, i used stylus actually

asrvd avatar Jun 30 '22 02:06 asrvd

Yeah, I used Stylus as well I just added support for the RHN selectors like that sort stores bar at the top. There are some other things that were more annoying to get (for example the user info on hover) but I got it eventually.

Groovin-Dev avatar Jul 05 '22 13:07 Groovin-Dev

You can find my work here but I don't think I'm going to continue on this style any more. I lost all motivation to work on it when I got it to what I think is 95% done. If anyone would like to use the below code and improve on it, feel free to do so.

https://gist.github.com/Groovin-Dev/c8f413ba127b6b6af03163b3c4663731

Groovin-Dev avatar Oct 21 '22 13:10 Groovin-Dev

Alright, thanks! I'll re-open the issue then (since it's not completed), and mark it as "draft available". Maybe someone will pick it up and do the work to make it official.

nekowinston avatar Oct 21 '22 13:10 nekowinston

I'd be willing to pick this up - I created a style using the Catppuccin Mocha color scheme for myself, and then extended it this evening to cover the other flavors using the port tools. Mine is more bright 😄 https://github.com/lucasmelin/hacker-news

I can rework it to better align with the color scheme picked out by the previous devs if that's what folks prefer however. I can also tackle the Guidelines and FAQ pages.

lucasmelin avatar Nov 05 '22 03:11 lucasmelin

Here's what I have so far, including the standard theme picker for Stylus themes. The Guidelines, FAQ, Lists and Security pages are all themed as well.

Catppuccin HackerNews

lucasmelin avatar Nov 05 '22 19:11 lucasmelin

That looks pretty good! The only comment I have is suggesting that the background color just be 1 color instead of having padding and the content background be a different color

Groovin-Dev avatar Nov 06 '22 01:11 Groovin-Dev

That looks pretty good! The only comment I have is suggesting that the background color just be 1 color instead of having padding and the content background be a different color

Can do - I think on mobile the default Hacker News css uses two different colors, but maybe using just one would look more cohesive.

lucasmelin avatar Nov 06 '22 01:11 lucasmelin

Having the single color for the background looks a lot better, imo:

Updated Hacker News theme

lucasmelin avatar Nov 06 '22 02:11 lucasmelin

@lucasmelin thanks for your work on this! I've sent you an invite to the org, repo looks good :slightly_smiling_face:

nekowinston avatar Nov 06 '22 21:11 nekowinston

@nekowinston repo has been successfully transferred to the org. https://github.com/catppuccin/hacker-news

lucasmelin avatar Nov 07 '22 00:11 lucasmelin