diff --git a/apps/docs/astro.config.mjs b/apps/docs/astro.config.mjs
index 8f433b8..1a2e8c8 100644
--- a/apps/docs/astro.config.mjs
+++ b/apps/docs/astro.config.mjs
@@ -2,6 +2,7 @@
 import { defineConfig } from 'astro/config';
 import starlight from '@astrojs/starlight';
 import mermaid from 'astro-mermaid';
+import catppuccin from "@catppuccin/starlight";
 
 // https://astro.build/config
 export default defineConfig({
@@ -13,6 +14,12 @@ export default defineConfig({
 		starlight({
 			title: 'hctv docs',
 			social: [{ icon: 'github', label: 'GitHub', href: 'https://github.com/SrIzan10/hctv' }],
+      plugins: [
+        catppuccin({
+          dark: { flavor: "mocha", accent: "blue" },
+          light: { flavor: "latte", accent: "blue" }
+        }),
+      ]
 		}),
 	],
 });
diff --git a/apps/docs/package.json b/apps/docs/package.json
index 2d92714..aef3b2d 100644
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "docs",
+  "name": "@hctv/docs",
   "type": "module",
   "version": "0.0.1",
   "scripts": {
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@astrojs/starlight": "^0.35.2",
+    "@catppuccin/starlight": "^1.0.2",
     "astro": "^5.6.1",
     "astro-mermaid": "^1.0.4",
     "mermaid": "^11.10.1",
diff --git a/yarn.lock b/yarn.lock
index aa3749b..2d44fb7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -547,6 +547,13 @@
     cross-fetch "^3.0.4"
     fontkit "^2.0.2"
 
+"@catppuccin/starlight@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@catppuccin/starlight/-/starlight-1.0.2.tgz#8c869e39a20289e1f4707d63ed44639171b3804d"
+  integrity sha512-Qfy0l5EjGCoyRFlpsyDm9YFaxHCZXrMbLaEFPjzbFHMndKLv457nEyNlFnP7EkN1djnJgfORmmoaQ4ru2wiQEg==
+  dependencies:
+    "@astrojs/starlight" "^0.35.2"
+
 "@chevrotain/cst-dts-gen@11.0.3":
   version "11.0.3"
   resolved "https://registry.yarnpkg.com/@chevrotain/cst-dts-gen/-/cst-dts-gen-11.0.3.tgz#5e0863cc57dc45e204ccfee6303225d15d9d4783"