change the shadcn theme and as well shiki theme

Author: officialrajdeepsingh

packages/section-blog-theme/styles/globals.css

@@ -2,67 +2,63 @@
 @tailwind components;
 @tailwind utilities;
 
+/* shadcn ui css */
 
 @layer base {
   :root {
     --background: 0 0% 100%;
-    --foreground: 0 0% 3.9%;
+    --foreground: 240 10% 3.9%;
     --card: 0 0% 100%;
-    --card-foreground: 0 0% 3.9%;
+    --card-foreground: 240 10% 3.9%;
     --popover: 0 0% 100%;
-    --popover-foreground: 0 0% 3.9%;
-    --primary: 0 0% 9%;
+    --popover-foreground: 240 10% 3.9%;
+    --primary: 240 5.9% 10%;
     --primary-foreground: 0 0% 98%;
-    --secondary: 0 0% 96.1%;
-    --secondary-foreground: 0 0% 9%;
-    --muted: 0 0% 96.1%;
-    --muted-foreground: 0 0% 45.1%;
-    --accent: 0 0% 96.1%;
-    --accent-foreground: 0 0% 9%;
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
     --destructive: 0 84.2% 60.2%;
     --destructive-foreground: 0 0% 98%;
-    --border: 0 0% 89.8%;
-    --input: 0 0% 89.8%;
-    --ring: 0 0% 3.9%;
-    --radius: 0.5rem;
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 240 5.9% 10%;
+    --radius: 0.3rem;
   }
 
   .dark {
-    --background: 0 0% 3.9%;
+    --background: 240 10% 3.9%;
     --foreground: 0 0% 98%;
-    --card: 0 0% 3.9%;
+    --card: 240 10% 3.9%;
     --card-foreground: 0 0% 98%;
-    --popover: 0 0% 3.9%;
+    --popover: 240 10% 3.9%;
     --popover-foreground: 0 0% 98%;
     --primary: 0 0% 98%;
-    --primary-foreground: 0 0% 9%;
-    --secondary: 0 0% 14.9%;
+    --primary-foreground: 240 5.9% 10%;
+    --secondary: 240 3.7% 15.9%;
     --secondary-foreground: 0 0% 98%;
-    --muted: 0 0% 14.9%;
-    --muted-foreground: 0 0% 63.9%;
-    --accent: 0 0% 14.9%;
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+    --accent: 240 3.7% 15.9%;
     --accent-foreground: 0 0% 98%;
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 0 0% 98%;
-    --border: 0 0% 14.9%;
-    --input: 0 0% 14.9%;
-    --ring: 0 0% 83.1%;
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;
   }
 }
 
 
-@layer base {
-  * {
-    @apply border-border;
-  }
+/* shiki code */
 
-  body {
-    @apply bg-background text-foreground;
-  }
+@layer base {
 
   :root {
-    --shiki-color-text: #414141;
-    --shiki-color-background: transparent;
+    --shiki-color-text: rgb(5, 0, 0);
+    --shiki-color-background: rgb(115, 115, 250);
     --shiki-token-constant: #1976d2;
     --shiki-token-string: #22863a;
     --shiki-token-comment: #aaa;
@@ -72,10 +68,12 @@
     --shiki-token-string-expression: #22863a;
     --shiki-token-punctuation: #212121;
     --shiki-token-link: #22863a;
+
   }
 
   .dark {
-    --shiki-color-text: #d1d1d1;
+    --shiki-color-background: rgba(0, 0, 255, 0.329);
+    --shiki-color-text: rgb(255, 255, 255);
     --shiki-token-constant: #79b8ff;
     --shiki-token-string: #ffab70;
     --shiki-token-comment: #6b737c;
@@ -86,4 +84,22 @@
     --shiki-token-punctuation: #bbb;
     --shiki-token-link: #ffab70;
   }
+
+}
+
+@layer base {
+
+  * {
+    @apply nx-border-border;
+  }
+
+  html {
+    @apply nx-m-0 nx-p-0;
+  }
+
+  body {
+    @apply nx-bg-background nx-text-foreground;
+    font-feature-settings: "rlig" 1, "calt" 1;
+  }
+
 }