feat: improved top lang fetching & changed title

docs(theme): Auto update theme readme (#232 )
Co-authored-by: Github Readme Stats Bot <hazru.anurag@gmail.com>
2020-07-28 23:33:43 +05:30 · 2020-07-28 17:17:30 +05:30 · 2020-07-28 17:13:35 +05:30 · 2020-07-28 17:09:36 +05:30 · 2020-07-28 12:30:28 +05:30 · 2020-07-28 12:29:37 +05:30
20 changed files with 656 additions and 173 deletions
@@ -0,0 +1,35 @@
+name: Generate Theme Readme
+
+on:
+  push:
+    branches:
+      - master
+    paths:
+      - "themes/index.js"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v1
+      - name: setup node
+        uses: actions/setup-node@v1
+        with:
+          node-version: "12.x"
+
+      - name: npm install, generate readme
+        run: |
+          npm install
+          npm run theme-readme-gen
+        env:
+          CI: true
+
+      - name: Run Script
+        uses: skx/github-action-tester@master
+        with:
+          script: ./scripts/push-theme-readme.sh
+        env:
+          CI: true
+          PERSONAL_TOKEN: ${{ secrets.PERSONAL_TOKEN }}
+          GH_REPO: ${{ secrets.GH_REPO }}
@@ -0,0 +1,75 @@
+# Contributing to [github-readme-stats](https://github.com/anuraghazra/github-readme-stats)
+
+We love your input! We want to make contributing to this project as easy and transparent as possible, whether it's:
+
+- Reporting a issue
+- Discussing the current state of the code
+- Submitting a fix
+- Proposing new features
+- Becoming a maintainer
+
+## All Changes Happen Through Pull Requests
+
+Pull requests are the best way to propose changes. We actively welcome your pull requests:
+
+1. Fork the repo and create your branch from `master`.
+1. If you've added code that should be tested, add some tests' example.
+1. If you've changed APIs, update the documentation.
+1. Issue that pull request!
+
+## Local Development
+
+To run & test github-readme-stats you need to follow few simple steps :-
+_(make sure you already have a [vercel](https://vercel.com/) account)_
+
+1. Install [Vercel CLI](https://vercel.com/download)
+1. Fork the repository and clone the code to your local machine
+1. Run the command "vercel" in the root and follow the steps there
+1. Create a `.env` file in the root of the directory
+1. In the .env file add a new variable named "PAT" with your [github Personal access token](https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token)
+1. Run the command "vercel dev" to start a development server at https://localhost:3000
+
+## Themes Contribution
+
+Github readme stats supports custom theming and you can also contribute new themes!
+
+All you need to do is edit [themes/index.js](./themes/index.js) file and add your theme at the end of the file.
+
+While creating the Pull request to add a new theme **don't forget to add a screenshot of how your theme looks**, you can also test how it looks using custom url parameters like `title_color`, `icon_color`, `bg_color`, `text_color`
+
+> NOTE: If you are contributing your theme just because you are using it personally, then you can [customize the looks](./readme.md#customization) of your card with URL params instead.
+
+## Any contributions you make will be under the MIT Software License
+
+In short, when you submit changes, your submissions are understood to be under the same [MIT License](http://choosealicense.com/licenses/mit/) that covers the project. Feel free to contact the maintainers if that's a concern.
+
+## Report issues/bugs using Github's [issues](https://github.com/anuraghazra/github-readme-stats/issues)
+
+We use GitHub issues to track public bugs. Report a bug by [opening a new issue](https://github.com/anuraghazra/github-readme-stats/issues/new/choose); it's that easy!
+
+### Bug Reports
+
+**Great Bug Reports** tend to have:
+
+- A quick summary and/or background
+- Steps to reproduce
+  - Be specific!
+  - Share the snapshot, if possible.
+  - Github Readme Stats' live link
+- What actually happens
+- What you expected would happen
+- Notes (possibly including why you think this might be happening, or stuff you tried that didn't work)
+
+People _love_ thorough bug reports. I'm not even kidding.
+
+### Feature Request
+
+**Great Feature Requests** tend to have:
+
+- A quick idea summary
+- What & why you wanted to add the specific feature
+- Additional Context like images, links to resources to implement the feature etc etc.
+
+## License
+
+By contributing, you agree that your contributions will be licensed under its [MIT License](./LICENSE).
@@ -20,6 +20,7 @@ module.exports = async (req, res) => {
    bg_color,
    theme,
    cache_seconds,
+    layout
  } = req.query;
  let topLangs;

@@ -49,6 +50,7 @@ module.exports = async (req, res) => {
      text_color,
      bg_color,
      theme,
+      layout
    })
  );
 };
@@ -5,7 +5,8 @@
  "main": "index.js",
  "scripts": {
    "test": "jest --coverage",
-    "test:watch": "jest --watch"
+    "test:watch": "jest --watch",
+    "theme-readme-gen": "node scripts/generate-theme-doc"
  },
  "author": "Anurag Hazra",
  "license": "MIT",
@@ -20,7 +21,8 @@
  },
  "dependencies": {
    "dotenv": "^8.2.0",
-    "emoji-name-map": "^1.2.8"
+    "emoji-name-map": "^1.2.8",
+    "word-wrap": "^1.2.3"
  },
  "husky": {
    "hooks": {
@@ -57,12 +57,12 @@ _Note: Ranks are calculated based on user's stats, see [src/calculateRank.js](./

 ### Hiding individual stats

-To hide any specific stats, you can pass a query parameter `?hide=` with comma seperated values.
+To hide any specific stats, you can pass a query parameter `?hide=` with comma separated values.

 > Options: `&hide=stars,commits,prs,issues,contribs`

 ```md
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,prs])
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,prs)
 ```

 ### Adding private contributions count to total commits count
@@ -122,9 +122,10 @@ Customization Options:
 | hide_border   | boolean   | hides the stats card border                 | false                | N/A                 | N/A                     |
 | show_owner    | boolean   | shows owner name in repo card               | N/A                  | false               | N/A                     |
 | show_icons    | boolean   | shows icons                                 | false                | N/A                 | N/A                     |
-| theme         | string    | sets inbuilt theme                          | 'default'            | 'default_repocard'  | 'default                |
+| theme         | string    | sets inbuilt theme                          | 'default'            | 'default_repocard'  | 'default'               |
 | cache_seconds | number    | manually set custom cache control           | 1800                 | 1800                | '1800'                  |
 | count_private | boolean   | counts private contributions too if enabled | false                | N/A                 | N/A                     |
+| layout        | string    | choose a layout option                      | N/A                  | N/A                 | "default"               |

 > Note on cache: Repo cards have default cache of 30mins (1800 seconds) if the fork count & star count is less than 1k otherwise it's 2hours (7200). Also note that cache is clamped to minimum of 30min and maximum of 24hours

@@ -176,10 +177,22 @@ You can use `?hide=language1,language2` parameter to hide individual languages.
 [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&hide=javascript,html)](https://github.com/anuraghazra/github-readme-stats)
 ```

+### Compact Language Card Layout
+
+You can use the `&layout=compact` option to change the card design.
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
+```
+
 ### Demo

 [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

+- Compact layout
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
+
 ---

 ### All Demos
@@ -190,7 +203,7 @@ You can use `?hide=language1,language2` parameter to hide individual languages.

 - Hiding specific stats

-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,issues])
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,issues)

 - Showing icons

@@ -1,13 +1,16 @@
 <p align="center">
 <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="Github Readme Stats" />
 <h2 align="center">GitHub Readme Stats</h2>
- <p align="center">在你的 README 中 获取动态生成的 GitHub 统计信息！</p>
+ <p align="center">在你的 README 中获取动态生成的 GitHub 统计信息！</p>
 </p>

  <p align="center">
    <a href="https://github.com/anuraghazra/github-readme-stats/actions">
      <img alt="Tests Passing" src="https://github.com/anuraghazra/github-readme-stats/workflows/Test/badge.svg" />
    </a>
+    <a href="https://codecov.io/gh/anuraghazra/github-readme-stats">
+      <img src="https://codecov.io/gh/anuraghazra/github-readme-stats/branch/master/graph/badge.svg" />
+    </a>
    <a href="https://github.com/anuraghazra/github-readme-stats/issues">
      <img alt="Issues" src="https://img.shields.io/github/issues/anuraghazra/github-readme-stats?color=0088ff" />
    </a>
@@ -23,6 +26,11 @@
    ·
    <a href="https://github.com/anuraghazra/github-readme-stats/issues/new/choose">请求增加功能</a>
  </p>
+  <p align="center">
+    <a href="readme.md">English</a>
+    ·
+    <a href="readme_es.md">Español</a>
+  </p>
 </p>
 <p align="center">喜欢这个项目？请考虑<a href="https://www.paypal.me/anuraghazra">捐赠</a>来帮助它完善！

@@ -38,22 +46,35 @@
 # GitHub 统计卡片

 将这行代码复制到你的 markdown 文件中，简单如此！
+
 更改 `?username=` 的值为你的 GitHub 用户名。

 ```md
 [![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
 ```

-_Note: 排名基于用户的统计信息计算得出，详见 [src/calculateRank.js](./src/calculateRank.js)_
+_注: 排名基于用户的统计信息计算得出，详见 [src/calculateRank.js](./src/calculateRank.js)_

-### 隐藏个人统计信息
+### 隐藏个别统计项

-想要隐藏某项统计信息，你可以调用参数 `?hide=`，并调用 你想要隐藏的项目 组成的数组。
+想要隐藏指定统计信息，你可以调用参数 `?hide=`，其值用 `,` 分隔。

-> 选项：`&hide=["stars","prs","issues","contribs"]`
+> 选项：`&hide=stars,commits,prs,issues,contribs`

 ```md
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","prs"])
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,prs)
+```
+
+### 把私人贡献计数添加到总提交计数中
+
+你可以用参数 `?count_private=true` 把私人贡献计数添加到总提交计数中。
+
+_注：如果你是自己部署本项目，私人贡献将会默认被计数，如果不是自己部署，你需要分享你的私人贡献计数。_
+
+> Options: `&count_private=true`
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&count_private=true)
 ```

 ### 显示图标
@@ -88,51 +109,26 @@ dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontr

 自定义选项：

-| Option      | type      | description                          | Stats Card (default) | Repo Card (default) |
-| ----------- | --------- | ------------------------------------ | -------------------- | ------------------- |
-| title_color | hex color | 标题颜色                              | 2f80ed               | 2f80ed              |
-| text_color  | hex color | 字体颜色                              | 333                  | 333                 |
-| icon_color  | hex color | 图标颜色                              | 4c71f2               | 586069              |
-| bg_color    | hex color | 卡片背景颜色                           | FFFEFE               | FFFEFE              |
-| line_height | number    | 文字行高                              | 30                   | N/A                 |
-| hide_rank   | boolean   | 隐藏评分等级                           | false                | N/A                 |
-| hide_title  | boolean   | 隐藏卡片标题                           | false                | N/A                 |
-| hide_border | boolean   | 隐藏卡片边框                           | false                | N/A                 |
-| show_owner  | boolean   | 显示 Repo 卡片所属账户用户名             | N/A                  | false               |
-| show_icons  | boolean   | 显示图标                              | false                | N/A                 |
-| theme       | string    | 设置主题                              | 'default'            | 'default_repocard'  |
+| Option      | type      | description               | Stats Card (default) | Repo Card (default) | Top Lang Card (default) |
+| ----------- | --------- | --------------------------| -------------------- | ------------------- | -------------------  |
+| title_color | hex color | 标题颜色                   | 2f80ed               | 2f80ed              | 2f80ed              |
+| text_color  | hex color | 字体颜色                   | 333                  | 333                 | 333                 |
+| icon_color  | hex color | 图标颜色                   | 4c71f2               | 586069              | 586069              |
+| bg_color    | hex color | 卡片背景颜色                | FFFEFE               | FFFEFE              | FFFEFE              |
+| line_height | number    | 文字行高                   | 30                   | N/A                 | N/A                 |
+| hide        | CSV       | 隐藏指定统计项              | undfined             | N/A                 | undefined          |
+| hide_rank   | boolean   | 隐藏评分等级                | false                | N/A                 | N/A                 |
+| hide_title  | boolean   | 隐藏卡片标题                | false                | N/A                 | false               |
+| hide_border | boolean   | 隐藏卡片边框                | false                | N/A                 | N/A                 |
+| show_owner  | boolean   | 显示 Repo 卡片所属账户用户名  | N/A                  | false               | N/A                |
+| show_icons  | boolean   | 显示图标                   | false                | N/A                 | N/A                 |
+| theme       | string    | 设置主题                   | 'default'            | 'default_repocard'  | 'default'          |
+| cache_seconds | number  | 手动设置自定义缓存控制        | 1800                 | 1800               |'1800'            |
+| count_private | boolean   | 统计私人贡献计数           | false                | N/A                 | N/A                |
+| layout        | string    | 布局方式                  | N/A                  | N/A                 | 'default'          |

---

-### Demo
-
- 默认
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)
-
- 隐藏特定数据
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","issues"])
-
- 显示图标
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["issues"]&show_icons=true)
-
- 主题
-
-从 [默认主题](#主题) 中进行选择
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
-
- 自定义统计卡片
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api/?username=anuraghazra&show_icons=true&title_color=fff&icon_color=79ff97&text_color=9f9f9f&bg_color=151515)
-
- 自定义代码库卡片
-
-![Customized Card](https://github-readme-stats.vercel.app/api/pin?username=anuraghazra&repo=github-readme-stats&title_color=fff&icon_color=f9f9f9&text_color=9f9f9f&bg_color=151515)
-
---
+> 注意缓存：Repo 卡片默认缓存 30 分钟，如果 fork 数和 star 数小于 1k ，则默认为 2小时。缓存被限制为最少30分钟，最长24小时。

 # GitHub 更多置顶

@@ -182,10 +178,22 @@ Endpoint: `api/top-langs?username=anuraghazra`
 [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&hide=语言1,语言2)](https://github.com/anuraghazra/github-readme-stats)
 ```

+### 紧凑的语言卡片布局
+
+你可以使用 `&layout=compact` 参数来改变卡片的样式。
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
+```
+
 ### Demo

 [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

+- 紧凑布局
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
+
 ---

 ### 全部Demo
@@ -196,11 +204,11 @@ Endpoint: `api/top-langs?username=anuraghazra`

 - 隐藏特定数据

-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","issues"])
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,issues)

 - 显示图标

-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["issues"]&show_icons=true)
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=issues&show_icons=true)

 - 主题

@@ -56,6 +56,18 @@ Para ocultar alguna estadística específica, puedes utilizar el parámetro `?hi
 ![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","prs"])
 ```

+### Agregar contribuciones privadas al total de commits contados
+
+Puede agregar el recuento de todas sus contribuciones privadas al recuento total de confirmaciones utilizando el parámetro de consulta `?count_private=true`.
+
+_Nota: Si está desplegando este proyecto usted mismo, las contribuciones privadas se contarán de manera predeterminada; de lo contrario, deberá elegir compartir sus recuentos de contribuciones privadas._
+
+> Opciones: `&count_private=true`
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&count_private=true)
+```
+
 ### Mostrar íconos

 Para habilitar los íconos, puedes utilizar `show_icons=true` como parámetro, de esta manera:
@@ -0,0 +1,115 @@
+const theme = require("../themes/index");
+const fs = require("fs");
+
+const TARGET_FILE = "./themes/README.md";
+const REPO_CARD_LINKS_FLAG = "<!-- REPO_CARD_LINKS -->";
+const STAT_CARD_LINKS_FLAG = "<!-- STATS_CARD_LINKS -->";
+
+const STAT_CARD_TABLE_FLAG = "<!-- STATS_CARD_TABLE -->";
+const REPO_CARD_TABLE_FLAG = "<!-- REPO_CARD_TABLE -->";
+
+const THEME_TEMPLATE = `## Available Themes
+
+<!-- DO NOT EDIT THIS FILE DIRECTLY -->
+
+With inbuilt themes you can customize the look of the card without doing any manual customization.
+
+Use \`?theme=THEME_NAME\` parameter like so :-
+
+\`\`\`md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=dark&show_icons=true)
+\`\`\`
+
+## Stats
+
+> These themes work both for the Stats Card and Repo Card.
+
+| | | |
+| :--: | :--: | :--: |
+${STAT_CARD_TABLE_FLAG}
+
+## Repo Card
+
+> These themes work both for the Stats Card and Repo Card.
+
+| | | |
+| :--: | :--: | :--: |
+${REPO_CARD_TABLE_FLAG}
+
+${STAT_CARD_LINKS_FLAG}
+
+${REPO_CARD_LINKS_FLAG}
+
+
+[add-theme]: https://github.com/anuraghazra/github-readme-stats/edit/master/themes/index.js
+
+Wanted to add a new theme? Consider reading the [contribution guidelines](../CONTRIBUTING.md#themes-contribution) :D
+`;
+
+const createRepoMdLink = (theme) => {
+  return `\n[${theme}_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=${theme}`;
+};
+const createStatMdLink = (theme) => {
+  return `\n[${theme}]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=${theme}`;
+};
+
+const generateLinks = (fn) => {
+  return Object.keys(theme)
+    .map((name) => fn(name))
+    .join("");
+};
+
+const createTableItem = ({ link, label, isRepoCard }) => {
+  if (!link || !label) return "";
+  return `\`${label}\` ![${link}][${link}${isRepoCard ? "_repo" : ""}]`;
+};
+const generateTable = ({ isRepoCard }) => {
+  const rows = [];
+  const themes = Object.keys(theme).filter(
+    (name) => name !== (!isRepoCard ? "default_repocard" : "default")
+  );
+
+  for (let i = 0; i < themes.length; i += 3) {
+    const one = themes[i];
+    const two = themes[i + 1];
+    const three = themes[i + 2];
+
+    let tableItem1 = createTableItem({ link: one, label: one, isRepoCard });
+    let tableItem2 = createTableItem({ link: two, label: two, isRepoCard });
+    let tableItem3 = createTableItem({ link: three, label: three, isRepoCard });
+
+    if (three === undefined) {
+      tableItem3 = `[Add your theme][add-theme]`;
+    }
+    rows.push(`| ${tableItem1} | ${tableItem2} | ${tableItem3} |`);
+
+    // if it's the last row & the row has no empty space push a new row
+    if (three && i + 3 === themes.length) {
+      rows.push(`| [Add your theme][add-theme] | | |`);
+    }
+  }
+
+  return rows.join("\n");
+};
+
+const buildReadme = () => {
+  return THEME_TEMPLATE.split("\n")
+    .map((line) => {
+      if (line.includes(REPO_CARD_LINKS_FLAG)) {
+        return generateLinks(createRepoMdLink);
+      }
+      if (line.includes(STAT_CARD_LINKS_FLAG)) {
+        return generateLinks(createStatMdLink);
+      }
+      if (line.includes(REPO_CARD_TABLE_FLAG)) {
+        return generateTable({ isRepoCard: true });
+      }
+      if (line.includes(STAT_CARD_TABLE_FLAG)) {
+        return generateTable({ isRepoCard: false });
+      }
+      return line;
+    })
+    .join("\n");
+};
+
+fs.writeFileSync(TARGET_FILE, buildReadme());
@@ -0,0 +1,14 @@
+#!/bin/bash
+set -x
+set -e
+
+export BRANCH_NAME=updated-theme-readme
+git --version
+git config --global user.email "no-reply@githubreadmestats.com"
+git config --global user.name "Github Readme Stats Bot"
+git branch -d $BRANCH_NAME || true
+git checkout -b $BRANCH_NAME
+git add --all
+git commit --message "docs(theme): Auto update theme readme" || exit 0
+git remote add origin-$BRANCH_NAME https://${PERSONAL_TOKEN}@github.com/${GH_REPO}.git
+git push --force --quiet --set-upstream origin-$BRANCH_NAME $BRANCH_NAME
@@ -8,9 +8,10 @@ const fetcher = (variables, token) => {
      query: `
      query userInfo($login: String!) {
        user(login: $login) {
-          repositories(isFork: false, first: 100) {
+          # fetch only owner repos & not forks
+          repositories(ownerAffiliations: OWNER, isFork: false, first: 100) {
            nodes {
-              languages(first: 1) {
+              languages(first: 10, orderBy: {field: SIZE, direction: DESC}) {
                edges {
                  size
                  node {
@@ -49,18 +50,13 @@ async function fetchTopLanguages(username) {
    .filter((node) => {
      return node.languages.edges.length > 0;
    })
-    .sort((a, b) => {
-      return b.languages.edges[0].size - a.languages.edges[0].size;
-    })
-    .map((node) => {
-      return node.languages.edges[0];
-    })
+    .reduce((acc, curr) => curr.languages.edges.concat(acc), [])
+    .sort((a, b) => b.size - a.size)
    .reduce((acc, prev) => {
      let langSize = prev.size;
      if (acc[prev.node.name] && prev.node.name === acc[prev.node.name].name) {
        langSize = prev.size + acc[prev.node.name].size;
      }
-
      return {
        ...acc,
        [prev.node.name]: {
@@ -3,6 +3,7 @@ const {
  encodeHTML,
  getCardColors,
  FlexLayout,
+  wrapTextMultiline,
 } = require("../src/utils");
 const icons = require("./icons");
 const toEmoji = require("emoji-name-map");
@@ -31,7 +32,6 @@ const renderRepoCard = (repo, options = {}) => {
  const langName = (primaryLanguage && primaryLanguage.name) || "Unspecified";
  const langColor = (primaryLanguage && primaryLanguage.color) || "#333";

-  const height = 120;
  const shiftText = langName.length > 15 ? 0 : 30;

  let desc = description || "No description provided";
@@ -41,9 +41,12 @@ const renderRepoCard = (repo, options = {}) => {
    return toEmoji.get(emoji) || "";
  });

-  if (desc.length > 55) {
-    desc = `${desc.slice(0, 55)}..`;
-  }
+  const multiLineDescription = wrapTextMultiline(desc);
+  const descriptionLines = multiLineDescription.length;
+  const lineHeight = 10;
+
+  const height =
+    (descriptionLines > 1 ? 120 : 110) + descriptionLines * lineHeight;

  // returns theme based colors with proper overrides and defaults
  const { titleColor, textColor, iconColor, bgColor } = getCardColors({
@@ -60,11 +63,11 @@ const renderRepoCard = (repo, options = {}) => {
  const getBadgeSVG = (label) => `
    <g data-testid="badge" class="badge" transform="translate(320, 38)">
      <rect stroke="${textColor}" stroke-width="1" width="70" height="20" x="-12" y="-14" ry="10" rx="10"></rect>
-      <text 
+      <text
        x="23" y="-5"
-        alignment-baseline="central" 
-        dominant-baseline="central" 
-        text-anchor="middle" 
+        alignment-baseline="central"
+        dominant-baseline="central"
+        text-anchor="middle"
        fill="${textColor}"
      >
        ${label}
@@ -74,7 +77,7 @@ const renderRepoCard = (repo, options = {}) => {

  const svgLanguage = primaryLanguage
    ? `
-    <g data-testid="primary-lang" transform="translate(30, 100)">
+    <g data-testid="primary-lang" transform="translate(30, 0)">
      <circle data-testid="lang-color" cx="0" cy="-5" r="6" fill="${langColor}" />
      <text data-testid="lang-name" class="gray" x="15">${langName}</text>
    </g>
@@ -124,15 +127,23 @@ const renderRepoCard = (repo, options = {}) => {
          ? getBadgeSVG("Archived")
          : ""
      }
-      
-      <text class="description" x="25" y="70">${encodeHTML(desc)}</text>
-      
-      ${svgLanguage}
-      
-      <g transform="translate(${primaryLanguage ? 155 - shiftText : 25}, 100)">
-        ${FlexLayout({ items: [svgStars, svgForks], gap: 65 }).join("")}
-      </g>

+      <text class="description" x="25" y="50">
+        ${multiLineDescription
+          .map((line) => `<tspan dy="1.2em" x="25">${encodeHTML(line)}</tspan>`)
+          .join("")}
+      </text>
+
+      <g transform="translate(0, ${height - 20})">
+        ${svgLanguage}
+
+        <g 
+          data-testid="star-fork-group" 
+          transform="translate(${primaryLanguage ? 155 - shiftText : 25}, 0)"
+        >
+          ${FlexLayout({ items: [svgStars, svgForks], gap: 65 }).join("")}
+        </g>
+      </g>
    </svg>
  `;
 };
@@ -11,11 +11,11 @@ const createProgressNode = ({ width, color, name, progress }) => {
    <text x="${progressTextX}" y="34" class="lang-name">${progress}%</text>
    <svg width="${progressWidth}">
      <rect rx="5" ry="5" x="0" y="25" width="${progressWidth}" height="8" fill="#ddd"></rect>
-      <rect 
-        height="8" 
+      <rect
+        height="8"
        fill="${color}"
-        rx="5" ry="5" x="0" y="25" 
-        data-testid="lang-progress" 
+        rx="5" ry="5" x="0" y="25"
+        data-testid="lang-progress"
        width="${progressPercentage}%"
      >
      </rect>
@@ -23,6 +23,41 @@ const createProgressNode = ({ width, color, name, progress }) => {
  `;
 };

+const createCompactLangNode = ({ lang, totalSize, x, y }) => {
+  const percentage = ((lang.size / totalSize) * 100).toFixed(2);
+  const color = lang.color || "#858585";
+
+  return `
+    <g transform="translate(${x}, ${y})">
+      <circle cx="5" cy="6" r="5" fill="${color}" />
+      <text data-testid="lang-name" x="15" y="10" class='lang-name'>
+        ${lang.name} ${percentage}%
+      </text>
+    </g>
+  `;
+};
+
+const createLanguageTextNode = ({ langs, totalSize, x, y }) => {
+  return langs.map((lang, index) => {
+    if (index % 2 === 0) {
+      return createCompactLangNode({
+        lang,
+        x,
+        y: 12.5 * index + y,
+        totalSize,
+        index,
+      });
+    }
+    return createCompactLangNode({
+      lang,
+      x: 150,
+      y: 12.5 + 12.5 * index,
+      totalSize,
+      index,
+    });
+  });
+};
+
 const lowercaseTrim = (name) => name.toLowerCase().trim();

 const renderTopLanguages = (topLangs, options = {}) => {
@@ -34,6 +69,7 @@ const renderTopLanguages = (topLangs, options = {}) => {
    bg_color,
    hide,
    theme,
+    layout,
  } = options;

  let langs = Object.values(topLangs);
@@ -54,7 +90,7 @@ const renderTopLanguages = (topLangs, options = {}) => {
      return !langsToHide[lowercaseTrim(lang.name)];
    });

-  const totalSize = langs.reduce((acc, curr) => {
+  const totalLanguageSize = langs.reduce((acc, curr) => {
    return acc + curr.size;
  }, 0);

@@ -66,12 +102,78 @@ const renderTopLanguages = (topLangs, options = {}) => {
    theme,
  });

-  const width = isNaN(card_width) ? 300 : card_width;
+  let width = isNaN(card_width) ? 300 : card_width;
  let height = 45 + (langs.length + 1) * 40;

+  let finalLayout = "";
+
+  // RENDER COMPACT LAYOUT
+  if (layout === "compact") {
+    width = width + 50;
+    height = 30 + (langs.length / 2 + 1) * 40;
+
+    // progressOffset holds the previous language's width and used to offset the next language
+    // so that we can stack them one after another, like this: [--][----][---]
+    let progressOffset = 0;
+    const compactProgressBar = langs
+      .map((lang) => {
+        const percentage = (
+          (lang.size / totalLanguageSize) *
+          (width - 50)
+        ).toFixed(2);
+
+        const progress =
+          percentage < 10 ? parseFloat(percentage) + 10 : percentage;
+
+        const output = `
+          <rect
+            mask="url(#rect-mask)" 
+            data-testid="lang-progress"
+            x="${progressOffset}" 
+            y="0"
+            width="${progress}" 
+            height="8"
+            fill="${lang.color || "#858585"}"
+          />
+        `;
+        progressOffset += parseFloat(percentage);
+        return output;
+      })
+      .join("");
+
+    finalLayout = `
+      <mask id="rect-mask">
+        <rect x="0" y="0" width="${
+          width - 50
+        }" height="8" fill="white" rx="5" />
+      </mask>
+      ${compactProgressBar}
+      ${createLanguageTextNode({
+        x: 0,
+        y: 25,
+        langs,
+        totalSize: totalLanguageSize,
+      }).join("")}
+    `;
+  } else {
+    finalLayout = FlexLayout({
+      items: langs.map((lang) => {
+        return createProgressNode({
+          width: width,
+          name: lang.name,
+          color: lang.color || "#858585",
+          progress: ((lang.size / totalLanguageSize) * 100).toFixed(2),
+        });
+      }),
+      gap: 40,
+      direction: "column",
+    }).join("");
+  }
+
  if (hide_title) {
    height -= 30;
  }
+
  return `
    <svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}" fill="none" xmlns="http://www.w3.org/2000/svg">
      <style>
@@ -80,26 +182,14 @@ const renderTopLanguages = (topLangs, options = {}) => {
      </style>
      <rect data-testid="card-bg" x="0.5" y="0.5" width="99.7%" height="99%" rx="4.5" fill="${bgColor}" stroke="#E4E2E2"/>

-      
      ${
        hide_title
          ? ""
-          : `<text data-testid="header" x="25" y="35" class="header">Top Languages</text>`
+          : `<text data-testid="header" x="25" y="35" class="header">Most Used Languages</text>`
      }

      <svg data-testid="lang-items" x="25" y="${hide_title ? 25 : 55}">
-      ${FlexLayout({
-        items: langs.map((lang) => {
-          return createProgressNode({
-            width: width,
-            name: lang.name,
-            color: lang.color || "#858585",
-            progress: ((lang.size / totalSize) * 100).toFixed(2),
-          });
-        }),
-        gap: 40,
-        direction: "column",
-      }).join("")}
+        ${finalLayout}
      </svg>
    </svg>
  `;
@@ -1,4 +1,5 @@
 const axios = require("axios");
+const wrap = require("word-wrap");
 const themes = require("../themes");

 const renderError = (message, secondaryMessage = "") => {
@@ -127,10 +128,27 @@ function getCardColors({
  return { titleColor, iconColor, textColor, bgColor };
 }

-const fn = () => {};
+function wrapTextMultiline(text, width = 60, maxLines = 3) {
+  const wrapped = wrap(encodeHTML(text), { width })
+    .split("\n") // Split wrapped lines to get an array of lines
+    .map((line) => line.trim()); // Remove leading and trailing whitespace of each line
+
+  const lines = wrapped.slice(0, maxLines); // Only consider maxLines lines
+
+  // Add "..." to the last line if the text exceeds maxLines
+  if (wrapped.length > maxLines) {
+    lines[maxLines - 1] += "...";
+  }
+
+  // Remove empty lines if text fits in less than maxLines lines
+  const multiLineText = lines.filter(Boolean);
+  return multiLineText;
+}
+
+const noop = () => {};
 // return console instance based on the environment
 const logger =
-  process.env.NODE_ENV !== "test" ? console : { log: fn, error: fn };
+  process.env.NODE_ENV !== "test" ? console : { log: noop, error: noop };

 const CONSTANTS = {
  THIRTY_MINUTES: 1800,
@@ -150,6 +168,7 @@ module.exports = {
  FlexLayout,
  getCardColors,
  clampValue,
+  wrapTextMultiline,
  logger,
  CONSTANTS,
 };
@@ -29,7 +29,7 @@ describe("Test renderRepoCard", () => {
    expect(header).toHaveTextContent("convoychat");
    expect(header).not.toHaveTextContent("anuraghazra");
    expect(document.getElementsByClassName("description")[0]).toHaveTextContent(
-      "Help us take over the world! React + TS + GraphQL Chat .."
+      "Help us take over the world! React + TS + GraphQL Chat App"
    );
    expect(queryByTestId(document.body, "stargazers")).toHaveTextContent("38k");
    expect(queryByTestId(document.body, "forkcount")).toHaveTextContent("100");
@@ -55,12 +55,16 @@ describe("Test renderRepoCard", () => {
    document.body.innerHTML = renderRepoCard({
      ...data_repo.repository,
      description:
-        "Very long long long long long long long long text it should trim it",
+        "The quick brown fox jumps over the lazy dog is an English-language pangram—a sentence that contains all of the letters of the English alphabet",
    });

-    expect(document.getElementsByClassName("description")[0]).toHaveTextContent(
-      "Very long long long long long long long long text it sh.."
-    );
+    expect(
+      document.getElementsByClassName("description")[0].children[0].textContent
+    ).toBe("The quick brown fox jumps over the lazy dog is an");
+
+    expect(
+      document.getElementsByClassName("description")[0].children[1].textContent
+    ).toBe("English-language pangram—a sentence that contains all");

    // Should not trim
    document.body.innerHTML = renderRepoCard({
@@ -95,9 +99,9 @@ describe("Test renderRepoCard", () => {
    });

    expect(queryByTestId(document.body, "primary-lang")).toBeInTheDocument();
-    expect(document.getElementsByTagName("g")[1]).toHaveAttribute(
+    expect(queryByTestId(document.body, "star-fork-group")).toHaveAttribute(
      "transform",
-      "translate(155, 100)"
+      "translate(155, 0)"
    );

    // Small lang
@@ -109,9 +113,9 @@ describe("Test renderRepoCard", () => {
      },
    });

-    expect(document.getElementsByTagName("g")[1]).toHaveAttribute(
+    expect(queryByTestId(document.body, "star-fork-group")).toHaveAttribute(
      "transform",
-      "translate(125, 100)"
+      "translate(125, 0)"
    );
  });

@@ -154,7 +158,7 @@ describe("Test renderRepoCard", () => {
    expect(iconClassStyles.fill).toBe("#586069");
    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
      "fill",
-      "#FFFEFE"
+      "#fffefe"
    );
  });

@@ -104,7 +104,7 @@ describe("Test renderStatsCard", () => {
    expect(iconClassStyles.fill).toBe("#4c71f2");
    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
      "fill",
-      "#FFFEFE"
+      "#fffefe"
    );
  });

@@ -32,7 +32,7 @@ describe("Test renderTopLanguages", () => {
    document.body.innerHTML = renderTopLanguages(langs);

    expect(queryByTestId(document.body, "header")).toHaveTextContent(
-      "Top Languages"
+      "Most Used Languages"
    );

    expect(queryAllByTestId(document.body, "lang-name")[0]).toHaveTextContent(
@@ -139,7 +139,7 @@ describe("Test renderTopLanguages", () => {
    expect(langNameStyles.fill).toBe("#333");
    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
      "fill",
-      "#FFFEFE"
+      "#fffefe"
    );
  });

@@ -207,4 +207,19 @@ describe("Test renderTopLanguages", () => {
      );
    });
  });
+
+  it('should render with layout compact', () => {
+    document.body.innerHTML = renderTopLanguages(langs, {layout: 'compact'});
+
+    expect(queryByTestId(document.body, "header")).toHaveTextContent("Most Used Languages");
+
+    expect(queryAllByTestId(document.body, "lang-name")[0]).toHaveTextContent("HTML 40.00%");
+    expect(queryAllByTestId(document.body, "lang-progress")[0]).toHaveAttribute("width","120.00");
+
+    expect(queryAllByTestId(document.body, "lang-name")[1]).toHaveTextContent("javascript 40.00%");
+    expect(queryAllByTestId(document.body, "lang-progress")[1]).toHaveAttribute("width","120.00");
+
+    expect(queryAllByTestId(document.body, "lang-name")[2]).toHaveTextContent("css 20.00%");
+    expect(queryAllByTestId(document.body, "lang-progress")[2]).toHaveAttribute("width","60.00");
+  })
 });
@@ -12,7 +12,7 @@ const data_langs = {
        nodes: [
          {
            languages: {
-              edges: [{ size: 100, node: { color: "#0f0", name: "HTML" } }],
+              edges: [{ size: 150, node: { color: "#0f0", name: "HTML" } }],
            },
          },
          {
@@ -55,7 +55,7 @@ const langs = {
  HTML: {
    color: "#0f0",
    name: "HTML",
-    size: 200,
+    size: 250,
  },
  javascript: {
    color: "#0ff",
@@ -5,6 +5,7 @@ const {
  renderError,
  FlexLayout,
  getCardColors,
+  wrapTextMultiline,
 } = require("../src/utils");

 const { queryByTestId } = require("@testing-library/dom");
@@ -108,3 +109,28 @@ describe("Test utils.js", () => {
    });
  });
 });
+
+describe("wrapTextMultiline", () => {
+  it("should not wrap small texts", () => {
+    {
+      let multiLineText = wrapTextMultiline("Small text should not wrap");
+      expect(multiLineText).toEqual(["Small text should not wrap"]);
+    }
+  });
+  it("should wrap large texts", () => {
+    let multiLineText = wrapTextMultiline(
+      "Hello world long long long text",
+      20,
+      3
+    );
+    expect(multiLineText).toEqual(["Hello world long", "long long text"]);
+  });
+  it("should wrap large texts and limit max lines", () => {
+    let multiLineText = wrapTextMultiline(
+      "Hello world long long long text",
+      10,
+      2
+    );
+    expect(multiLineText).toEqual(["Hello", "world long..."]);
+  });
+});
@@ -1,68 +1,90 @@
 ## Available Themes

+<!-- DO NOT EDIT THIS FILE DIRECTLY -->
+
 With inbuilt themes you can customize the look of the card without doing any manual customization.

 Use `?theme=THEME_NAME` parameter like so :-

 ```md
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=dark&show_icons=true
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=dark&show_icons=true)
 ```

 ## Stats

 > These themes work both for the Stats Card and Repo Card.

-|                               |                                        |                                              |
-| :---------------------------: | :------------------------------------: | :------------------------------------------: |
-| `default` ![default][default] |     `radical` ![radical][radical]      |           `merko` ![merko][merko]            |
-| `gruvbox` ![gruvbox][gruvbox] | `tokyonight` ![tokyonight][tokyonight] |        `onedark` ![onedark][onedark]         |
-|  `cobalt` ![cobalt][cobalt]   |  `synthwave` ![synthwave][synthwave]   | `highcontrast` ![highcontrast][highcontrast] |
-| `dracula` ![dracula][dracula] |          `dark` ![dark][dark]          |      `prussian` ![prussian][prussian]        |
-| [Add your theme][add-theme]   |||
+| | | |
+| :--: | :--: | :--: |
+| `default` ![default][default] | `dark` ![dark][dark] | `radical` ![radical][radical] |
+| `merko` ![merko][merko] | `gruvbox` ![gruvbox][gruvbox] | `tokyonight` ![tokyonight][tokyonight] |
+| `onedark` ![onedark][onedark] | `cobalt` ![cobalt][cobalt] | `synthwave` ![synthwave][synthwave] |
+| `highcontrast` ![highcontrast][highcontrast] | `dracula` ![dracula][dracula] | `prussian` ![prussian][prussian] |
+| `monokai` ![monokai][monokai] | `vue` ![vue][vue] | `shades-of-purple` ![shades-of-purple][shades-of-purple] |
+| `nightowl` ![nightowl][nightowl] | `buefy` ![buefy][buefy] | `blue-green` ![blue-green][blue-green] |
+| `algolia` ![algolia][algolia] | `great-gatsby` ![great-gatsby][great-gatsby] | [Add your theme][add-theme] |

 ## Repo Card

 > These themes work both for the Stats Card and Repo Card.

-|                                                          |                                                 |                                                       |
-| :------------------------------------------------------: | :---------------------------------------------: | :---------------------------------------------------: |
-| `default_repocard` ![default_repocard][default_repocard] |     `radical` ![radical][radical_repocard]      |           `merko` ![merko][merko_repocard]            |
-|          `gruvbox` ![gruvbox][gruvbox_repocard]          | `tokyonight` ![tokyonight][tokyonight_repocard] |        `onedark` ![onedark][onedark_repocard]         |
-|           `cobalt` ![cobalt][cobalt_repocard]            |  `synthwave` ![synthwave][synthwave_repocard]   | `highcontrast` ![highcontrast][highcontrast_repocard] |
-|          `dracula` ![dracula][dracula_repocard]          |     `dark` ![dark_repocard][dark_repocard]      |  `prussian` ![prussian_repocard][prussian_repocard]         |
-| [Add your theme][add-theme]   |||
+| | | |
+| :--: | :--: | :--: |
+| `default_repocard` ![default_repocard][default_repocard_repo] | `dark` ![dark][dark_repo] | `radical` ![radical][radical_repo] |
+| `merko` ![merko][merko_repo] | `gruvbox` ![gruvbox][gruvbox_repo] | `tokyonight` ![tokyonight][tokyonight_repo] |
+| `onedark` ![onedark][onedark_repo] | `cobalt` ![cobalt][cobalt_repo] | `synthwave` ![synthwave][synthwave_repo] |
+| `highcontrast` ![highcontrast][highcontrast_repo] | `dracula` ![dracula][dracula_repo] | `prussian` ![prussian][prussian_repo] |
+| `monokai` ![monokai][monokai_repo] | `vue` ![vue][vue_repo] | `shades-of-purple` ![shades-of-purple][shades-of-purple_repo] |
+| `nightowl` ![nightowl][nightowl_repo] | `buefy` ![buefy][buefy_repo] | `blue-green` ![blue-green][blue-green_repo] |
+| `algolia` ![algolia][algolia_repo] | `great-gatsby` ![great-gatsby][great-gatsby_repo] | [Add your theme][add-theme] |


-<!-- Repo Card Theme previews -->
+[default]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=default
+[default_repocard]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=default_repocard
+[dark]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=dark
+[radical]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=radical
+[merko]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=merko
+[gruvbox]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=gruvbox
+[tokyonight]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=tokyonight
+[onedark]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=onedark
+[cobalt]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=cobalt
+[synthwave]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=synthwave
+[highcontrast]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=highcontrast
+[dracula]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=dracula
+[prussian]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=prussian
+[monokai]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=monokai
+[vue]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=vue
+[shades-of-purple]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=shades-of-purple
+[nightowl]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=nightowl
+[buefy]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=buefy
+[blue-green]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=blue-green
+[algolia]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=algolia
+[great-gatsby]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=great-gatsby

-[default_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=default_repocard
-[dark_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=dark
-[radical_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=radical
-[merko_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=merko
-[gruvbox_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=gruvbox
-[cobalt_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=cobalt
-[dark_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=dark
-[dracula_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=dracula
-[tokyonight_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=tokyonight
-[synthwave_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=synthwave
-[onedark_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=onedark
-[highcontrast_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=highcontrast
-[prussian_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=prussian

-<!-- Stats Theme previews -->
-
-[default]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=default&hide=["contribs","prs"]&cache_seconds=86400
-[dark]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=dark&hide=["contribs","prs"]&cache_seconds=86400
-[radical]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=radical&hide=["contribs","prs"]&cache_seconds=86400
-[merko]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=merko&hide=["contribs","prs"]&cache_seconds=86400
-[gruvbox]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=gruvbox&hide=["contribs","prs"]&cache_seconds=86400
-[tokyonight]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=tokyonight&hide=["contribs","prs"]&cache_seconds=86400
-[onedark]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=onedark&hide=["contribs","prs"]&cache_seconds=86400
-[cobalt]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=cobalt&hide=["contribs","prs"]&cache_seconds=86400
-[synthwave]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=synthwave&hide=["contribs","prs"]&cache_seconds=86400
-[highcontrast]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=highcontrast&hide=["contribs","prs"]&cache_seconds=86400
-[dracula]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=dracula&hide=["contribs","prs"]&cache_seconds=86400
-[prussian]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=prussian&hide=["contribs","prs"]&cache_seconds=86400
+[default_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=default
+[default_repocard_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=default_repocard
+[dark_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=dark
+[radical_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=radical
+[merko_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=merko
+[gruvbox_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=gruvbox
+[tokyonight_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=tokyonight
+[onedark_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=onedark
+[cobalt_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=cobalt
+[synthwave_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=synthwave
+[highcontrast_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=highcontrast
+[dracula_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=dracula
+[prussian_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=prussian
+[monokai_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=monokai
+[vue_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=vue
+[shades-of-purple_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=shades-of-purple
+[nightowl_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=nightowl
+[buefy_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=buefy
+[blue-green_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=blue-green
+[algolia_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=algolia
+[great-gatsby_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=great-gatsby


 [add-theme]: https://github.com/anuraghazra/github-readme-stats/edit/master/themes/index.js
+
+Wanted to add a new theme? Consider reading the [contribution guidelines](../CONTRIBUTING.md#themes-contribution) :D
@@ -3,13 +3,13 @@ const themes = {
    title_color: "2f80ed",
    icon_color: "4c71f2",
    text_color: "333",
-    bg_color: "FFFEFE",
+    bg_color: "fffefe",
  },
  default_repocard: {
    title_color: "2f80ed",
    icon_color: "586069", // icon color is different
    text_color: "333",
-    bg_color: "FFFEFE",
+    bg_color: "fffefe",
  },
  dark: {
    title_color: "fff",
@@ -87,20 +87,44 @@ const themes = {
    title_color: "41b883",
    icon_color: "41b883",
    text_color: "273849",
-    bg_color: "FFFEFE",
+    bg_color: "fffefe",
  },
  "shades-of-purple": {
-    title_color: "FAD000",
-    icon_color: "FB94FF",
-    text_color: "A599E9",
-    bg_color: "2D2B55",
+    title_color: "fad000",
+    icon_color: "b362ff",
+    text_color: "a599e9",
+    bg_color: "2d2b55",
  },
  nightowl: {
-    title_color: "C792EA",
-    icon_color: "FFEB95",
-    text_color: "7FDBCA",
+    title_color: "c792ea",
+    icon_color: "ffeb95",
+    text_color: "7fdbca",
    bg_color: "011627",
  },
+  buefy: {
+    title_color: "7957d5",
+    icon_color: "ff3860",
+    text_color: "363636",
+    bg_color: "ffffff",
+  },
+  "blue-green": {
+    title_color: "2f97c1",
+    icon_color: "f5b700",
+    text_color: "0cf574",
+    bg_color: "040f0f",
+  },
+  "algolia": {
+    title_color: "00AEFF",
+    icon_color: "2DDE98",
+    text_color: "FFFFFF",
+    bg_color: "050F2C",
+  },
+  "great-gatsby":{
+    title_color: "ffa726",
+    icon_color: "ffb74d",
+    text_color: "ffd95b",
+    bg_color: "000000",
+  },
 };

 module.exports = themes;
Author	SHA1	Message	Date
anuraghazra	826f0201aa	feat: improved top lang fetching & changed title Test / build (push) Canceled after 0s Details	2020-07-28 23:33:43 +05:30
Anurag Hazra	f7f8ee7ba0	docs(theme): Auto update theme readme (#232 ) Co-authored-by: Github Readme Stats Bot <hazru.anurag@gmail.com>	2020-07-28 17:17:30 +05:30
Paolo TormonandAnurag Hazra	3206c68f71	style(theme): Added Great Gatsby Theme (#231 ) * Added Gatsby Theme * chore: change theme name Co-authored-by: Anurag Hazra <hazru.anurag@gmail.com>	2020-07-28 17:13:35 +05:30
Sprite	12ec9fd715	docs: fix readme typo (#228 )	2020-07-28 17:09:36 +05:30
Jasper Pilgrim	596897f9af	docs: Fix typo (#222 )	2020-07-28 12:30:28 +05:30
natee	2fa229ac7e	docs(translation): Update Chinese readme (#225 ) * update Chinese readme * readme demo usage error	2020-07-28 12:29:37 +05:30
Anurag Hazra	51ba2d206a	Merge pull request #180 from moonantonio/master docs(translation): Update readme_es.md	2020-07-27 22:41:19 +05:30
anuraghazra	f82a89fbc0	docs: update themes doc	2020-07-27 22:30:28 +05:30
Anurag Hazra	b4882408c6	Merge pull request #219 from anuraghazra/auto-theme-readme fix: readme generation script	2020-07-27 22:24:53 +05:30
anuraghazra	5076d88a34	fix: readme generation script Test / build (push) Canceled after 0s Details	2020-07-27 22:22:38 +05:30
Anurag Hazra	243dd0f204	Merge pull request #214 from judicaelandria/patch-1 style(theme): added algolia theme	2020-07-27 19:24:27 +05:30
Judicael	45cb505a5b	added: theme algolia	2020-07-27 16:44:13 +03:00
Leo Hanischandanuraghazra	11757dba42	feat: multiline text in repo description (#206 ) * Enable multi line repo card descriptions * Adjust unit tests to multi line descriptions * refactor: refactored code & fixed tests * style: minor height adjustments * chore: codecov stuck Co-authored-by: anuraghazra <hazru.anurag@gmail.com>	2020-07-27 14:09:35 +05:30
Anurag Hazra	68198d8b16	Merge pull request #204 from SSARCandy/master fix: fetch top lang in each repository	2020-07-26 22:19:26 +05:30
ssarcandy	d929e8b20a	fix: fetch top lang in ech repository	2020-07-27 00:26:50 +08:00
Sagarandanuraghazra	b8330a88e1	feat: Added compact layout for top languages card (#179 ) * compact layout for top langs card * 🐞 FIX: most used lang should be first, apply correct colors, removed nested svgs and height set * 🐞 FIX: conditionally rendering layout compact * 🐞 FIX: border radius on lang progressbar * refactor: refactored code & fixed bugs * fix: toFixed * chore: change string interpolation * docs: updated readme Co-authored-by: anuraghazra <hazru.anurag@gmail.com>	2020-07-26 21:45:23 +05:30
taichi uchihara	3bdcf3d61f	docs: fix typo (#202 )	2020-07-26 20:44:09 +05:30
anuraghazra	845e90b42e	Merge branch 'master' of https://github.com/anuraghazra/github-readme-stats	2020-07-26 14:46:58 +05:30
anuraghazra	59e295f35b	chore: my godh please work	2020-07-26 14:46:23 +05:30
Anurag Hazra	8be88461b4	chore: change color codes to lowercase (#198 ) * chore: change color codes to lowercase * fix: tests	2020-07-26 14:44:20 +05:30
Anurag Hazra	9bd1bad491	Merge pull request #197 from anuraghazra/auto-theme-readme fix: workflow file in readme generator	2020-07-26 14:33:27 +05:30
anuraghazra	1f79d503bd	fix: workflow file	2020-07-26 14:32:17 +05:30
Anurag Hazra	1b23175fa6	Merge pull request #195 from the-it-weirdo/patch-1 style(theme): adds a new theme: "blue-green"	2020-07-26 14:30:33 +05:30
Anurag Hazra	9e8d4aeb38	Merge pull request #196 from anuraghazra/auto-theme-readme infra: added auto theme readme generator script	2020-07-26 14:27:06 +05:30
anuraghazra	ef57cc7dcf	fix: readme generate script 'Add new theme' table item	2020-07-26 14:24:13 +05:30
anuraghazra	f0a0dfe51c	infra: added auto theme readme generator script	2020-07-26 14:11:30 +05:30
Debaleen Das Spandan	c1438fe7c5	adds a new theme: "blue-green" I added a new theme. Hope you like it.	2020-07-26 13:50:57 +05:30
anuraghazra	7f220bb072	docs: updated & fixed themes.md	2020-07-26 13:15:11 +05:30
Ming Tsai	57cf490e3e	style(themes): add buefy theme (#193 ) * styles(themes): add buefy configuration * docs(theme): update table * docs: add missing parentheses on the example	2020-07-26 13:10:35 +05:30
Ahmad Awais ⚡️	6d1b1e220c	👌 IMPROVE: Shades of Purple Icon color (#190 ) Looks like this https://github-readme-stats.vercel.app/api?username=maedahbatool&show_icons=true&theme=shades-of-purple&icon_color=B362FF	2020-07-25 20:56:23 +05:30
Anurag Hazra	662ae95b02	docs: updated themes table	2020-07-25 20:54:46 +05:30
Anurag HazraandVasu Gamdha	e38df2932c	docs: added CONTRIBUTING.md (#188 ) * Create CONTRIBUTING.md * docs: added contributing.md Co-authored-by: Vasu Gamdha <40864108+vasugamdha@users.noreply.github.com>	2020-07-25 20:34:42 +05:30
MoonAntonio	463564382a	Update readme_es.md	2020-07-24 20:52:13 +02:00