fix(bridge): light theme toggle chain button (#13089)

taikoxyz · Feb 4, 2023 · ed5a748 · ed5a748 · JmssHelloJms · Feb 5, 2023
1 parent cb34cf0
commit ed5a748
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/bridge-ui/src/app.css b/packages/bridge-ui/src/app.css
@@ -86,6 +86,12 @@ input[type=number] {
   display: none;
 }
 
+[data-theme="light"] .toggle-chain.btn[disabled] {
+  color: #1f2937;
+  background-color: #d4d4d4;
+  opacity: 0.4;
+}
+
 @media screen and (max-width: 768px) {
   [data-theme="dark"] .taiko-logo {
     display: none;

diff --git a/packages/bridge-ui/src/components/form/SelectChain.svelte b/packages/bridge-ui/src/components/form/SelectChain.svelte
@@ -43,7 +43,7 @@
 
   <button
     on:click={toggleChains}
-    class="btn btn-square btn-sm"
+    class="btn btn-square btn-sm toggle-chain"
     disabled={!$signer}><ArrowRight size="16" /></button
   >
   <div class="flex items-center w-2/5 justify-center">