prepare styles for light theme

bleu · Jul 19, 2024 · 64e3277 · 64e3277
1 parent 5ad1232
commit 64e3277
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/app/[chainId]/[safeAddress]/page.tsx b/src/app/[chainId]/[safeAddress]/page.tsx
@@ -6,7 +6,7 @@ export default function Page() {
   return (
     <>
       <TxPendingDialog />
-      <div className="grid grid-cols-1 md:grid-cols-3 p-8 gap-4">
+      <div className="grid grid-cols-1 md:grid-cols-3 p-8 gap-4 text-foreground">
         <div className="md:col-span-1">
           <SwapCard />
         </div>

diff --git a/src/components/AdvancedSettingsDialog.tsx b/src/components/AdvancedSettingsDialog.tsx
@@ -90,7 +90,7 @@ export function AdvancedSettingsDialog() {
         />
         <DialogContent
           className={cn(
-            "data-[state=open]:animate-contentShow fixed top-[50%] left-[50%] max-h-[85vh] translate-x-[-50%] translate-y-[-50%] rounded-lg focus:outline-none bg-muted  w-[90vw] max-w-[450px] p-[25px]",
+            "data-[state=open]:animate-contentShow fixed top-[50%] left-[50%] max-h-[85vh] translate-x-[-50%] translate-y-[-50%] rounded-lg focus:outline-none bg-muted  w-[90vw] max-w-[450px] p-[25px] text-foreground",
           )}
         >
           <div className="flex flex-col justify-between w-full">

diff --git a/src/components/ConsolidatedOrdersTable/index.tsx b/src/components/ConsolidatedOrdersTable/index.tsx
@@ -65,7 +65,7 @@ export function ConsolidatedOrdersTable() {
     <div>
       <div className="md:-mt-10">
         <div className="flex items-center space-x-2 mb-2">
-          <span className="text-2xl font-semibold ">Your orders</span>
+          <span className="text-2xl font-semibold">Your orders</span>
           {isUpdating ? (
             <Spinner size="sm" />
           ) : (

diff --git a/src/components/OrderTypeSwitch.tsx b/src/components/OrderTypeSwitch.tsx
@@ -25,14 +25,14 @@ export function OrderTypeToggleGroup({
       }}
     >
       <ToggleGroupItem
-        className="text-base font-bold h-min data-[state=on]:underline data-[state=on]:decoration-primary data-[state=on]:decoration-2 data-[state=on]:bg-transparent data-[state=on]:text-white hover:underline hover:decoration-primary hover:decoration-2 hover:bg-transparent hover:text-white px-0 opacity-50 data-[state=on]:opacity-100 hover:opacity-100"
+        className="text-base font-bold h-min data-[state=on]:underline data-[state=on]:decoration-primary data-[state=on]:decoration-2 data-[state=on]:bg-transparent data-[state=on]:text-foreground hover:underline hover:decoration-primary hover:decoration-2 hover:bg-transparent hover:text-foreground px-0 opacity-50 data-[state=on]:opacity-100 hover:opacity-100"
         value="buy"
         aria-label="Toggle buy"
       >
         buy
       </ToggleGroupItem>
       <ToggleGroupItem
-        className="text-base font-bold h-min data-[state=on]:underline data-[state=on]:decoration-primary data-[state=on]:decoration-2 data-[state=on]:bg-transparent data-[state=on]:text-white hover:underline hover:decoration-primary hover:decoration-2 hover:bg-transparent hover:text-white px-0 opacity-50 data-[state=on]:opacity-100 hover:opacity-100"
+        className="text-base font-bold h-min data-[state=on]:underline data-[state=on]:decoration-primary data-[state=on]:decoration-2 data-[state=on]:bg-transparent data-[state=on]:text-foreground hover:underline hover:decoration-primary hover:decoration-2 hover:bg-transparent hover:text-foreground px-0 opacity-50 data-[state=on]:opacity-100 hover:opacity-100"
         value="sell"
         aria-label="Toggle sell"
       >