Inter + sidebar adjustments

Author: claudiacodacy

docusaurus/src/css/custom.css

@@ -18,13 +18,11 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 
   /* custom overides from codacy*/
-  --ifm-font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"	
-}
+  --ifm-font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  --ifm-toc-border-color: var(--ifm-color-emphasis-200);
 
-/* Keep swizzled SVG icons aligned with text and sized consistently. */
-.navbar__item svg,
-.footer__link-item svg {
-  vertical-align: -0.125em;
+  /* overriding the arrow in the sidebar */
+  --ifm-menu-link-sublist-icon: url("data:image/svg+xml;utf8,<svg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M21.5397 17.5397C20.9261 18.1534 19.9311 18.1534 19.3174 17.5397L11 9.22234L2.6826 17.5397C2.06892 18.1534 1.07394 18.1534 0.460263 17.5397C-0.153418 16.9261 -0.153418 15.9311 0.460263 15.3174L9.88883 5.88883C10.5025 5.27515 11.4975 5.27515 12.1112 5.88883L21.5397 15.3174C22.1534 15.9311 22.1534 16.9261 21.5397 17.5397Z' fill='%237689AD'/></svg>");
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -37,12 +35,28 @@
   --ifm-color-primary-lighter: #32d8b4;
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+
+  --ifm-toc-border-color: var(--ifm-color-empaphis-200);
 }
 
 .table-of-contents__left-border {
   border: none;
 }
 
+.menu__link--sublist-caret::after {
+  background: var(--ifm-menu-link-sublist-icon) 50% / 1rem 1rem;
+  background-repeat: no-repeat;
+}
+
+.navbar {
+  box-shadow: none;
+  border-bottom: 1px solid var(--ifm-toc-border-color);
+}
+
+.menu {
+  padding: 0.5rem
+}
+
 .nav-multistep {
   margin: 1rem 0 1.25rem;
   padding: 1rem;