diff --git a/THEMES.md b/THEMES.md
index 7b8e1cf..3459728 100644
--- a/THEMES.md
+++ b/THEMES.md
@@ -13,3 +13,4 @@
 |     **minimal**     |   <img src="./asset/minimal.png" height=250 alt="graph"/>    |
 |**material-palenight**|<img src="./asset/material-palenight.svg" height=250 alt="graph"/>|
 |**green**|<img src="./asset/green.png" height=250 alt="graph"/>|
+|**gotham**|<img src="./asset/gotham.svg" height=250 alt="graph"/>|
diff --git a/asset/gotham.svg b/asset/gotham.svg
new file mode 100644
index 0000000..2d3094a
--- /dev/null
+++ b/asset/gotham.svg
@@ -0,0 +1,175 @@
+
+    <svg
+        width="1200"
+        height="420"
+        viewBox="0 0 1200 420"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg">
+            <rect xmlns="http://www.w3.org/2000/svg" data-testid="card_bg" id="cardBg"
+            x="0" y="0" rx="2.5" height="100%" stroke="#E4E2E2" fill-opacity="1"
+            width="100%" fill="#0c1014" stroke-opacity="1" style="stroke:#0000; stroke-width:1;"/>
+
+            <style>
+                body {
+                    font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
+                }
+                .header {
+                    font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
+                    text-align: center;
+                    color: #2aa889;
+                    margin-top: 20px;
+                }
+                svg {
+                    font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
+                }
+                
+    .ct-label {
+      fill: #2aa889;
+      color: #2aa889;
+      font-size: .75rem;
+      line-height: 1;
+    }
+
+    .ct-grid-background,
+    .ct-line {
+      fill: none;
+    }
+
+    .ct-chart-bar .ct-label,
+    .ct-chart-line .ct-label {
+      display: block;
+      display: -webkit-box;
+      display: -moz-box;
+      display: -ms-flexbox;
+      display: -webkit-flex;
+      display: flex;
+    }
+
+    .ct-label.ct-horizontal.ct-start {
+      -webkit-box-align: flex-end;
+      -webkit-align-items: flex-end;
+      -ms-flex-align: flex-end;
+      align-items: flex-end;
+      -webkit-box-pack: flex-start;
+      -webkit-justify-content: flex-start;
+      -ms-flex-pack: flex-start;
+      justify-content: flex-start;
+      text-align: left;
+      text-anchor: start;
+    }
+
+    .ct-label.ct-horizontal.ct-end {
+      -webkit-box-align: flex-start;
+      -webkit-align-items: flex-start;
+      -ms-flex-align: flex-start;
+      align-items: flex-start;
+      -webkit-box-pack: flex-start;
+      -webkit-justify-content: flex-start;
+      -ms-flex-pack: flex-start;
+      justify-content: flex-start;
+      text-align: left;
+      text-anchor: start;
+    }
+
+    .ct-label.ct-vertical.ct-start {
+      -webkit-box-align: flex-end;
+      -webkit-align-items: flex-end;
+      -ms-flex-align: flex-end;
+      align-items: flex-end;
+      -webkit-box-pack: flex-end;
+      -webkit-justify-content: flex-end;
+      -ms-flex-pack: flex-end;
+      justify-content: flex-end;
+      text-align: right;
+      text-anchor: end;
+    }
+
+    .ct-label.ct-vertical.ct-end {
+      -webkit-box-align: flex-end;
+      -webkit-align-items: flex-end;
+      -ms-flex-align: flex-end;
+      align-items: flex-end;
+      -webkit-box-pack: flex-start;
+      -webkit-justify-content: flex-start;
+      -ms-flex-pack: flex-start;
+      justify-content: flex-start;
+      text-align: left;
+      text-anchor: start;
+    }
+
+    .ct-grid {
+      stroke: #2aa889;
+      stroke-width: 1px;
+      stroke-opacity: 0.3;
+      stroke-dasharray: 2px;
+    }
+
+    .ct-point {
+      stroke-width: 10px;
+      stroke-linecap: round;
+      stroke: #99d1ce;
+      animation: blink 1s ease-in-out forwards;
+    }
+
+    .ct-line {
+      stroke-width: 4px;
+      stroke-dasharray: 5000;
+      stroke-dashoffset: 5000;
+      stroke: #599cab;
+      animation: dash 5s ease-in-out forwards;
+    }
+
+    .ct-area {
+      stroke: none;
+      fill-opacity: 0.1;
+    }
+
+    .ct-series-a .ct-area,
+    .ct-series-a .ct-slice-pie {
+      fill: #2aa889;
+    }
+
+    .ct-label .ct-horizontal {
+      transform: rotate(-90deg)
+    }
+
+    .ct-label.ct-horizontal.ct-end {
+      transform: rotate(-30deg);
+      -webkit-transform: rotate(-30deg);
+      -moz-transform: rotate(-30deg);
+      -o-transform: rotate(-30deg);
+      -ms-transform: rotate(-30deg);
+      transform-box: fill-box;
+      transform-origin: 100% 0;
+      text-anchor: end;
+    }
+    
+                
+        @keyframes blink {
+            from {
+                opacity: 0;
+                transform:translateX(-20px); 
+            }
+            to {
+                opacity:1;
+                transform: translateX(0);
+            }
+        }
+    
+                
+        @keyframes dash {
+            to {
+                stroke-dashoffset: 0;
+            }
+        }
+    
+    
+            </style>
+
+            <foreignObject x="0" y="0" width="1200" height="50">
+                <h1 xmlns="http://www.w3.org/1999/xhtml" class="header">
+                    Sreyan Ghosh's Contribution Graph
+                </h1>
+            </foreignObject>
+            <svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="1200" height="420" class="ct-chart-line"><g class="ct-grids"><line x1="90" x2="90" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="125.33333333333334" x2="125.33333333333334" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="160.66666666666669" x2="160.66666666666669" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="196" x2="196" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="231.33333333333334" x2="231.33333333333334" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="266.6666666666667" x2="266.6666666666667" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="302" x2="302" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="337.33333333333337" x2="337.33333333333337" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="372.6666666666667" x2="372.6666666666667" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="408" x2="408" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="443.33333333333337" x2="443.33333333333337" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="478.6666666666667" x2="478.6666666666667" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="514" x2="514" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="549.3333333333334" x2="549.3333333333334" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="584.6666666666667" x2="584.6666666666667" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="620" x2="620" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="655.3333333333334" x2="655.3333333333334" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="690.6666666666667" x2="690.6666666666667" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="726" x2="726" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="761.3333333333334" x2="761.3333333333334" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="796.6666666666667" x2="796.6666666666667" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="832" x2="832" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="867.3333333333334" x2="867.3333333333334" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="902.6666666666667" x2="902.6666666666667" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="938" x2="938" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="973.3333333333334" x2="973.3333333333334" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="1008.6666666666667" x2="1008.6666666666667" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="1044" x2="1044" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="1079.3333333333335" x2="1079.3333333333335" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="1114.6666666666667" x2="1114.6666666666667" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line x1="1150" x2="1150" y1="80" y2="330" class="ct-grid ct-horizontal"></line><line y1="330" y2="330" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="298.75" y2="298.75" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="267.5" y2="267.5" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="236.25" y2="236.25" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="205" y2="205" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="173.75" y2="173.75" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="142.5" y2="142.5" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="111.25" y2="111.25" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="80" y2="80" x1="90" x2="1150" class="ct-grid ct-vertical"></line></g><g><g class="ct-series ct-series-a"><path d="M90,330L90,330C101.778,330,113.556,330,125.333,330C137.111,330,148.889,330,160.667,330C172.444,330,184.222,330,196,330C207.778,330,219.556,330,231.333,330C243.111,330,254.889,314.375,266.667,314.375C278.444,314.375,290.222,330,302,330C313.778,330,325.556,330,337.333,330C349.111,330,360.889,330,372.667,330C384.444,330,396.222,330,408,330C419.778,330,431.556,330,443.333,330C455.111,330,466.889,330,478.667,330C490.444,330,502.222,330,514,330C525.778,330,537.556,330,549.333,330C561.111,330,572.889,330,584.667,330C596.444,330,608.222,330,620,330C631.778,330,643.556,330,655.333,330C667.111,330,678.889,330,690.667,330C702.444,330,714.222,330,726,330C737.778,330,749.556,330,761.333,330C773.111,330,784.889,330,796.667,330C808.444,330,820.222,330,832,330C843.778,330,855.556,330,867.333,330C879.111,330,890.889,158.125,902.667,158.125C914.444,158.125,926.222,298.75,938,298.75C949.778,298.75,961.556,288.333,973.333,283.125C985.111,277.917,996.889,276.181,1008.667,267.5C1020.444,258.819,1032.222,217.784,1044,189.375C1055.778,160.966,1067.556,95.625,1079.333,95.625C1091.111,95.625,1102.889,330,1114.667,330C1126.444,330,1138.222,267.5,1150,236.25L1150,330Z" class="ct-area"></path><path d="M90,330C101.778,330,113.556,330,125.333,330C137.111,330,148.889,330,160.667,330C172.444,330,184.222,330,196,330C207.778,330,219.556,330,231.333,330C243.111,330,254.889,314.375,266.667,314.375C278.444,314.375,290.222,330,302,330C313.778,330,325.556,330,337.333,330C349.111,330,360.889,330,372.667,330C384.444,330,396.222,330,408,330C419.778,330,431.556,330,443.333,330C455.111,330,466.889,330,478.667,330C490.444,330,502.222,330,514,330C525.778,330,537.556,330,549.333,330C561.111,330,572.889,330,584.667,330C596.444,330,608.222,330,620,330C631.778,330,643.556,330,655.333,330C667.111,330,678.889,330,690.667,330C702.444,330,714.222,330,726,330C737.778,330,749.556,330,761.333,330C773.111,330,784.889,330,796.667,330C808.444,330,820.222,330,832,330C843.778,330,855.556,330,867.333,330C879.111,330,890.889,158.125,902.667,158.125C914.444,158.125,926.222,298.75,938,298.75C949.778,298.75,961.556,288.333,973.333,283.125C985.111,277.917,996.889,276.181,1008.667,267.5C1020.444,258.819,1032.222,217.784,1044,189.375C1055.778,160.966,1067.556,95.625,1079.333,95.625C1091.111,95.625,1102.889,330,1114.667,330C1126.444,330,1138.222,267.5,1150,236.25" class="ct-line"></path><line x1="90" y1="330" x2="90.01" y2="330" class="ct-point" ct:value="0"></line><line x1="125.33333333333334" y1="330" x2="125.34333333333335" y2="330" class="ct-point" ct:value="0"></line><line x1="160.66666666666669" y1="330" x2="160.67666666666668" y2="330" class="ct-point" ct:value="0"></line><line x1="196" y1="330" x2="196.01" y2="330" class="ct-point" ct:value="0"></line><line x1="231.33333333333334" y1="330" x2="231.34333333333333" y2="330" class="ct-point" ct:value="0"></line><line x1="266.6666666666667" y1="314.375" x2="266.6766666666667" y2="314.375" class="ct-point" ct:value="1"></line><line x1="302" y1="330" x2="302.01" y2="330" class="ct-point" ct:value="0"></line><line x1="337.33333333333337" y1="330" x2="337.34333333333336" y2="330" class="ct-point" ct:value="0"></line><line x1="372.6666666666667" y1="330" x2="372.6766666666667" y2="330" class="ct-point" ct:value="0"></line><line x1="408" y1="330" x2="408.01" y2="330" class="ct-point" ct:value="0"></line><line x1="443.33333333333337" y1="330" x2="443.34333333333336" y2="330" class="ct-point" ct:value="0"></line><line x1="478.6666666666667" y1="330" x2="478.6766666666667" y2="330" class="ct-point" ct:value="0"></line><line x1="514" y1="330" x2="514.01" y2="330" class="ct-point" ct:value="0"></line><line x1="549.3333333333334" y1="330" x2="549.3433333333334" y2="330" class="ct-point" ct:value="0"></line><line x1="584.6666666666667" y1="330" x2="584.6766666666667" y2="330" class="ct-point" ct:value="0"></line><line x1="620" y1="330" x2="620.01" y2="330" class="ct-point" ct:value="0"></line><line x1="655.3333333333334" y1="330" x2="655.3433333333334" y2="330" class="ct-point" ct:value="0"></line><line x1="690.6666666666667" y1="330" x2="690.6766666666667" y2="330" class="ct-point" ct:value="0"></line><line x1="726" y1="330" x2="726.01" y2="330" class="ct-point" ct:value="0"></line><line x1="761.3333333333334" y1="330" x2="761.3433333333334" y2="330" class="ct-point" ct:value="0"></line><line x1="796.6666666666667" y1="330" x2="796.6766666666667" y2="330" class="ct-point" ct:value="0"></line><line x1="832" y1="330" x2="832.01" y2="330" class="ct-point" ct:value="0"></line><line x1="867.3333333333334" y1="330" x2="867.3433333333334" y2="330" class="ct-point" ct:value="0"></line><line x1="902.6666666666667" y1="158.125" x2="902.6766666666667" y2="158.125" class="ct-point" ct:value="11"></line><line x1="938" y1="298.75" x2="938.01" y2="298.75" class="ct-point" ct:value="2"></line><line x1="973.3333333333334" y1="283.125" x2="973.3433333333334" y2="283.125" class="ct-point" ct:value="3"></line><line x1="1008.6666666666667" y1="267.5" x2="1008.6766666666667" y2="267.5" class="ct-point" ct:value="4"></line><line x1="1044" y1="189.375" x2="1044.01" y2="189.375" class="ct-point" ct:value="9"></line><line x1="1079.3333333333335" y1="95.625" x2="1079.3433333333335" y2="95.625" class="ct-point" ct:value="15"></line><line x1="1114.6666666666667" y1="330" x2="1114.6766666666667" y2="330" class="ct-point" ct:value="0"></line><line x1="1150" y1="236.25" x2="1150.01" y2="236.25" class="ct-point" ct:value="6"></line></g></g><g class="ct-labels"><text x="85.5" y="350" width="35.333333333333336" height="60" class="ct-label ct-horizontal ct-end">Sep 2</text><text x="120.83333333333334" y="350" width="35.333333333333336" height="60" class="ct-label ct-horizontal ct-end">Sep 3</text><text x="156.16666666666669" y="350" width="35.33333333333333" height="60" class="ct-label ct-horizontal ct-end">Sep 4</text><text x="191.5" y="350" width="35.33333333333334" height="60" class="ct-label ct-horizontal ct-end">Sep 5</text><text x="226.83333333333334" y="350" width="35.33333333333334" height="60" class="ct-label ct-horizontal ct-end">Sep 6</text><text x="262.1666666666667" y="350" width="35.333333333333314" height="60" class="ct-label ct-horizontal ct-end">Sep 7</text><text x="297.5" y="350" width="35.33333333333334" height="60" class="ct-label ct-horizontal ct-end">Sep 8</text><text x="332.83333333333337" y="350" width="35.33333333333334" height="60" class="ct-label ct-horizontal ct-end">Sep 9</text><text x="368.1666666666667" y="350" width="35.333333333333314" height="60" class="ct-label ct-horizontal ct-end">Sep 10</text><text x="403.5" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 11</text><text x="438.83333333333337" y="350" width="35.333333333333314" height="60" class="ct-label ct-horizontal ct-end">Sep 12</text><text x="474.1666666666667" y="350" width="35.333333333333314" height="60" class="ct-label ct-horizontal ct-end">Sep 13</text><text x="509.5" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 14</text><text x="544.8333333333334" y="350" width="35.333333333333314" height="60" class="ct-label ct-horizontal ct-end">Sep 15</text><text x="580.1666666666667" y="350" width="35.333333333333314" height="60" class="ct-label ct-horizontal ct-end">Sep 16</text><text x="615.5" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 17</text><text x="650.8333333333334" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 18</text><text x="686.1666666666667" y="350" width="35.33333333333326" height="60" class="ct-label ct-horizontal ct-end">Sep 19</text><text x="721.5" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 20</text><text x="756.8333333333334" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 21</text><text x="792.1666666666667" y="350" width="35.33333333333326" height="60" class="ct-label ct-horizontal ct-end">Sep 22</text><text x="827.5" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 23</text><text x="862.8333333333334" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 24</text><text x="898.1666666666667" y="350" width="35.33333333333326" height="60" class="ct-label ct-horizontal ct-end">Sep 25</text><text x="933.5" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 26</text><text x="968.8333333333334" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 27</text><text x="1004.1666666666667" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 28</text><text x="1039.5" y="350" width="35.33333333333326" height="60" class="ct-label ct-horizontal ct-end">Sep 29</text><text x="1074.8333333333335" y="350" width="35.33333333333337" height="60" class="ct-label ct-horizontal ct-end">Sep 30</text><text x="1110.1666666666667" y="350" width="35.33333333333326" height="60" class="ct-label ct-horizontal ct-end">Oct 1</text><text x="1145.5" y="350" width="30" height="60" class="ct-label ct-horizontal ct-end">Oct 2</text><text y="334.5" x="80" height="31.25" width="60" class="ct-label ct-vertical ct-start">0</text><text y="303.25" x="80" height="31.25" width="60" class="ct-label ct-vertical ct-start">2</text><text y="272" x="80" height="31.25" width="60" class="ct-label ct-vertical ct-start">4</text><text y="240.75" x="80" height="31.25" width="60" class="ct-label ct-vertical ct-start">6</text><text y="209.5" x="80" height="31.25" width="60" class="ct-label ct-vertical ct-start">8</text><text y="178.25" x="80" height="31.25" width="60" class="ct-label ct-vertical ct-start">10</text><text y="147" x="80" height="31.25" width="60" class="ct-label ct-vertical ct-start">12</text><text y="115.75" x="80" height="31.25" width="60" class="ct-label ct-vertical ct-start">14</text><text y="84.5" x="80" height="30" width="60" class="ct-label ct-vertical ct-start">16</text></g><text class="ct-axis-title ct-label" x="620" y="400" dominant-baseline="text-after-edge" text-anchor="middle">Dates</text><text class="ct-axis-title ct-label" x="20" y="205" transform="rotate(-90, 20, 205)" dominant-baseline="hanging" text-anchor="middle">Contributions</text></svg>
+    </svg>
diff --git a/styles/themes.ts b/styles/themes.ts
index 21ac3be..27c489f 100644
--- a/styles/themes.ts
+++ b/styles/themes.ts
@@ -29,6 +29,15 @@ export const selectColors = (queryString: string): colors => {
         lineColor: '9ecbff',
         pointColor: 'f97583',
       };
+    case 'gotham':
+      return {
+        areaColor: '2aa889',
+        bgColor: '0c1014',
+        borderColor: '2aa889',
+        color: '2aa889',
+        lineColor: '599cab',
+        pointColor: '99d1ce',
+      };
     case 'rogue':
       return {
         areaColor: 'b18bb1',