diff --git a/themes/cinny-catppuccin.txt b/themes/cinny-catppuccin.txt
new file mode 100644
index 0000000..bdcff8d
--- /dev/null
+++ b/themes/cinny-catppuccin.txt
@@ -0,0 +1,133 @@
+@-moz-document domain("app.cinny.in") {
+.butter-theme,
+.dark-theme  {
+ --bg-surface:#1E1E2E 	;
+ --bg-surface-transparent:#ffffff00;
+ --bg-surface-low:#1A1826;
+ --bg-surface-low-transparent:#f6f6f600;
+ --bg-surface-extra-low:#161320;
+ --bg-surface-extra-low-transparent:#f6f6f600;
+ --bg-surface-hover:rgba(0,0,0,.03);
+ --bg-surface-active:rgba(0,0,0,.05);
+ --bg-surface-border:rgba(0,0,0,.06);
+ --bg-primary:#DDB6F2;
+ --bg-primary-hover:rgba(221, 182, 242,.8);
+ --bg-primary-active:rgba(221, 182, 242,.7);
+ --bg-primary-border:rgba(221, 182, 242,.38);
+ --bg-positive:#ABE9B3;
+ --bg-positive-hover:rgba(69,184,59,.08);
+ --bg-positive-active:rgba(69,184,59,.15);
+ --bg-positive-border:rgba(69,184,59,.4);
+ --bg-caution:#F8BD96;
+ --bg-caution-hover:rgba(255,179,0,.08);
+ --bg-caution-active:rgba(255,179,0,.15);
+ --bg-caution-border:rgba(255,179,0,.4);
+ --bg-danger:#F28FAD;
+ --bg-danger-hover:rgba(242, 143, 173,.05);
+ --bg-danger-active:rgba(242, 143, 173,.1);
+ --bg-danger-border:rgba(242, 143, 173,.2);
+ --bg-tooltip:#302D41;
+ --bg-badge:#988BA2;
+ --bg-ping:rgba(92,255,138,.4);
+ --bg-ping-hover:rgba(92,255,138,.5);
+ --bg-divider:rgba(0,0,0,.1);
+ --tc-surface-high:#F5E0DC;
+ --tc-surface-normal:#D9E0EE;
+ --tc-surface-normal-low:#988BA2;
+ --tc-surface-low:rgba(217, 224, 238, .48);
+ --tc-primary-high:#fff;
+ --tc-primary-normal:hsla(0,0%,100%,.68);
+ --tc-primary-low:hsla(0,0%,100%,.4);
+ --tc-positive-high:var(--bg-positive);
+ --tc-positive-normal:rgba(171, 233, 179,.8);
+ --tc-positive-low:rgba(171, 233, 179,.6);
+ --tc-caution-high:var(--bg-caution);
+ --tc-caution-normal:rgba(248, 189, 150,.8);
+ --tc-caution-low:rgba(248, 189, 150,.6);
+ --tc-danger-high:var(--bg-danger);
+ --tc-danger-normal:rgba(242, 143, 173,.88);
+ --tc-danger-low:rgba(242, 143, 173,.6);
+ --tc-code:#F5C2E7;
+ --tc-link:#96CDFB;
+ --tc-tooltip:#fff;
+ --tc-badge:#fff;
+ --ic-surface-high:#F5E0DC;
+ --ic-surface-normal:#D9E0EE;
+ --ic-surface-low:#988BA2;
+ --ic-primary-normal:#fff;
+ --ic-positive-normal:rgba(171, 233, 179,.8);
+ --ic-caution-normal:rgba(248, 189, 150,.8);
+ --ic-danger-normal:rgba(242, 143, 173,.7);
+ --mx-uc-1:#96CDFB;
+ --mx-uc-2:#DDB6F2;
+ --mx-uc-3:#ABE9B3;
+ --mx-uc-4:#E8A2AF;
+ --mx-uc-5:#F8BD96;
+ --mx-uc-6:#B5E8E0;
+ --mx-uc-7:#89DCEB ;
+ --mx-uc-8:#F2CDCD;
+ --ic-large:38px;
+ --ic-normal:24px;
+ --ic-small:20px;
+ --ic-extra-small:18px;
+ --av-large:100px;
+ --av-normal:45px;
+ --av-small:40px;
+ --av-extra-small:30px;
+ --bg-overlay:rgba(0,0,0,.2);
+ --bg-overlay-low:rgba(0,0,0,.85);
+ --bs-popup:0 0 16px rgba(0,0,0,.1);
+ --bs-surface-border:inset 0 0 0 1px var(--bg-surface-border);
+ --bs-surface-outline:0 0 0 2px var(--bg-surface-border);
+ --bs-primary-border:inset 0 0 0 1px var(--bg-primary-border);
+ --bs-primary-outline:0 0 0 2px var(--bg-primary-border);
+ --bs-positive-border:inset 0 0 0 1px var(--bg-positive-border);
+ --bs-positive-outline:0 0 0 2px var(--bg-positive-border);
+ --bs-caution-border:inset 0 0 0 1px var(--bg-caution-border);
+ --bs-caution-outline:0 0 0 2px var(--bg-caution-border);
+ --bs-danger-border:inset 0 0 0 1px var(--bg-danger-border);
+ --bs-danger-outline:0 0 0 2px var(--bg-danger-border);
+ --bo-radius:8px;
+ --fs-h1:36px;
+ --ls-h1:-1.5px;
+ --lh-h1:38px;
+ --fs-h2:24px;
+ --ls-h2:-0.5px;
+ --lh-h2:30px;
+ --fs-s1:18px;
+ --ls-s1:-0.2px;
+ --lh-s1:24px;
+ --fs-b1:16px;
+ --ls-b1:0.1px;
+ --lh-b1:24px;
+ --fs-b2:14px;
+ --ls-b2:0.2px;
+ --lh-b2:20px;
+ --fs-b3:12px;
+ --ls-b3:0px;
+ --lh-b3:16px;
+ --fw-light:300;
+ --fw-normal:400;
+ --fw-medium:500;
+ --fw-bold:700;
+ --sp-none:0px;
+ --sp-ultra-tight:4px;
+ --sp-extra-tight:8px;
+ --sp-tight:12px;
+ --sp-normal:16px;
+ --sp-loose:20px;
+ --sp-extra-loose:32px;
+ --border-width:1px;
+ --header-height:54px;
+ --navigation-sidebar-width:calc(64px + var(--border-width));
+ --navigation-drawer-width:calc(280px + var(--border-width));
+ --navigation-width:calc(var(--navigation-sidebar-width) + var(--navigation-drawer-width));
+ --people-drawer-width:calc(268px - var(--border-width));
+ --popup-window-drawer-width:280px;
+ --fluid-push:cubic-bezier(0,0.8,0.67,0.97);
+ --fluid-slide-down:cubic-bezier(0.02,0.82,0.4,0.96);
+ --fluid-slide-up:cubic-bezier(0.13,0.56,0.25,0.99);
+ --font-primary:"Roboto",sans-serif;
+ --font-secondary:"Roboto",sans-serif
+     }
+}