change 191919s to dark-palette-backgroundAlternate

Author: brendan-defi

apps/web/src/components/Ecosystem/EcosystemFilters.tsx

@@ -121,7 +121,7 @@ export function EcosystemFilters({
 
               <Popover.Portal>
                 <Popover.Content className="z-50 w-64" sideOffset={5}>
-                  <Card radius={8} innerClassName="bg-[#191919] p-4">
+                  <Card radius={8} innerClassName="bg-dark-palette-backgroundAlternate p-4">
                     <div className="flex flex-col gap-2">
                       {config[category]?.map((subcategory) => {
                         const subcategoryIsSelected = selectedSubcategories.includes(subcategory);

apps/web/src/components/base-org/shared/TopNavigation/DevelopersDropdown.tsx

@@ -34,7 +34,7 @@ export function DevelopersDropdown() {
   return (
     <AnalyticsProvider context="developers">
       <div className="relative m-0 w-full rounded-xl bg-white/20 p-[1px]">
-        <div className="flex flex-col gap-2.5 rounded-xl bg-[#191919] p-2">
+        <div className="flex flex-col gap-2.5 rounded-xl bg-dark-palette-backgroundAlternate p-2">
           <Link
             href="https://docs.base.org"
             className="flex items-center justify-between rounded-lg bg-dark-palette-secondary px-4 py-3 hover:bg-white/10"

apps/web/src/components/base-org/shared/TopNavigation/GasPriceDropdown.tsx

@@ -43,7 +43,7 @@ export function GasPriceDropdown() {
         <small>Mwei</small>
       </div>
       <div className="absolute left-0 top-full hidden pt-2 group-hover:inline-block">
-        <Card innerClassName="p-4 bg-[#191919]">
+        <Card innerClassName="p-4 bg-dark-palette-backgroundAlternate">
           <ul className="flex flex-col gap-2 whitespace-nowrap">
             <li className="flex gap-2">
               <strong className="font-normal">{base.name}</strong>

apps/web/src/components/base-org/shared/TopNavigation/MenuDesktop.tsx

@@ -106,8 +106,8 @@ export default function MenuDesktop({ links }: MenuDesktopProps) {
         {links[hoverIndex]?.name === 'Developers' ? (
           <DevelopersDropdown />
         ) : (
-          <Card radius={8} innerClassName="bg-[#191919]">
-            <div className="flex w-full items-stretch gap-2 rounded-lg bg-[#191919] p-2">
+          <Card radius={8} innerClassName="bg-dark-palette-backgroundAlternate">
+            <div className="flex w-full items-stretch gap-2 rounded-lg bg-dark-palette-backgroundAlternate p-2">
               {links[hoverIndex]?.subItems && (
                 <AnalyticsProvider context={links[hoverIndex].analyticContext}>
                   <div className="flex flex-1 flex-col">