theme accordions

.vitepress/theme/style.css

@@ -24,26 +24,22 @@
   --vp-c-bg-mark: rgb(232, 232, 232);
 
   /* Colors: Custom Block */
-  --vp-custom-block-info-bg: rgba(171, 210, 244, 0.05);
+  --vp-custom-block-info-bg: theme('colors.swarm.100');
-  --vp-custom-block-info-border: #60c4fa;
+  --vp-custom-block-info-border: theme('colors.swarm.800');
-  --vp-custom-block-info-text: rgb(39, 115, 145);
+  --vp-custom-block-info-text: theme('colors.swarm.800');
-  --vp-custom-block-info-text-deep: rgb(18, 121, 162);
+  --vp-custom-block-info-text-deep: theme('colors.swarm.900');
-  --vp-custom-block-tip-bg: rgba(137, 202, 176, 0.05);
+  --vp-custom-block-tip-bg: theme('colors.meadow.100');
-  --vp-custom-block-tip-border: rgba(34, 197, 94, 1);
+  --vp-custom-block-tip-border: theme('colors.meadow.800');
-  --vp-custom-block-tip-text: rgb(10, 128, 90);
+  --vp-custom-block-tip-text: theme('colors.meadow.800');
-  --vp-custom-block-tip-text-deep: rgb(11, 133, 94);
+  --vp-custom-block-tip-text-deep: theme('colors.meadow.900');
-  --vp-custom-block-warning-bg: rgba(250, 204, 21, 0.05);
+  --vp-custom-block-warning-bg: rgba(253, 224, 71, 0.1);
-  --vp-custom-block-warning-border: rgba(245, 158, 11, 1);
+  --vp-custom-block-warning-border: rgba(202, 138, 4, 1);
-  --vp-custom-block-warning-text: rgb(166, 114, 35);
+  --vp-custom-block-warning-text: rgba(234, 179, 8, 1);
-  --vp-custom-block-warning-text-deep: rgb(199, 109, 6);
+  --vp-custom-block-warning-text-deep: rgba(250, 204, 21, 1);
-  --vp-custom-block-danger-bg: rgba(220, 38, 38, 0.05);
+  --vp-custom-block-danger-bg: theme('colors.carnation.100');
-  --vp-custom-block-danger-border: rgba(248, 113, 113, 1);
+  --vp-custom-block-danger-border: theme('colors.carnation.800');
-  --vp-custom-block-danger-text: rgb(196, 46, 46);
+  --vp-custom-block-danger-text: theme('colors.carnation.800');
-  --vp-custom-block-danger-text-deep: rgba(220, 38, 38, 1);
+  --vp-custom-block-danger-text-deep: theme('colors.carnation.900');
-
-  /* Scrollbar */
-  scroll-behavior: smooth;
-  scrollbar-width: 4px;
 }
 
 .dark {
@@ -53,22 +49,22 @@
   --vp-c-bg-elv: rgba(23, 23, 23, 0.8);
 
   /* Colors: Custom Block */
-  --vp-custom-block-info-bg: rgba(84, 110, 155, 0.1);
+  --vp-custom-block-info-bg: theme('colors.swarm.950');
-  --vp-custom-block-info-border: #3686b1;
+  --vp-custom-block-info-border: theme('colors.swarm.600');
-  --vp-custom-block-info-text: #52b0e3;
+  --vp-custom-block-info-text: theme('colors.swarm.500');
-  --vp-custom-block-info-text-deep: #00b7ff;
+  --vp-custom-block-info-text-deep: theme('colors.swarm.600');
-  --vp-custom-block-tip-bg: theme('colors.pastel-green.950');
+  --vp-custom-block-tip-bg: theme('colors.meadow.950');
-  --vp-custom-block-tip-border: theme('colors.pastel-green.800');
+  --vp-custom-block-tip-border: theme('colors.meadow.600');
-  --vp-custom-block-tip-text: theme('colors.pastel-green.200');
+  --vp-custom-block-tip-text: theme('colors.meadow.500');
-  --vp-custom-block-tip-text-deep: theme('colors.pastel-green.500');
+  --vp-custom-block-tip-text-deep: theme('colors.meadow.600');
   --vp-custom-block-warning-bg: rgba(253, 224, 71, 0.1);
   --vp-custom-block-warning-border: rgba(202, 138, 4, 1);
   --vp-custom-block-warning-text: rgba(234, 179, 8, 1);
   --vp-custom-block-warning-text-deep: rgba(250, 204, 21, 1);
-  --vp-custom-block-danger-bg: rgba(239, 68, 68, 0.1);
+  --vp-custom-block-danger-bg: theme('colors.carnation.950');
-  --vp-custom-block-danger-border: rgba(127, 29, 29, 1);
+  --vp-custom-block-danger-border: theme('colors.carnation.600');
-  --vp-custom-block-danger-text: rgba(248, 113, 113, 1);
+  --vp-custom-block-danger-text: theme('colors.carnation.400');
-  --vp-custom-block-danger-text-deep: rgba(248, 113, 113, 1);
+  --vp-custom-block-danger-text-deep: theme('colors.carnation.500');
 }
 
 .vp-doc a {
@@ -124,17 +120,13 @@
 */
 :root {
   --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: -webkit-linear-gradient(
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg,
-    120deg,
       #c4b5fd 30%,
-    #7bc5e4
+      #7bc5e4);
-  );
 
-  --vp-home-hero-image-background-image: linear-gradient(
+  --vp-home-hero-image-background-image: linear-gradient(-45deg,
-    -45deg,
       #c4b5fd 50%,
-    #47caff 50%
+      #47caff 50%);
-  );
   --vp-home-hero-image-filter: blur(44px);
 }
 
@@ -240,7 +232,7 @@
   }
 }
 
-#VPContent strong > a {
+#VPContent strong>a {
   font-weight: bold;
 }
 

feedback.md

@@ -12,10 +12,17 @@ outline: false
 Anonymous comments, taken from reddit, discord, twitter, and our feedback system. This is why we do it. People are the motivation, equality is the goal.
 :::
 
+
 :::info Balls
 nyaboom > explodives
 :::
 
+
+
+:::danger Balls
+nyaboom > explodives
+:::
+
 ***
 
 * *"Before finding this, I've been searching google myself and have experienced viruses, fake info, and just bad advice. But the amazing guides and links on FMHY really make it so much safer and simpler to find the things I need. I'm sort of the tech person in my family, so it saves me from so much testing and work."*

package.json

@@ -16,7 +16,7 @@
     "postinstall": "nitropack prepare"
   },
   "dependencies": {
-    "@fmhy/colors": "^0.0.10",
+    "@fmhy/colors": "^0.0.11",
     "@headlessui/vue": "^1.7.17",
     "@resvg/resvg-js": "^2.6.0",
     "consola": "^3.2.3",