Merge pull request #44 from metaplex-foundation/tony/navigation

Tony/navigation 2

src/components/Search.jsx

@@ -72,6 +72,7 @@ export function Search() {
                 Router.push(itemUrl)
               },
             }}
+            className="fixed inset-0 z-50 bg-red-500 dark:bg-neutral-900"
           />,
           document.body
         )}

src/components/products/inscription/Logo.jsx

@@ -27,8 +27,8 @@ export function Logo(props) {
           y2="112"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="#F0ABFC" />
-          <stop offset="1" stopColor="#E546E9" />
+          <stop stopColor="#BEF264" />
+          <stop offset="1" stopColor="#8ED022" />
         </linearGradient>
       </defs>
     </svg>

src/components/products/inscription/index.js

@@ -13,7 +13,7 @@ export const inscription = {
   logo: Logo,
   navigationMenuCatergory: 'Create',
   github: 'https://github.com/metaplex-foundation/mpl-inscription',
-  className: 'accent-pink',
+  className: 'accent-green',
   heroes: [{ path: '/inscription', component: Hero }],
   sections: [
     {

src/components/products/tokenMetadata/Logo.jsx

@@ -1,5 +1,4 @@
 import { useId } from 'react'
-
 export function Logo(props) {
   const id = useId()
 

src/styles/docsearch.css

@@ -2,50 +2,50 @@
 :root {
   --docsearch-primary-color: red;
   --docsearch-highlight-color: var(--docsearch-primary-color);
-  --docsearch-muted-color: theme('colors.slate.500');
-  --docsearch-emphasis-color: theme('colors.slate.900');
+  --docsearch-muted-color: theme('colors.neutral.500');
+  --docsearch-emphasis-color: theme('colors.neutral.900');
   --docsearch-logo-color: #5468ff;
   --docsearch-modal-width: 35rem;
   --docsearch-modal-height: 37.5rem;
   --docsearch-modal-background: theme('colors.white');
   --docsearch-modal-shadow: theme('boxShadow.xl');
   --docsearch-searchbox-height: 3rem;
-  --docsearch-hit-color: theme('colors.slate.700');
+  --docsearch-hit-color: theme('colors.neutral.700');
   --docsearch-hit-active-color: theme('colors.sky.600');
-  --docsearch-hit-active-background: theme('colors.slate.100');
+  --docsearch-hit-active-background: theme('colors.neutral.100');
   --docsearch-footer-height: 3rem;
-  --docsearch-border-color: theme('colors.slate.200');
-  --docsearch-input-color: theme('colors.slate.900');
-  --docsearch-heading-color: theme('colors.slate.900');
-  --docsearch-key-background: theme('colors.slate.100');
-  --docsearch-key-hover-background: theme('colors.slate.200');
-  --docsearch-key-color: theme('colors.slate.500');
-  --docsearch-action-color: theme('colors.slate.400');
-  --docsearch-action-active-background: theme('colors.slate.200');
-  --docsearch-loading-background: theme('colors.slate.400');
-  --docsearch-loading-foreground: theme('colors.slate.900');
+  --docsearch-border-color: theme('colors.neutral.200');
+  --docsearch-input-color: theme('colors.neutral.900');
+  --docsearch-heading-color: theme('colors.neutral.900');
+  --docsearch-key-background: theme('colors.neutral.100');
+  --docsearch-key-hover-background: theme('colors.neutral.200');
+  --docsearch-key-color: theme('colors.neutral.500');
+  --docsearch-action-color: theme('colors.neutral.400');
+  --docsearch-action-active-background: theme('colors.neutral.200');
+  --docsearch-loading-background: theme('colors.neutral.400');
+  --docsearch-loading-foreground: theme('colors.neutral.900');
 }
 
 .dark {
   --docsearch-highlight-color: var(--docsearch-primary-color);
-  --docsearch-muted-color: theme('colors.slate.400');
+  --docsearch-muted-color: theme('colors.neutral.400');
   --docsearch-emphasis-color: theme('colors.white');
-  --docsearch-logo-color: theme('colors.slate.300');
-  --docsearch-modal-background: theme('colors.slate.800');
-  --docsearch-modal-shadow: 0 0 0 1px theme('colors.slate.700'),
+  --docsearch-logo-color: theme('colors.neutral.300');
+  --docsearch-modal-background: theme('colors.neutral.900');
+  --docsearch-modal-shadow: 0 0 0 1px theme('colors.neutral.700'),
     theme('boxShadow.xl');
-  --docsearch-hit-color: theme('colors.slate.300');
+  --docsearch-hit-color: theme('colors.neutral.300');
   --docsearch-hit-active-color: theme('colors.sky.400');
   --docsearch-hit-active-background: rgb(51 65 85 / 0.3);
   --docsearch-border-color: rgb(148 163 184 / 0.1);
   --docsearch-heading-color: theme('colors.white');
   --docsearch-key-background: rgb(51 65 85 / 0.4);
   --docsearch-key-hover-background: rgb(51 65 85 / 0.8);
-  --docsearch-key-color: theme('colors.slate.400');
+  --docsearch-key-color: theme('colors.neutral.400');
   --docsearch-input-color: theme('colors.white');
-  --docsearch-action-color: theme('colors.slate.500');
-  --docsearch-action-active-background: theme('colors.slate.700');
-  --docsearch-loading-background: theme('colors.slate.500');
+  --docsearch-action-color: theme('colors.neutral.500');
+  --docsearch-action-active-background: theme('colors.neutral.700');
+  --docsearch-loading-background: theme('colors.neutral.500');
   --docsearch-loading-foreground: theme('colors.white');
 }
 
@@ -62,7 +62,7 @@
   height: 100vh;
   height: -webkit-fill-available;
   height: calc(var(--docsearch-vh, 1vh) * 100);
-  background-color: rgb(15 23 42 / 0.5);
+  background-color: rgba(42, 42, 42, 0.5);
   backdrop-filter: blur(theme('backdropBlur.DEFAULT'));
   cursor: auto;
 }
@@ -110,7 +110,7 @@
 }
 
 .DocSearch-Input::placeholder {
-  color: theme('colors.slate.400');
+  color: theme('colors.neutral.400');
   opacity: 1;
 }