💄 - style: style link color in dark mode

maykinmedia · Feb 13, 2024 · d5e90ef · d5e90ef
1 parent 728ac71
commit d5e90ef
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/src/components/typography/a/a.scss b/src/components/typography/a/a.scss
@@ -2,7 +2,7 @@
   font-family: inherit;
   line-height: var(--typography-line-height-body-s);
   align-items: center;
-  color: var(--page-color-primary);
+  color: var(--typography-color-link);
   display: inline-flex;
   font-size: inherit;
   justify-content: center;

diff --git a/src/style/tokens/base.scss b/src/style/tokens/base.scss
@@ -134,6 +134,7 @@
   --typography-color-h: var(--theme-shade-900);
   --typography-color-body: var(--theme-shade-700);
   --typography-color-border: var(--theme-shade-300);
+  --typography-color-link: var(--page-color-primary);
   --typography-color-muted: var(--theme-shade-600);
 
   --typography-font-family-h: Inter, sans-serif;

diff --git a/src/style/tokens/dark.scss b/src/style/tokens/dark.scss
@@ -11,6 +11,7 @@
   --typography-color-h: #f3f3f3;
   --typography-color-body: #f3f3f3;
   --typography-color-border: #535353;
+  --typography-color-link: var(--page-color-info);
 
   --button-color-text-outline: #f3f3f3;
   --button-color-background-outline-hover: #f3f3f3;