Merge pull request #176 from VenusProtocol/feature/link

Update anchors style
VenusProtocol · Mar 15, 2022 · 936e517 · 936e517
2 parents 998626c + 3b286e6
commit 936e517
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/src/assets/styles/App.scss b/src/assets/styles/App.scss
@@ -286,3 +286,15 @@ h4 {
 p {
   color: var(--color-text-secondary);
 }
+
+a {
+  color: var(--color-text-secondary);
+
+  &:hover {
+    color: var(--color-text-main);
+  }
+
+  &:active {
+    color: var(--color-text-inactive);
+  }
+}
diff --git a/src/assets/styles/Global.scss b/src/assets/styles/Global.scss
@@ -21,8 +21,8 @@
 
   /* Typography colors */
   --color-text-main: #fff;
-  --color-text-secondary: #a1a1a1;
-  --color-text-inactive: #5e5f6a;
+  --color-text-secondary: #9597a1;
+  --color-text-inactive: #383944;
   --color-text-red: #f9053e;
   --color-text-green: #9dd562;
   --color-text-blue: #2fe29b;

diff --git a/src/stories/Typography.stories.tsx b/src/stories/Typography.stories.tsx
@@ -41,6 +41,8 @@ const Typography: React.FC = () => (
       Small 2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ac dapibus nulla,
       sed consectetur turpis. Donec ultricies purus est, at pulvinar magna consequat eu.
     </MUITypography>
+
+    <a href="https://google.com">External link</a>
   </>
 );