explorer: Fix Links low contrast

Resolves #1764
dusk-network · May 25, 2024 · 751a10b · 751a10b
1 parent bd1d42a
commit 751a10b
Show file tree

Hide file tree

Showing 34 changed files with 149 additions and 209 deletions.
diff --git a/explorer/src/lib/components/__tests__/__snapshots__/Alert.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/Alert.spec.js.snap
diff --git a/explorer/src/lib/components/__tests__/__snapshots__/AppAnchor.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/AppAnchor.spec.js.snap
@@ -2,7 +2,7 @@
 
 exports[`AppAnchor > should render an \`Anchor\` with the base path prepended to the \`href\` attribute, if the \`href\` represents an absolute URL 1`] = `
 <a
-  class="dusk-anchor foo bar"
+  class="dusk-anchor dusk-anchor--on-surface foo bar"
   href="/some-base-path/setup"
   id="some-id"
 >

diff --git a/explorer/src/lib/components/__tests__/__snapshots__/AppAnchorButton.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/AppAnchorButton.spec.js.snap
@@ -4,7 +4,7 @@ exports[`AppAnchorButton > should render an \`AnchorButton\` with the base path
 <div>
   <a
     aria-disabled="false"
-    class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal foo bar"
+    class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal foo bar"
     href="/some-base-path/setup"
     id="some-id"
   >

diff --git a/explorer/src/lib/components/__tests__/__snapshots__/BlockDetails.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/BlockDetails.spec.js.snap
@@ -86,7 +86,7 @@ exports[`Block Details > renders the Block Details component 1`] = `
       >
         <a
           aria-disabled="false"
-          class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal dusk-icon-button block-details__list-anchor"
+          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal dusk-icon-button block-details__list-anchor"
           href="/some-base-path/blocks/block?id=07b74b35c2c7cf8f41426cd0870bafa1a2c7adee3fdd876643548096186fc4cb"
         >
           <svg
@@ -112,7 +112,7 @@ exports[`Block Details > renders the Block Details component 1`] = `
          
         <a
           aria-disabled="false"
-          class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal dusk-icon-button block-details__list-anchor"
+          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal dusk-icon-button block-details__list-anchor"
           href="/some-base-path/blocks/block?id=6011556208a85e6001bd01ccbf936486b91318a7f6cbcf7ab810adf6fae34204"
         >
           <svg

diff --git a/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap
@@ -87,7 +87,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
             class="table__data-cell"
           >
             <a
-              class="dusk-anchor block__link"
+              class="dusk-anchor dusk-anchor--on-surface block__link"
               href="/some-base-path/blocks/block?id=9ebf7e785d75bc7c8fdc386f6806ffa0964b19c6f18f56d869274ea046ed0148"
             >
               487,491
@@ -158,7 +158,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
             class="table__data-cell"
           >
             <a
-              class="dusk-anchor block__link"
+              class="dusk-anchor dusk-anchor--on-surface block__link"
               href="/some-base-path/blocks/block?id=d5d5d211791468e09d3224eb194b9ae89f0ba1ad5dea1e8e458e7a3cb9b01bfa"
             >
               487,490
@@ -229,7 +229,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
             class="table__data-cell"
           >
             <a
-              class="dusk-anchor block__link"
+              class="dusk-anchor dusk-anchor--on-surface block__link"
               href="/some-base-path/blocks/block?id=07d8c3fedd76afcf108dacc311867062393a39cf34a76d5226c7ec8360017117"
             >
               487,489
@@ -300,7 +300,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
             class="table__data-cell"
           >
             <a
-              class="dusk-anchor block__link"
+              class="dusk-anchor dusk-anchor--on-surface block__link"
               href="/some-base-path/blocks/block?id=6ffed76cc339260d215219c3e6a710ae8fc0d81f68cfb201b1db1c9c57d9ca4c"
             >
               487,488
@@ -371,7 +371,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
             class="table__data-cell"
           >
             <a
-              class="dusk-anchor block__link"
+              class="dusk-anchor dusk-anchor--on-surface block__link"
               href="/some-base-path/blocks/block?id=284f14e50099db32bc34fc0cbecc016224100dd461fa4e2e02a60ffc77f7b391"
             >
               487,487
@@ -442,7 +442,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
             class="table__data-cell"
           >
             <a
-              class="dusk-anchor block__link"
+              class="dusk-anchor dusk-anchor--on-surface block__link"
               href="/some-base-path/blocks/block?id=adb7e41bd1509ee542b782a9ae59d82aec00d7ac0810b0bf6d6a6ea6fb54bced"
             >
               487,486
@@ -513,7 +513,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
             class="table__data-cell"
           >
             <a
-              class="dusk-anchor block__link"
+              class="dusk-anchor dusk-anchor--on-surface block__link"
               href="/some-base-path/blocks/block?id=b16fa4cac5f70b0b021fb7fc0f5388c6a4ad56d21f5170dea8e2abdfc836462c"
             >
               487,485
@@ -584,7 +584,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
             class="table__data-cell"
           >
             <a
-              class="dusk-anchor block__link"
+              class="dusk-anchor dusk-anchor--on-surface block__link"
               href="/some-base-path/blocks/block?id=0848155ae84398b4a2424a526d9a9e28befa2fff5e54eb253592df9e62cda572"
             >
               487,484
@@ -655,7 +655,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
             class="table__data-cell"
           >
             <a
-              class="dusk-anchor block__link"
+              class="dusk-anchor dusk-anchor--on-surface block__link"
               href="/some-base-path/blocks/block?id=e583705447034015672243dc5ec694e673344d3969846d5606cca88e2a6fef9f"
             >
               487,483
@@ -726,7 +726,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
             class="table__data-cell"
           >
             <a
-              class="dusk-anchor block__link"
+              class="dusk-anchor dusk-anchor--on-surface block__link"
               href="/some-base-path/blocks/block?id=8bc650bb577f6d4a93b41523712f2f2c82911395e871c022dfa56d54c12061bc"
             >
               487,482

diff --git a/explorer/src/lib/components/__tests__/__snapshots__/BlocksList.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/BlocksList.spec.js.snap
@@ -31,7 +31,7 @@ exports[`Blocks List > renders the Blocks List component 1`] = `
       class="details-list__definition details-list__definition--table"
     >
       <a
