Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add more themes #25

Open
Ashutosh00710 opened this issue Jan 22, 2021 · 19 comments
Open

Add more themes #25

Ashutosh00710 opened this issue Jan 22, 2021 · 19 comments
Labels
beginner-friendly enhancement New feature or request good first issue Good for newcomers graph-enhancement Integrate more feature to the graph hacktoberfest

Comments

@Ashutosh00710
Copy link
Owner

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
Copy link
Owner Author

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.

@sreyan-ghosh
Copy link
Contributor

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

@Kshitij978
Copy link
Collaborator

Kshitij978 commented Oct 2, 2021

@sreyan-ghosh Sure, go on.

Kshitij978 added a commit that referenced this issue Oct 2, 2021
@Anant-mishra1729 Anant-mishra1729 mentioned this issue Oct 4, 2021
7 tasks
@Kshitij978 Kshitij978 unpinned this issue Oct 6, 2021
@kishanrajput23
Copy link

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

@Ashutosh00710
Copy link
Owner Author

Go ahead @kishanrajput23 🚀

@sanyam-jain-2003
Copy link

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

@Ashutosh00710
Copy link
Owner Author

Go ahead @sanyam-jain-2003 🚀

@Ashutosh00710
Copy link
Owner Author

@Harshit1020 Go ahead 🚀

@Sambhav250703
Copy link

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

@manmohan4142
Copy link

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

@anishcode19
Copy link

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

@Ashutosh00710
Copy link
Owner Author

@Sambhav250703 @manmohan4142 @anishcode19 Go ahead 🚀

@kanishbodhwani
Copy link

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

@Ashutosh00710
Copy link
Owner Author

Sure @kanishbodhwani go ahead 🚀

@abirbhattacharya82
Copy link
Contributor

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?

@Ashutosh00710
Copy link
Owner Author

Ashutosh00710 commented Dec 31, 2022

Run npm run dev:start

@SoulNaturalist
Copy link

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

@Ashutosh00710
Copy link
Owner Author

Sure @SoulNaturalist, go ahead 🚀

@abinjustinkumaravel
Copy link

I want to contribute to this project. @Ashutosh00710, can you assign it to me?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
beginner-friendly enhancement New feature or request good first issue Good for newcomers graph-enhancement Integrate more feature to the graph hacktoberfest
Projects
None yet
Development

No branches or pull requests