Merge 7d2b799 into 74df369

LuxDL · Jan 11, 2025 · 35b350b · 35b350b
2 parents 74df369 + 7d2b799
commit 35b350b
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 22 deletions.
diff --git a/docs/src/.vitepress/theme/style.css b/docs/src/.vitepress/theme/style.css
@@ -52,19 +52,18 @@ pre, code {
   --vp-c-brand-dark: #535bf2;
   --vp-c-brand-darker: #454ce1;
   --vp-c-brand-dimm: #212425;
-}
-
-:root.dark {
+  --vp-tip-bg: rgb(254, 254, 254);
   /* Greens */
-  --vp-dark-green: #2a6e4f; /* Main accent green */
-  --vp-dark-green-light: #3b8a65;
-  --vp-dark-green-lighter: #52a67b;
+  --vp-dark-green: #155f3e; /* Main accent green */
+  --vp-dark-green-dark: #2b855c;
+  --vp-dark-green-light: #42d392;
+  --vp-dark-green-lighter: #35eb9a;
   --vp-dark-green-dimm: #2e3834;
 
   /* Complementary Colors */
   --vp-dark-gray: #1e1e1e;
   --vp-dark-gray-soft: #2a2a2a;
-  --vp-dark-gray-mute: #383838;
+  --vp-dark-gray-mute: #242424;
   --vp-light-gray: #d1d5db;
 
   /* Text Colors */
@@ -75,9 +74,26 @@ pre, code {
   --vp-dark-bg: #121212; /* Main background */
   --vp-dark-bg-alt: #1a1a1a; /* Alternative background */
   --vp-dark-bg-dimm: #101010;
-
-  /* Borders */
+  
+    /* Borders */
   --vp-dark-border: #3b8a65;
+    /* custom tip */
+  --vp-custom-block-tip-border: var(--vp-c-brand-darker);
+  --vp-custom-block-tip-bg: var(--vp-tip-bg);
+  /* button */
+  --vp-button-brand-border: var(--vp-dark-green-dark);
+  --vp-button-brand-bg: var(--vp-dark-green-dark);
+  --vp-button-brand-hover-border: var(--vp-dark-green-dark);
+  --vp-button-brand-hover-bg: var(--vp-dark-green);
+  --vp-button-brand-active-border: var(--vp-dark-green-light);
+  --vp-button-brand-active-bg: var(--vp-dark-green);
+}
+
+:root.dark {
+  /* custom tip */
+  --vp-custom-block-tip-border: var(--vp-dark-green-dark);
+  --vp-custom-block-tip-text: var(--vp-dark-subtext);
+  --vp-custom-block-tip-bg: var(--vp-dark-gray-mute);
 }
 
 /* Button */
@@ -87,7 +103,7 @@ pre, code {
   --vp-button-brand-bg: var(--vp-dark-green);
   --vp-button-brand-hover-border: var(--vp-dark-green-lighter);
   --vp-button-brand-hover-text: var(--vp-dark-text);
-  --vp-button-brand-hover-bg: var(--vp-dark-green-light);
+  --vp-button-brand-hover-bg: var(--vp-dark-green-dark);
   --vp-button-brand-active-border: var(--vp-dark-green-light);
   --vp-button-brand-active-text: var(--vp-dark-text);
   --vp-button-brand-active-bg: var(--vp-dark-green);

diff --git a/docs/src/components/AsideTrustees.vue b/docs/src/components/AsideTrustees.vue
@@ -59,11 +59,11 @@
   width: 100%;
   gap: 1rem;
   background-color: var(--vp-c-bg-alt);
-  border: 2px solid var(--vp-c-bg-alt);
+  border: 1.25px solid var(--vp-c-bg-alt);
   transition: border-color 0.5s;
 }
 .enjoyer:hover {
-  border: 2px solid var(--vp-c-brand-light);
+  border: 1.25px solid var(--vp-c-brand-1);
 }
 .enjoyer img {
   transition: transform 0.5s;

diff --git a/template/src/.vitepress/theme/style.css b/template/src/.vitepress/theme/style.css
@@ -52,19 +52,18 @@ pre, code {
   --vp-c-brand-dark: #535bf2;
   --vp-c-brand-darker: #454ce1;
   --vp-c-brand-dimm: #212425;
-}
-
-:root.dark {
+  --vp-tip-bg: rgb(254, 254, 254);
   /* Greens */
-  --vp-dark-green: #2a6e4f; /* Main accent green */
-  --vp-dark-green-light: #3b8a65;
-  --vp-dark-green-lighter: #52a67b;
+  --vp-dark-green: #155f3e; /* Main accent green */
+  --vp-dark-green-dark: #2b855c;
+  --vp-dark-green-light: #42d392;
+  --vp-dark-green-lighter: #35eb9a;
   --vp-dark-green-dimm: #2e3834;
 
   /* Complementary Colors */
   --vp-dark-gray: #1e1e1e;
   --vp-dark-gray-soft: #2a2a2a;
-  --vp-dark-gray-mute: #383838;
+  --vp-dark-gray-mute: #242424;
   --vp-light-gray: #d1d5db;
 
   /* Text Colors */
@@ -75,9 +74,26 @@ pre, code {
   --vp-dark-bg: #121212; /* Main background */
   --vp-dark-bg-alt: #1a1a1a; /* Alternative background */
   --vp-dark-bg-dimm: #101010;
-
-  /* Borders */
+  
+    /* Borders */
   --vp-dark-border: #3b8a65;
+    /* custom tip */
+  --vp-custom-block-tip-border: var(--vp-c-brand-darker);
+  --vp-custom-block-tip-bg: var(--vp-tip-bg);
+  /* button */
+  --vp-button-brand-border: var(--vp-dark-green-dark);
+  --vp-button-brand-bg: var(--vp-dark-green-dark);
+  --vp-button-brand-hover-border: var(--vp-dark-green-dark);
+  --vp-button-brand-hover-bg: var(--vp-dark-green);
+  --vp-button-brand-active-border: var(--vp-dark-green-light);
+  --vp-button-brand-active-bg: var(--vp-dark-green);
+}
+
+:root.dark {
+  /* custom tip */
+  --vp-custom-block-tip-border: var(--vp-dark-green-dark);
+  --vp-custom-block-tip-text: var(--vp-dark-subtext);
+  --vp-custom-block-tip-bg: var(--vp-dark-gray-mute);
 }
 
 /* Button */
@@ -87,7 +103,7 @@ pre, code {
   --vp-button-brand-bg: var(--vp-dark-green);
   --vp-button-brand-hover-border: var(--vp-dark-green-lighter);
   --vp-button-brand-hover-text: var(--vp-dark-text);
-  --vp-button-brand-hover-bg: var(--vp-dark-green-light);
+  --vp-button-brand-hover-bg: var(--vp-dark-green-dark);
   --vp-button-brand-active-border: var(--vp-dark-green-light);
   --vp-button-brand-active-text: var(--vp-dark-text);
   --vp-button-brand-active-bg: var(--vp-dark-green);