January Update

Author: Allen2030Coder

package.json

@@ -62,7 +62,9 @@
 		"svelte": "^5.38.10",
 		"tailwindcss": "^3.4.18",
 		"typescript": "^5.9.3",
-		"unist-util-visit": "^5.0.0"
+		"unist-util-visit": "^5.0.0",
+		"css": "^3.0.0",
+		"postcss": "^8.4.32"
 	},
 	"devDependencies": {
 		"@astrojs/ts-plugin": "^1.10.5",

src/styles/markdown.css

@@ -1,3 +1,12 @@
+@tailwind components;
+
+@layer components {
+    .btn-regular-dark {
+        @apply flex items-center justify-center
+        bg-[oklch(0.45_0.01_var(--hue))] hover:bg-[oklch(0.50_0.01_var(--hue))] active:bg-[oklch(0.55_0.01_var(--hue))]
+        dark:bg-[oklch(0.30_0.02_var(--hue))] dark:hover:bg-[oklch(0.35_0.03_var(--hue))] dark:active:bg-[oklch(0.40_0.03_var(--hue))]
+    }
+
 .custom-md {
     h1 {
         @apply text-3xl;
@@ -130,3 +139,5 @@
     }
 
 }
+
+}

src/styles/twikoo.css

@@ -1,3 +1,7 @@
+@tailwind components;
+
+@layer components {
+
 :root {
   --tk-text: black;
 }
@@ -137,4 +141,6 @@ html.dark {
 .tk-expand-wrap .tk-expand,
 .tk-collapse-wrap .tk-expand {
   @apply hover:rounded-lg mt-1 hover:bg-[var(--btn-plain-bg-hover)];
+}
+
 }