[design] improve link item name colour

Author: zombieFox

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;

src/js/link.js

@@ -1363,10 +1363,13 @@ var link = (function(){
 varshades=theme.mod.color.shades(stagedLink.link.color.rgb);
 varrgb;
 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);");

src/js/theme.js

@@ -2230,7 +2230,7 @@ var theme = (function(){
 shade: {
 opacity: 0.05
 }
-},{
+},{
 name: "Hypnos",
 font: {
 display: {