added styling for mobile elements

www/reference/src/components/topbar.js

@@ -41,7 +41,6 @@ const Topbar = ({ data, api }) => {
           left: "0",
           right: "0",
           zIndex: "100",
-          backgroundColor: "light",
         },
       }}
     >
@@ -65,7 +64,6 @@ const Topbar = ({ data, api }) => {
               fontWeight: "500",
               flexGrow: "1",
               px: "0",
-              backgroundColor: "light",
               transition: "all .1s ease-in-out",
               "&:focus": {
                 outline: "none !important",

www/reference/src/gatsby-plugin-theme-ui/index.js

@@ -69,6 +69,7 @@ export default {
     placeholder: "#a3acb9",
     dark: "#0a3149",
     darkContrast: "#0a314940",
+    selectBg: "rgba(9, 10, 17, 0.8)",
     light: "#ffffff",
     faded: "#eef0f5",
     fadedContrast: "#eef0f540",
@@ -87,6 +88,7 @@ export default {
         separator: "#eef0f540",
         codeBoxShadow: "#d2d2d22b",
         sectionSeparator: "#404244",
+        selectBg: "rgba(9, 10, 17, 0.8)"
       }
     }
   },

www/reference/src/medusa-plugin-themes/docsearch/theme.css

@@ -733,7 +733,7 @@ svg.DocSearch-Hit-Select-Icon {
         display: flex;
         justify-content: center;
         padding: 0;
-        background-color: var(--docsearch-secondary-color);
+        background-color: var(--docsearch-container-background);
         border: none;
     }
     .DocSearch-Button .DocSearch-Search-Icon {