From 8dce039767af54b426aa5fbb5f00ca7f5a90e51b Mon Sep 17 00:00:00 2001
From: Matt Vanderpol <matt@vanderpol.net>
Date: Mon, 16 Dec 2024 13:43:31 -0800
Subject: [PATCH] Sidebar tweaks

---
 src/css/custom.css | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index 378d1ce0..33d25444 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -43,6 +43,9 @@
   --ifm-breadcrumb-separator: url("data:image/svg+xml, %3Csvg%20width=%228%22%20height=%2213%22%20viewBox=%220%200%208%2013%22%20fill=%22none%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d=%22M1%2012L7%206.5L1%201%22%20stroke=%22%23415067%22%20stroke-width=%221.25%22%2F%3E%0A%3C%2Fsvg%3E%0A");
   --ifm-breadcrumb-item-background-active: #FFF;
   --ifm-breadcrumb-spacing: 0.875rem;
+  --ifm-menu-color-background-hover: transparent;
+  --ifm-menu-color-background-active: transparent;
+  --ifm-menu-color-active: #283AF7;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -80,8 +83,40 @@ figure figcaption {
   overflow: clip;
 }
 
+.theme-doc-sidebar-menu {
+  font-size: 1.125rem;
+}
+
+.theme-doc-sidebar-menu > .theme-doc-sidebar-item-link:first-child {
+  display: none;
+}
+
 .theme-doc-sidebar-item-link > strong {
   text-transform: uppercase;
+  color: var(--ifm-heading-color);
+}
+
+.theme-doc-sidebar-item-link + .theme-doc-sidebar-item-category {
+  margin-top: 2rem;
+}
+
+.theme-doc-sidebar-menu .menu__list-item:not(:first-child) {
+  margin-top: 0.75rem;
+}
+
+.theme-doc-sidebar-menu .menu__caret:before {
+  background-image: url("data:image/svg+xml, %3Csvg%20width=%228%22%20height=%2213%22%20viewBox=%220%200%208%2013%22%20fill=%22none%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d=%22M1%2012L7%206.5L1%201%22%20stroke=%22%23415067%22%20stroke-width=%221.25%22%2F%3E%0A%3C%2Fsvg%3E%0A");
+  background-repeat: no-repeat;
+  background-size: 100%;
+  width: 8px;
+  height: 12px;
+  transform: rotate(0);
+}
+.theme-doc-sidebar-menu .menu__link--active + .menu__caret:before {
+  background-image: url("data:image/svg+xml, %3Csvg%20width=%2212%22%20height=%228%22%20viewBox=%220%200%2012%208%22%20fill=%22none%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d=%22M0.500001%200.499999L6%206.5L11.5%200.5%22%20stroke=%22%23283AF7%22%20stroke-width=%221.25%22%2F%3E%0A%3C%2Fsvg%3E%0A");
+  width: 12px;
+  height: 8px;
+
 }
 
 [class^=docMainContainer_] {
@@ -244,5 +279,9 @@ background-repeat: no-repeat;
   [class^=docMainContainer_] [class^=generatedIndexPage_] {
     max-width: 83% !important;
   }
+
+  .menu[class*=menu_] {
+    padding-left: 1.75rem;
+  }
 }