-        class="dusk-anchor block-details__list-link"
+        class="dusk-anchor dusk-anchor--on-surface block-details__list-link"
         href="/some-base-path/blocks/block?id=bd5c99bb720b03500e89f103fe66113ba62f2e124ed9651563f38fd15977719f"
       >
         495,868

diff --git a/explorer/src/lib/components/__tests__/__snapshots__/BlocksTable.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/BlocksTable.spec.js.snap
@@ -60,7 +60,7 @@ exports[`Blocks Table > should render the \`BlocksTable\` component 1`] = `
           class="table__data-cell"
         >
           <a
-            class="dusk-anchor block__link"
+            class="dusk-anchor dusk-anchor--on-surface block__link"
             href="/some-base-path/blocks/block?id=9ebf7e785d75bc7c8fdc386f6806ffa0964b19c6f18f56d869274ea046ed0148"
           >
             487,491
@@ -131,7 +131,7 @@ exports[`Blocks Table > should render the \`BlocksTable\` component 1`] = `
           class="table__data-cell"
         >
           <a
-            class="dusk-anchor block__link"
+            class="dusk-anchor dusk-anchor--on-surface block__link"
             href="/some-base-path/blocks/block?id=d5d5d211791468e09d3224eb194b9ae89f0ba1ad5dea1e8e458e7a3cb9b01bfa"
           >
             487,490
@@ -202,7 +202,7 @@ exports[`Blocks Table > should render the \`BlocksTable\` component 1`] = `
           class="table__data-cell"
         >
           <a
-            class="dusk-anchor block__link"
+            class="dusk-anchor dusk-anchor--on-surface block__link"
             href="/some-base-path/blocks/block?id=07d8c3fedd76afcf108dacc311867062393a39cf34a76d5226c7ec8360017117"
           >
             487,489
@@ -273,7 +273,7 @@ exports[`Blocks Table > should render the \`BlocksTable\` component 1`] = `
           class="table__data-cell"
         >
           <a
-            class="dusk-anchor block__link"
+            class="dusk-anchor dusk-anchor--on-surface block__link"
             href="/some-base-path/blocks/block?id=6ffed76cc339260d215219c3e6a710ae8fc0d81f68cfb201b1db1c9c57d9ca4c"
           >
             487,488
@@ -344,7 +344,7 @@ exports[`Blocks Table > should render the \`BlocksTable\` component 1`] = `
           class="table__data-cell"
         >
           <a
-            class="dusk-anchor block__link"
+            class="dusk-anchor dusk-anchor--on-surface block__link"
             href="/some-base-path/blocks/block?id=284f14e50099db32bc34fc0cbecc016224100dd461fa4e2e02a60ffc77f7b391"
           >
             487,487
@@ -415,7 +415,7 @@ exports[`Blocks Table > should render the \`BlocksTable\` component 1`] = `
           class="table__data-cell"
         >
           <a
-            class="dusk-anchor block__link"
+            class="dusk-anchor dusk-anchor--on-surface block__link"
             href="/some-base-path/blocks/block?id=adb7e41bd1509ee542b782a9ae59d82aec00d7ac0810b0bf6d6a6ea6fb54bced"
           >
             487,486
@@ -486,7 +486,7 @@ exports[`Blocks Table > should render the \`BlocksTable\` component 1`] = `
           class="table__data-cell"
         >
           <a
-            class="dusk-anchor block__link"
+            class="dusk-anchor dusk-anchor--on-surface block__link"
             href="/some-base-path/blocks/block?id=b16fa4cac5f70b0b021fb7fc0f5388c6a4ad56d21f5170dea8e2abdfc836462c"
           >
             487,485
@@ -557,7 +557,7 @@ exports[`Blocks Table > should render the \`BlocksTable\` component 1`] = `
           class="table__data-cell"
         >
           <a
-            class="dusk-anchor block__link"
+            class="dusk-anchor dusk-anchor--on-surface block__link"
             href="/some-base-path/blocks/block?id=0848155ae84398b4a2424a526d9a9e28befa2fff5e54eb253592df9e62cda572"
           >
             487,484
@@ -628,7 +628,7 @@ exports[`Blocks Table > should render the \`BlocksTable\` component 1`] = `
           class="table__data-cell"
         >
           <a
-            class="dusk-anchor block__link"
+            class="dusk-anchor dusk-anchor--on-surface block__link"
             href="/some-base-path/blocks/block?id=e583705447034015672243dc5ec694e673344d3969846d5606cca88e2a6fef9f"
           >
             487,483
@@ -699,7 +699,7 @@ exports[`Blocks Table > should render the \`BlocksTable\` component 1`] = `
           class="table__data-cell"
         >
           <a
-            class="dusk-anchor block__link"
+            class="dusk-anchor dusk-anchor--on-surface block__link"
             href="/some-base-path/blocks/block?id=8bc650bb577f6d4a93b41523712f2f2c82911395e871c022dfa56d54c12061bc"
           >
             487,482

diff --git a/explorer/src/lib/components/__tests__/__snapshots__/Footer.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/Footer.spec.js.snap
@@ -17,15 +17,15 @@ exports[`Footer > renders the Footer component 1`] = `
       class="footer__links"
     >
       <a
