Skip to content

Commit 53b097d

Browse files
0l1v3rr0l1v3rr
committed
added more themes
1 parent 205088c commit 53b097d

File tree

3 files changed

+107
-5
lines changed

3 files changed

+107
-5
lines changed

‎README.md‎

Lines changed: 47 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -89,10 +89,55 @@ Here are the themes spread in a table. The card title is the name of the theme.
8989
<table>
9090
<tr>
9191
<td>
92-
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=github&title=github&lineCount=1&line1=node.js,node.js,539E43;typescript,typescript,2D79C7;express,express.js,61DAFB">
92+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=github&title=github&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
9393
</td>
9494
<td>
95-
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=github_dark&title=github_dark&lineCount=1&line1=node.js,node.js,539E43;typescript,typescript,2D79C7;express,express.js,61DAFB">
95+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=github_dark&title=github_dark&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
96+
</td>
97+
</tr>
98+
99+
<tr>
100+
<td>
101+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=react&title=react&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
102+
</td>
103+
<td>
104+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=vue&title=vue&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
105+
</td>
106+
</tr>
107+
108+
<tr>
109+
<td>
110+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=angular&title=angular&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
111+
</td>
112+
<td>
113+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=node&title=node&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
114+
</td>
115+
</tr>
116+
117+
<tr>
118+
<td>
119+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=one_dark&title=one_dark&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
120+
</td>
121+
<td>
122+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=dracula&title=dracula&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
123+
</td>
124+
</tr>
125+
126+
<tr>
127+
<td>
128+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=monokai&title=monokai&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
129+
</td>
130+
<td>
131+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=material&title=material&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
132+
</td>
133+
</tr>
134+
135+
<tr>
136+
<td>
137+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=night_owl&title=night_owl&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
138+
</td>
139+
<td>
140+
<img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=ayu&title=ayu&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
96141
</td>
97142
</tr>
98143
</table>

‎src/cards/themes.ts‎

Lines changed: 60 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,17 +9,75 @@ export const themes: Map<string, Theme> = new Map<string, Theme>();
99
themes.set("github", {
1010
backgroundColor: "#FFFFFF",
1111
borderColor: "#D8DEE4",
12-
textColor: "#24292F",
1312
titleColor: "#0969DA",
1413
badgeColor: "#F3F3F3",
1514
});
1615
themes.set("github_dark", {
1716
backgroundColor: "#0D1117",
1817
borderColor: "#21262D",
19-
textColor: "#C9D1D9",
2018
titleColor: "#58A6FF",
2119
badgeColor: "#161B22",
2220
});
21+
themes.set("react", {
22+
backgroundColor: "#222222",
23+
borderColor: "#3B3B3B",
24+
titleColor: "#61DAFB",
25+
badgeColor: "#2B2B2B",
26+
});
27+
themes.set("vue", {
28+
backgroundColor: "#35495E",
29+
borderColor: "#3E556E",
30+
titleColor: "#41B883",
31+
badgeColor: "#3E556E",
32+
});
33+
themes.set("angular", {
34+
backgroundColor: "#1A1A1A",
35+
borderColor: "#292929",
36+
titleColor: "#E51B25",
37+
badgeColor: "#292929",
38+
});
39+
themes.set("node", {
40+
backgroundColor: "#333333",
41+
borderColor: "#474747",
42+
titleColor: "#84CE24",
43+
badgeColor: "#474747",
44+
});
45+
themes.set("one_dark", {
46+
backgroundColor: "#282C34",
47+
borderColor: "#21252B",
48+
titleColor: "#43A3EF",
49+
badgeColor: "#21252B",
50+
});
51+
themes.set("dracula", {
52+
backgroundColor: "#282A36",
53+
borderColor: "#343746",
54+
titleColor: "#BD93F9",
55+
badgeColor: "#343746",
56+
});
57+
themes.set("material", {
58+
backgroundColor: "#263238",
59+
borderColor: "#2F3D45",
60+
titleColor: "#82AADF",
61+
badgeColor: "#2F3D45",
62+
});
63+
themes.set("monokai", {
64+
backgroundColor: "#272822",
65+
borderColor: "#1D1E19",
66+
titleColor: "#79D62E",
67+
badgeColor: "#1D1E19",
68+
});
69+
themes.set("night_owl", {
70+
backgroundColor: "#011627",
71+
borderColor: "#011E36",
72+
titleColor: "#71AAF1",
73+
badgeColor: "#011E36",
74+
});
75+
themes.set("ayu", {
76+
backgroundColor: "#0B0E14",
77+
borderColor: "#151B26",
78+
titleColor: "#FFA42F",
79+
badgeColor: "#151B26",
80+
});
2381

2482
/**
2583
* Searches for the specified theme in the themes map.

‎src/cards/types.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
export interface Theme {
22
backgroundColor: string;
33
borderColor: string;
4-
textColor: string;
54
titleColor: string;
65
badgeColor: string;
76
}

0 commit comments

Comments
 (0)