feat(docs): updates custom css style closer to platform

Author: antlio

src/css/custom.css

@@ -6,7 +6,7 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #be906e;
+  --ifm-color-primary: #f97316;
   --ifm-color-primary-dark: #b58059;
   --ifm-color-primary-darker: #b0784f;
   --ifm-color-primary-darkest: #916341;
@@ -27,13 +27,15 @@
   --ifm-codeblock-background: #f5e6dd;
   --ifm-codeblock-border: var(--ifm-color-primary-lightest);
   --ifm-prompt-background: #f6eee9;
+  --ifm-menu-color: #4d4d4d;
   --ifm-menu-color-active: #000;
   --ifm-menu-color-active-dark: #e3986a;
   --ifm-navbar-height: 72px;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
   --ifm-font-weight-semibold: 600;
   --ifm-navbar-shadow: none;
   --ifm-table-border-width: 0;
+  --ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M14.4 13.59H16v-1.536h-1.6v1.536Zm-1.6-1.536h1.6v-1.536h-1.6v1.536Zm-1.6-1.536h1.6V8.982h-1.6v1.536Zm-1.6 1.536h1.6v-1.536H9.6v1.536ZM8 13.59h1.6v-1.536H8v1.536Z"></path></svg>');
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -88,7 +90,7 @@
 }
 
 aside.theme-doc-sidebar-container li.menu-label {
-  color: hsl(0, 0%, 48%);
+  color: var(--ifm-menu-color);
   font-size: 0.75em;
   letter-spacing: 0.1em;
   text-transform: uppercase;