LeetCode-Stats-Card icon indicating copy to clipboard operation
LeetCode-Stats-Card copied to clipboard

Custom Theme

Open balajirai opened this issue 2 years ago • 3 comments

Hi there, I was thinking to create a PR for a new theme which matches the github default dark theme, then I realize that it would be much better if custom theme option would be there. Like in url itself as a params user passes back-ground color, text-color, and content color similar to the custom font. Then selecting a theme will be more flexible.

balajirai avatar Oct 01 '23 12:10 balajirai

Hi, I don't quite understand how to use custom themes, I tried using gist for this, but nothing worked. Could you give an example of the code for gist? Thanks

Lo-Wang avatar Dec 07 '23 23:12 Lo-Wang

You can utilize external stylesheets, such as this one on Gist, to design your card.

This approach allows you full control over the card's design.

Here is the card with the applied stylesheet:

https://leetcard.jacoblin.cool/JacobLinCool?sheets=https://gist.githubusercontent.com/JacobLinCool/4ba186dcd038b6d0fc4d69ab8480baba/raw/fd9a589398248bef3ed351374d07c300eb3abdb6/example.css

JacobLinCool avatar Jan 23 '24 09:01 JacobLinCool

@Lo-Wang, @JacobLinCool

<img align="center" src="https://github-readme-stats.vercel.app/api/top-langs/?username=balajirai&hide_border=true&title_color=ffffff&icon_color=34abeb&text_color=CFD6DB&bg_color=0D1117&include_all_commits=false&count_private=false&layout=compact" alt="balaji" />

Like in the above URL, almost all customization is available regarding theme, font, icons etc... that's what I was talking about. By the way thanks for the gist idea, @JacobLinCool, @Lo-Wang

Preview : balaji

balajirai avatar Jan 29 '24 18:01 balajirai