feat: Add transparent theme (#126)

* ✅ Add transparent hex color at test * 💄 Add transparent theme * 📝 Add transparent theme at readme
vn7n24fzkq · Jan 9, 2023 · 34034c4 · 34034c4
1 parent 39a767d
commit 34034c4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -89,6 +89,8 @@ high-quality software at speed with Foresight.
 |![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=gruvbox)|![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=monokai)| ![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=nord_bright)|![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=nord_dark)  |![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=radical)|
 |solarized|solarized_dark|tokyonight|vue|zenburn|
 |![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=solarized)|![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=solarized_dark)| ![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=tokyonight)|![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=vue)  |![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=zenburn)|
+|transparent|
+|![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=transparent)|
 
 [More themes](https://github.com/vn7n24fzkq/github-profile-summary-cards-example/tree/master/profile-summary-card-output)
 

diff --git a/src/const/theme.ts b/src/const/theme.ts
@@ -34,3 +34,4 @@ ThemeMap.set('tokyonight', new Theme('#70a5fd', '#38bdae', '#1a1b27', '#1a1b27',
 ThemeMap.set('vue', new Theme('#41b883', '#000000', '#ffffff', '#e4e2e2', '#41b883', '#41b883'));
 ThemeMap.set('zenburn', new Theme('#f0dfaf', '#dcdccc', '#3f3f3f', '#3f3f3f', '#8cd0d3', '#7f9f7f'));
 ThemeMap.set('moonlight', new Theme('#ff757f', '#f8f8f8', '#222436', '#222436', '#599dff', '#ff757f'));
+ThemeMap.set('transparent', new Theme('#006AFF', '#417E87', '#00000000', '#00000000', '#0579C3', '#006AFF'));
diff --git a/tests/const/theme.test.ts b/tests/const/theme.test.ts
@@ -2,7 +2,7 @@ import {ThemeMap} from '../../src/const/theme';
 
 describe('Validate all theme', () => {
     it('theme colors are match the color regex', () => {
-        const colorRegex = /^#[0-9A-Fa-f]{6}$/;
+        const colorRegex = /^#[0-9A-Fa-f]{6}$|^#0{8}$/;
         for (const theme of ThemeMap.values()) {
             expect(theme.title).toMatch(colorRegex);
             expect(theme.text).toMatch(colorRegex);