fix wrong colors

bleu · Oct 15, 2024 · c31165c · c31165c
1 parent af57b26
commit c31165c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/apps/deposit-pool/src/app/layout.tsx b/apps/deposit-pool/src/app/layout.tsx
@@ -12,7 +12,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
       <Head>
         <link rel="manifest" href="/manifest.json" />
       </Head>
-      <body className="flex h-full flex-col font-sans font-normal bg-background text-foreground">
+      <body className="flex h-full flex-col font-sans font-normal bg-transparent text-foreground">
         <IFrameContextProvider>{children}</IFrameContextProvider>
       </body>
     </html>

diff --git a/packages/cow-hooks-ui/global.css b/packages/cow-hooks-ui/global.css
@@ -79,7 +79,7 @@ div[data-rk] {
     --secondary-foreground: var(--cow-color-secondary-text);
     --destructive: var(--cow-color-danger);
     --destructive-foreground: var(--cow-color-danger-text);
-    --muted: var(--cow-color-paper-darkest);
+    --muted: var(--cow-color-paper-darker);
     --muted-foreground: var(--cow-color-secondary-text);
     --accent: var(--cow-color-info);
     --accent-foreground: var(--cow-color-white);

diff --git a/packages/cow-hooks-ui/src/PoolsDropdownMenu.tsx b/packages/cow-hooks-ui/src/PoolsDropdownMenu.tsx
@@ -51,9 +51,9 @@ export function PoolsDropdownMenu({
       <Popover open={open} onOpenChange={setOpen}>
         <PopoverTrigger
           className={cn(
-            "w-full flex p-2 justify-between rounded-xl space-x-1 items-center text-sm bg-background disabled:bg-foreground/10 bg-muted text-foreground group",
+            "w-full flex p-2 justify-between rounded-xl space-x-1 items-center text-sm bg-background bg-muted text-foreground group",
             selectedPool
-              ? "bg-background shadow-sm text-foreground hover:bg-muted hover:text-muted-foreground"
+              ? "bg-muted shadow-sm text-foreground hover:bg-color-paper-darkest hover:text-primary"
               : "bg-primary text-primary-foreground hover:bg-color-primary-lighter"
           )}
           onClick={() => setOpen(true)}
@@ -86,7 +86,7 @@ export function PoolsDropdownMenu({
                     setOpen(false);
                     onSelect(pool);
                   }}
-                  className="group hover:bg-muted hover:text-muted-foreground rounded-md px-2 cursor-pointer flex flex-col gap-1 items-start"
+                  className="group hover:bg-color-paper-darkest hover:text-muted-foreground rounded-md px-2 cursor-pointer flex flex-col gap-1 items-start"
                 >
                   <PoolLogo pool={pool} />
                   <PoolItemInfo pool={pool} />
@@ -97,7 +97,7 @@ export function PoolsDropdownMenu({
         </PopoverContent>
         {poolLink && (
           <a
-            className="inline-flex items-center transition-colors text-primary underline-offset-4 hover:underline justify-start p-0 px-1 m-0 text-xs h-fit"
+            className="inline-flex items-center transition-colors text-primary underline-offset-4 hover:underline justify-start p-0 px-1 m-0 text-xs h-fit w-fit"
             href={poolLink}
             target="_blank"
           >