Skip to content
Use this GitHub action with your project
Add this Action to an existing workflow or create a new one
View on Marketplace

Repository files navigation

Dynamic Colors Blinking Github Contributions Graph

Generate dynamic colors blinking GitHub profile graphs as SVG files in both Light and Dark themes using GitHub Actions.

Features

  • 📈 Generate GitHub profile graphs
  • 🌞 Light theme SVG
  • 🌙 Dark theme SVG
  • ⚡ Runs automatically with GitHub Actions
  • 🎨 SVG output for high-quality rendering

Generated Files

File Description
graph_light.svg Light theme graph
graph_dark.svg Dark theme graph

Inputs

Name Required Default Description
github_token - GitHub Token
username - GitHub username
light_svg_filename dist/graph_light.svg Output light SVG filename
dark_svg_filename dist/graph_dark.svg Output dark SVG filename

Example Workflow

Create .github/workflows/generate.yml and paste the following:

name: Generate Profile Graph

on:
  schedule:
    - cron: "0 0 * * *" # Runs once daily at midnight
  workflow_dispatch:

jobs:
  graph:
    runs-on: ubuntu-latest

    permissions:
      contents: write

    steps:
      - uses: actions/checkout@v4

      - name: Generate github graph contributions
        uses: akarshit-1609/dynamic-colors-blinking-graph@v1
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          username: YOUR_USERNAME

      - name: Commit generated files
        run: |
          git config user.name github-actions
          git config user.email github-actions@github.com

          git add dist/graph_light.svg dist/graph_dark.svg
          git commit -m "Update profile graph" || true
          git push

Custom Output Files

- name: Generate github graph contributions
  uses: akarshit-1609/dynamic-colors-blinking-graph@v1
  with:
    github_token: ${{ secrets.GITHUB_TOKEN }}
    username: YOUR_USERNAME
    light_svg_filename: assets/light.svg
    dark_svg_filename: assets/dark.svg

Display in GitHub Profile

<picture>
  <source
    media="(prefers-color-scheme: dark)"
    srcset="dist/graph_dark.svg">

  <source
    media="(prefers-color-scheme: light)"
    srcset="dist/graph_light.svg">

  <img alt="GitHub Profile Graph" src="dist/graph_light.svg">
</picture>

Permissions

Your workflow should include:

permissions:
  contents: write

Example Output

  • Light theme

    Graph (light)

  • Dark theme

    Graph (light)


License

This project is licensed under the Apache License 2.0. See the LICENSE file for details.


Contributing

Contributions, issues, and feature requests are welcome.

Feel free to open a Pull Request.

About

Generate dynamic colors blinking GitHub profile graphs as SVG files in both Light and Dark themes using GitHub Actions.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages