diff --git a/src/css/variables.css b/src/css/variables.css
index ec34def6..978329fd 100644
--- a/src/css/variables.css
+++ b/src/css/variables.css
@@ -114,7 +114,7 @@
   --link-item-color-focus-hover:                        var(--theme-color-03);
   --link-item-visual-element-color:                     var(--theme-accent);
   --link-item-visual-element-color-focus-hover:         var(--theme-style-text);
-  --link-item-name-color:                               var(--theme-color-19);
+  --link-item-name-color:                               var(--theme-color-14);
   --link-item-name-color-focus-hover:                   var(--theme-style-text);
   --link-item-image-opacity:                            1;
   --link-item-size:                                     1em;
diff --git a/src/js/link.js b/src/js/link.js
index 4e8886b9..255dfc77 100644
--- a/src/js/link.js
+++ b/src/js/link.js
@@ -1363,10 +1363,13 @@ var link = (function() {
           var shades = theme.mod.color.shades(stagedLink.link.color.rgb);
           var rgb;
           if (hsl.l < 50) {
-            rgb = shades.positive["9"];
+            rgb = shades.positive["10"];
+          } else {
+            rgb = shades.negative["10"];
+          };
+          if (hsl.l < 50) {
             linkItemStyle.push("--theme-style-text: var(--theme-white);");
           } else {
-            rgb = shades.negative["9"];
             linkItemStyle.push("--theme-style-text: var(--theme-black);");
           };
           linkItemStyle.push("--link-item-visual-element-color-focus-hover: var(--theme-style-text);");
diff --git a/src/js/theme.js b/src/js/theme.js
index f1908852..f6c13213 100644
--- a/src/js/theme.js
+++ b/src/js/theme.js
@@ -2230,7 +2230,7 @@ var theme = (function() {
       shade: {
         opacity: 0.05
       }
-    },  {
+    }, {
       name: "Hypnos",
       font: {
         display: {