theme: use inter

Author: claudiacodacy

docusaurus/src/css/custom.css

@@ -3,6 +3,7 @@
  * bundles Infima by default. Infima is a CSS framework designed to
  * work well for content-centric websites.
  */
+@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
 
 /* You can override the default Infima variables here. */
 :root {
@@ -13,8 +14,17 @@
   --ifm-color-primary-light: #33925d;
   --ifm-color-primary-lighter: #359962;
   --ifm-color-primary-lightest: #3cad6e;
-  --ifm-code-font-size: 95%;
+  --ifm-font-size-base: 87.5%;
   --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"	
+}
+
+/* Keep swizzled SVG icons aligned with text and sized consistently. */
+.navbar__item svg,
+.footer__link-item svg {
+  vertical-align: -0.125em;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -29,6 +39,10 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+.table-of-contents__left-border {
+  border: none;
+}
+
 .nav-multistep {
   margin: 1rem 0 1.25rem;
   padding: 1rem;