From 098495a02a6911a8c2bfc387b02f73633552e446 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Fri, 23 Jan 2026 23:34:56 +0100
Subject: [PATCH] chore: upgrade @ciphera-net/ui to v0.0.13 and update Tailwind
 CSS configuration

---
 package-lock.json  |  8 ++++----
 package.json       |  2 +-
 styles/globals.css |  9 ++-------
 tailwind.config.ts | 12 +++---------
 4 files changed, 10 insertions(+), 21 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 32c356f..0eeaedf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "pulse-frontend",
       "version": "0.1.0",
       "dependencies": {
-        "@ciphera-net/ui": "^0.0.12",
+        "@ciphera-net/ui": "^0.0.13",
         "@radix-ui/react-icons": "^1.3.2",
         "axios": "^1.13.2",
         "country-flag-icons": "^1.6.4",
@@ -268,9 +268,9 @@
       }
     },
     "node_modules/@ciphera-net/ui": {
-      "version": "0.0.12",
-      "resolved": "https://npm.pkg.github.com/download/@ciphera-net/ui/0.0.12/af2c856743b92eac2272177426bf23e63be30adc",
-      "integrity": "sha512-FeoelPkyAz9J31JEC3b2tjn06496x5VZe5jSaICd8ZxzeKAMTfZrFpmSCa00vWOyDe9qGzQWotr8htABk59xxw==",
+      "version": "0.0.13",
+      "resolved": "https://npm.pkg.github.com/download/@ciphera-net/ui/0.0.13/0bcb7f064f6212cf701f647bc07596530e9db9c9",
+      "integrity": "sha512-edp2igwPpZDdwHol+jkqdRU3oDFxijyBQtLwjjuoZc2/hnGmHJRsnpKzd4Eo0tY1PuWrHv/QP4nDgYPG2819CQ==",
       "dependencies": {
         "@radix-ui/react-icons": "^1.3.0",
         "clsx": "^2.1.0",
diff --git a/package.json b/package.json
index 3d6aeec..dc91ceb 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@ciphera-net/ui": "^0.0.12",
+    "@ciphera-net/ui": "^0.0.13",
     "@radix-ui/react-icons": "^1.3.2",
     "axios": "^1.13.2",
     "country-flag-icons": "^1.6.4",
diff --git a/styles/globals.css b/styles/globals.css
index ffe1358..94264cb 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -40,17 +40,12 @@
   
   body {
     @apply bg-white dark:bg-neutral-950 text-neutral-900 dark:text-neutral-50 transition-colors duration-300 ease-in-out;
+    @apply bg-ciphera-gradient bg-fixed;
     font-family: var(--font-plus-jakarta-sans), system-ui, sans-serif;
-    background-image: 
-      radial-gradient(at 0% 0%, hsla(20, 98%, 52%, 0.03) 0px, transparent 50%),
-      radial-gradient(at 100% 100%, hsla(20, 98%, 52%, 0.03) 0px, transparent 50%);
-    background-attachment: fixed;
   }
   
   .dark body {
-    background-image: 
-      radial-gradient(at 0% 0%, hsla(20, 98%, 52%, 0.05) 0px, transparent 50%),
-      radial-gradient(at 100% 100%, hsla(20, 98%, 52%, 0.05) 0px, transparent 50%);
+    @apply bg-ciphera-gradient-dark;
   }
 }
 
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 7130733..d64b597 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,6 +1,9 @@
 import type { Config } from 'tailwindcss'
 
 const config: Config = {
+  presets: [
+    require('@ciphera-net/ui/dist/tailwind-preset'),
+  ],
   darkMode: 'class',
   content: [
     './pages/**/*.{js,ts,jsx,tsx,mdx}',
@@ -10,15 +13,6 @@ const config: Config = {
   ],
   theme: {
     extend: {
-      colors: {
-        // * Brand color: Orange (#FD5E0F) - used as accent only
-        brand: {
-          orange: {
-            DEFAULT: '#FD5E0F',
-            hover: '#E54E00',
-          },
-        },
-      },
       fontFamily: {
         sans: ['var(--font-plus-jakarta-sans)', 'system-ui', 'sans-serif'],
       },