diff --git a/README.md b/README.md
index 8db0c7e7..8d728824 100644
--- a/README.md
+++ b/README.md
@@ -207,6 +207,24 @@ Here are the themes spread in a table. The card title is the name of the theme.
       <img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=christmas&title=christmas&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
     </td>
   </tr>
+
+  <tr>
+    <td>
+      <img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=catppuccin_latte&title=catppuccin_latte&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
+    </td>
+    <td>
+      <img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=catppuccin_frappe&title=catppuccin_frappe&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
+    </td>
+  </tr>
+
+  <tr>
+    <td>
+      <img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=catppuccin_macchiato&title=catppuccin_macchiato&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
+    </td>
+    <td>
+      <img src="https://github-readme-tech-stack.vercel.app/api/cards?theme=catppuccin_mocha&title=catppuccin_mocha&lineCount=1&line1=node.js,node.js,auto;typescript,typescript,auto;express,express.js,auto">
+    </td>
+  </tr>
 </table>
 
 ### 📚 Adding a new theme
diff --git a/SECURITY.md b/SECURITY.md
index 52bdec34..5baab9c7 100644
--- a/SECURITY.md
+++ b/SECURITY.md
@@ -6,7 +6,7 @@
 | ------- | ------------------ |
 | 1.2.x   | :white_check_mark: |
 | 1.1.x   | :white_check_mark: |
-| < 1.1.0   | :x:              |
+| < 1.1.0 | :x:                |
 
 ## Reporting a Vulnerability
 
diff --git a/client/src/index.css b/client/src/index.css
index bd7e15ab..00c7f962 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -7,8 +7,8 @@
 }
 
 *::-webkit-scrollbar {
-  height: .5rem;
-  width: .5rem;
+  height: 0.5rem;
+  width: 0.5rem;
 }
 
 *::-webkit-scrollbar-track {
@@ -17,7 +17,7 @@
 
 *::-webkit-scrollbar-thumb {
   background-color: #7b7b7b;
-  transition: .3s ease-in-out;
+  transition: 0.3s ease-in-out;
 }
 
 *::-webkit-scrollbar-thumb:hover {
diff --git a/src/cards/themes.ts b/src/cards/themes.ts
index 60ebd2d1..ea887aee 100644
--- a/src/cards/themes.ts
+++ b/src/cards/themes.ts
@@ -174,6 +174,30 @@ themes.set("cyberpunk", {
   titleColor: "#de6a8d",
   badgeColor: "#9a437b",
 });
+themes.set("catppuccin_latte", {
+  backgroundColor: "#eff1f5",
+  borderColor: "#9ca0b0",
+  badgeColor: "#e6e9ef",
+  titleColor: "#179299",
+});
+themes.set("catppuccin_frappe", {
+  backgroundColor: "#303446",
+  borderColor: "#737994",
+  badgeColor: "#292c3c",
+  titleColor: "#81c8be",
+});
+themes.set("catppuccin_macchiato", {
+  backgroundColor: "#24273a",
+  borderColor: "#6e738d",
+  badgeColor: "#1e2030",
+  titleColor: "#8bd5ca",
+});
+themes.set("catppuccin_mocha", {
+  backgroundColor: "#1e1e2e",
+  borderColor: "#6c7086",
+  badgeColor: "#181825",
+  titleColor: "#94e2d5",
+});
 
 /**
  * Searches for the specified theme in the themes map.