feat(color): add link 02 token (carbon-design-system#2136)

* feat(color): add link 02 token * fix(themes): switch semicolon to comma
natashadecoste · May 19, 2021 · 7ddcf9f · 7ddcf9f
1 parent e462ddf
commit 7ddcf9f
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/src/data/guidelines/color-tokens.js b/src/data/guidelines/color-tokens.js
@@ -464,6 +464,27 @@ const colorTokens = {
         },
       },
     },
+    '$link-02': {
+      role: ['Secondary link color for lower contrast backgrounds'],
+      value: {
+        white: {
+          name: 'Blue 70',
+          hex: '#0043ce',
+        },
+        g10: {
+          name: 'Blue 70',
+          hex: '#0043ce',
+        },
+        g90: {
+          name: 'Blue 30',
+          hex: '#a6c8ff',
+        },
+        g100: {
+          name: 'Blue 30',
+          hex: '#a6c8ff',
+        },
+      },
+    },
     '$inverse-link': {
       role: ['Links on $inverse-02 backgrounds'],
       value: {

diff --git a/src/pages/guidelines/themes/overview.mdx b/src/pages/guidelines/themes/overview.mdx
@@ -107,6 +107,7 @@ $carbon--theme--white: (
   icon-02: #565656,
   icon-03: #ffffff,
   link-01: #0062ff,
+  link-02: #0043ce,
   field-01: #f3f3f3,
   field-02: #ffffff,
   inverse-01: #ffffff,
@@ -207,6 +208,7 @@ $icon-01: #171717 !default;
 $icon-02: #565656 !default;
 $icon-03: #ffffff !default;
 $link-01: #0062ff !default;
+$link-02: #0043ce !default;
 $field-01: #f3f3f3 !default;
 $field-02: #ffffff !default;
 $inverse-01: #ffffff !default;