fix: global link color bug

web3sp · Feb 1, 2023 · 34c69fb · 34c69fb
1 parent 3104981
commit 34c69fb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/src/VenomConnect.tsx b/src/VenomConnect.tsx
@@ -5,7 +5,7 @@ import { getPromiseRaw, ProviderController } from "./controllers";
 import { EventController } from "./controllers/EventController";
 import {
   ToggleExtensionWindow,
-  toggleExtensionWindow
+  toggleExtensionWindow,
 } from "./helpers/backdrop";
 import {
   CLOSE_EVENT,
@@ -14,7 +14,7 @@ import {
   Events,
   EXTENSION_AUTH_EVENT,
   EXTENSION_WINDOW_CLOSED_EVENT,
-  SELECT_EVENT
+  SELECT_EVENT,
 } from "./helpers/events";
 import * as allProviders from "./providers";
 import { getThemeConfig, ThemeNameList, themesList } from "./themes";
@@ -23,11 +23,13 @@ import {
   SimpleFunction,
   ThemeConfig,
   UserProvidersOptions,
-  VenomConnectOptions
+  VenomConnectOptions,
 } from "./types";
 
 export const libName = "VenomConnect";
 
+export const VENOM_CONNECT_MODAL_ID = "VENOM_CONNECT_MODAL_ID";
+
 let oldRoot: Root | undefined = undefined;
 
 const _getDefaultVenomNetworkNameById = (networkId: number) => {
@@ -416,8 +418,6 @@ class VenomConnect {
   }
 
   private renderModal() {
-    const VENOM_CONNECT_MODAL_ID = "VENOM_CONNECT_MODAL_ID";
-
     const oldContainer = document.getElementById(VENOM_CONNECT_MODAL_ID);
 
     if (!oldContainer) {

diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
@@ -10,6 +10,7 @@ import {
   SimpleFunction,
   ThemeConfig,
 } from "../types";
+import { VENOM_CONNECT_MODAL_ID } from "../VenomConnect";
 import AbstractPopUp, { SECONDS } from "./AbstractPopUp";
 import { CardManager } from "./CardManager";
 import { QrCard } from "./InnerCard";
@@ -471,9 +472,9 @@ export const Modal = ({
       />
       <style>
         {`
-          a {
-            text-decoration: none;
-            color: inherit;
+          #${VENOM_CONNECT_MODAL_ID} a {
+            text-decoration: none !important;
+            color: inherit !important;
           }
         `}
       </style>