-        class="dusk-anchor footer__links-link"
+        class="dusk-anchor dusk-anchor--off-surface footer__links-link"
         href="https://dusk.network/privacy-policy"
       >
         Privacy policy
       </a>
       <!--&lt;Anchor&gt;-->
        
       <a
-        class="dusk-anchor footer__links-link"
+        class="dusk-anchor dusk-anchor--off-surface footer__links-link"
         href="https://dusk.network/terms-of-use"
       >
         Terms of use
@@ -34,7 +34,7 @@ exports[`Footer > renders the Footer component 1`] = `
     </div>
      
     <a
-      class="dusk-anchor footer__logo"
+      class="dusk-anchor dusk-anchor--on-surface footer__logo"
       href="https://dusk.network"
     >
       <picture>

diff --git a/explorer/src/lib/components/__tests__/__snapshots__/Navbar.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/Navbar.spec.js.snap
@@ -7,7 +7,7 @@ exports[`Navbar > renders the Navbar component 1`] = `
     style="margin-bottom: 0"
   >
     <a
-      class="dusk-anchor dusk-navbar__logo"
+      class="dusk-anchor dusk-anchor--on-surface dusk-navbar__logo"
       href="/some-base-path/"
     >
       <img
@@ -71,7 +71,7 @@ exports[`Navbar > renders the Navbar component 1`] = `
       >
         
         <a
-          class="dusk-anchor dusk-nav-list__link"
+          class="dusk-anchor dusk-anchor--off-surface dusk-nav-list__link"
           href="/some-base-path/"
         >
           Chain Info
@@ -80,7 +80,7 @@ exports[`Navbar > renders the Navbar component 1`] = `
         <!--&lt;AppAnchor&gt;-->
         
         <a
-          class="dusk-anchor dusk-nav-list__link"
+          class="dusk-anchor dusk-anchor--off-surface dusk-nav-list__link"
           href="/some-base-path/blocks"
         >
           Blocks
@@ -89,7 +89,7 @@ exports[`Navbar > renders the Navbar component 1`] = `
         <!--&lt;AppAnchor&gt;-->
         
         <a
-          class="dusk-anchor dusk-nav-list__link"
+          class="dusk-anchor dusk-anchor--off-surface dusk-nav-list__link"
           href="/some-base-path/transactions"
         >
           Transactions

diff --git a/explorer/src/lib/components/__tests__/__snapshots__/TransactionDetails.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/TransactionDetails.spec.js.snap
@@ -85,7 +85,7 @@ exports[`Transaction Details > renders the Transaction Details component 1`] = `
         class="details-list__definition"
       >
         <a
-          class="dusk-anchor transaction-details__list-anchor"
+          class="dusk-anchor dusk-anchor--on-surface transaction-details__list-anchor"
           href="/some-base-path/blocks/block?id=3c6e4018cfa86723e50644e33d3990bc27fc794f6b49fbf6290e4d308e07bd2d"
         >
           487,166
@@ -449,7 +449,7 @@ exports[`Transaction Details > renders the Transaction Details component with th
         class="details-list__definition"
       >
         <a
-          class="dusk-anchor transaction-details__list-anchor"
+          class="dusk-anchor dusk-anchor--on-surface transaction-details__list-anchor"
           href="/some-base-path/blocks/block?id=3c6e4018cfa86723e50644e33d3990bc27fc794f6b49fbf6290e4d308e07bd2d"
         >
           487,166