github-readme-activity-graph icon indicating copy to clipboard operation
github-readme-activity-graph copied to clipboard

Add more themes

Open Ashutosh00710 opened this issue 4 years ago • 19 comments

Is your feature request related to a problem? Please describe. Adding more themes will give users a better set of colors to use in their activity graphs.

Ashutosh00710 avatar Jan 22 '21 11:01 Ashutosh00710

Guide to walk through:

If you don't know TypeScript, there is no issue, if you have a basic understanding of color combinations then you are perfect for this issue.

How to add your theme and see in action:

  • Read How To Contribute first.

  • After running the project on your local system, try experimenting different color combinations with following URL.

    http://localhost:5100/graph?username=<your_username>&bg_color=<hexcode>&color=<hexcode>&line=<hexcode>&point=<hexcode>
    

    for example:

     http://localhost:5100/graph?username=Ashutosh00710&bg_color=f4fa9c&color=17b978&line=17b978&point=17b978
    
  • After getting your perfect combination go to styles/themes.ts

  • At the bottom (just before default) add your own case with the name you would like to give to your theme.

  • Write the hexcode (without #) for the colors.

  • After adding you case, test it on your local system.

  • Take a clear sanpshot of your graph and make a Pull Request. 🎉

In case you stuck somewhere, Do not hesitate, go to the discussions tab and ask your query with full confidence. No one is here to judge you. So, discuss every query you have with us.

Ashutosh00710 avatar Feb 02 '21 15:02 Ashutosh00710

Hi, I am going to add the gotham theme. Please take note. 😄

sreyan-ghosh avatar Oct 02 '21 08:10 sreyan-ghosh

@sreyan-ghosh Sure, go on.

Kshitij978 avatar Oct 02 '21 08:10 Kshitij978

Hii @Ashutosh00710 Can I work on this issue? if yes, then could you please assign it to me.

kishanrajput23 avatar Sep 24 '22 17:09 kishanrajput23

Go ahead @kishanrajput23 🚀

Ashutosh00710 avatar Sep 24 '22 18:09 Ashutosh00710

Hii @Ashutosh00710 I want to contribute in this Project? Could You Please assign it to me ??

sanyam-jain-2003 avatar Sep 25 '22 03:09 sanyam-jain-2003

Go ahead @sanyam-jain-2003 🚀

Ashutosh00710 avatar Sep 25 '22 03:09 Ashutosh00710

@Harshit1020 Go ahead 🚀

Ashutosh00710 avatar Sep 25 '22 05:09 Ashutosh00710

Hi @Ashutosh00710 can I contribute on this issue ? Could you pls assign to me

Sambhav250703 avatar Sep 25 '22 05:09 Sambhav250703

Hey , @Ashutosh00710 Can I work on this issue? if yes, then could you please assign it to me.

manmohan4142 avatar Sep 25 '22 08:09 manmohan4142

Hi @Ashutosh00710 I'm interested in contributing to this issue. This would be my first open-source contribution. Can it be assigned to me?

anishcode19 avatar Sep 25 '22 09:09 anishcode19

@Sambhav250703 @manmohan4142 @anishcode19 Go ahead 🚀

Ashutosh00710 avatar Sep 25 '22 09:09 Ashutosh00710

Hey @Ashutosh00710 I am interested in adding an amazing theme. Can you please assign me this issue ?

kanishbodhwani avatar Oct 16 '22 13:10 kanishbodhwani

Sure @kanishbodhwani go ahead 🚀

Ashutosh00710 avatar Oct 16 '22 15:10 Ashutosh00710

Hi @ashutosh0710 I want to work on this issue. However I am having certain problem while running it in my local system, image After installing all the packages and dependencies I couldn't run the application. Could you please guide me so that I can work on this issue as well?

abirbhattacharya82 avatar Dec 31 '22 08:12 abirbhattacharya82

Run npm run dev:start

Ashutosh00710 avatar Dec 31 '22 08:12 Ashutosh00710

Hi @Ashutosh00710 , as far as relevance, will you add my theme if you like it or what. Can I start making my own theme?

SoulNaturalist avatar Jun 13 '23 19:06 SoulNaturalist

Sure @SoulNaturalist, go ahead 🚀

Ashutosh00710 avatar Jun 14 '23 00:06 Ashutosh00710