[design] improve link item name colour

This commit is contained in:
zombieFox
2020-07-23 12:16:09 +01:00
parent 2dbf22c1dc
commit 7574b148ee
3 changed files with 7 additions and 4 deletions

View File

@ -114,7 +114,7 @@
--link-item-color-focus-hover: var(--theme-color-03); --link-item-color-focus-hover: var(--theme-color-03);
--link-item-visual-element-color: var(--theme-accent); --link-item-visual-element-color: var(--theme-accent);
--link-item-visual-element-color-focus-hover: var(--theme-style-text); --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-name-color-focus-hover: var(--theme-style-text);
--link-item-image-opacity: 1; --link-item-image-opacity: 1;
--link-item-size: 1em; --link-item-size: 1em;

View File

@ -1363,10 +1363,13 @@ var link = (function() {
var shades = theme.mod.color.shades(stagedLink.link.color.rgb); var shades = theme.mod.color.shades(stagedLink.link.color.rgb);
var rgb; var rgb;
if (hsl.l < 50) { 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);"); linkItemStyle.push("--theme-style-text: var(--theme-white);");
} else { } else {
rgb = shades.negative["9"];
linkItemStyle.push("--theme-style-text: var(--theme-black);"); linkItemStyle.push("--theme-style-text: var(--theme-black);");
}; };
linkItemStyle.push("--link-item-visual-element-color-focus-hover: var(--theme-style-text);"); linkItemStyle.push("--link-item-visual-element-color-focus-hover: var(--theme-style-text);");