fix: fix color switching for SVG

axelarnetwork · Nov 21, 2023 · cf86a1b · cf86a1b · vercel · Nov 21, 2023
1 parent 2e20826
commit cf86a1b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/src/pages/dev/general-message-passing/overview.mdx b/src/pages/dev/general-message-passing/overview.mdx
@@ -13,7 +13,7 @@ With GMP, you can:
 - The application must be on one of Axelar's supported EVM chains. See [chain names](../reference/mainnet-chain-names) for a list of EVM chains that have an Axelar Gateway deployed. The list is updated as new chains are added.
 
 ### Flow architecture (in steps)
-<div style="color:black;">
+<div class="colored-svg">
   <svg
    width="100%"
    version="1.1"

diff --git a/src/styles/dark.scss b/src/styles/dark.scss
@@ -150,4 +150,7 @@ html.dark body {
   .dropdown .dropdown-menu *:hover {
     background-color: rgb(17, 24, 39);
   }
+  .colored-svg {
+    color: white;
+  }
 }
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -389,6 +389,10 @@ astro-island button {
   grid-auto-flow: row;
   display: grid;
 }
+.colored-svg {
+  color: black;
+}
+
 /* Temporary Tailwind CSS */
 .flex {
   display: flex;