style: adjust color and button border radius

rotki · Jul 23, 2024 · bb5b3b7 · bb5b3b7
1 parent 9c6ad24
commit bb5b3b7
Showing 1 changed file with 24 additions and 4 deletions.
diff --git a/.vitepress/theme/style.css b/.vitepress/theme/style.css
@@ -44,6 +44,7 @@
  * -------------------------------------------------------------------------- */
 
 :root {
+  --vp-c-indigo-1: #4e5ba6;
   --vp-c-default-1: var(--vp-c-gray-1);
   --vp-c-default-2: var(--vp-c-gray-2);
   --vp-c-default-3: var(--vp-c-gray-3);
@@ -68,6 +69,12 @@
   --vp-c-danger-2: var(--vp-c-red-2);
   --vp-c-danger-3: var(--vp-c-red-3);
   --vp-c-danger-soft: var(--vp-c-red-soft);
+
+  --vp-code-bg: #65758512;
+}
+
+.dark {
+  --vp-c-indigo-1: #5b68b2;
 }
 
 /**
@@ -94,14 +101,14 @@
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(
     120deg,
-    #4e5ba6 30%,
-    #4e5ba6 30%
+    var(--vp-c-brand-1) 30%,
+    var(--vp-c-brand-1) 30%
   );
 
   --vp-home-hero-image-background-image: linear-gradient(
     -45deg,
-    #4e5ba6 50%,
-    #363f72 50%
+    var(--vp-c-brand-1) 50%,
+    var(--vp-c-brand-1) 50%
   );
   --vp-home-hero-image-filter: blur(44px);
 }
@@ -137,6 +144,9 @@
   --docsearch-primary-color: var(--vp-c-brand-1) !important;
 }
 
+/**
+ * Images
+ */
 .content img {
   border-radius: 8px;
   border: 1px solid #ddd;
@@ -146,6 +156,16 @@
   border-color: #333;
 }
 
+/*
+ * Code style for logs
+ */
 .vp-doc .language-log code {
   white-space: normal;
 }
+
+/*
+ * Button on the homepage
+ */
+.VPButton.medium {
+  border-radius: 0.25rem !important;
+}