From deb2a742edf2ddc741d71fa8a95471cbd4663a4a Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Mon, 28 Jun 2021 22:19:55 -0400
Subject: [PATCH] Update dictionary image link color (#1778)

---
 dev/data/structured-content-overrides.css | 6 ++++++
 ext/css/structured-content.css            | 5 ++++-
 ext/data/structured-content-style.json    | 4 ++--
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/dev/data/structured-content-overrides.css b/dev/data/structured-content-overrides.css
index 31873760..30df3bde 100644
--- a/dev/data/structured-content-overrides.css
+++ b/dev/data/structured-content-overrides.css
@@ -21,6 +21,12 @@
 .gloss-image-link[data-background=true]>.gloss-image-container {
     /* remove-property background-color */
 }
+.gloss-image-link {
+    color: inherit;
+}
+.gloss-image-link:hover {
+    /* remove-rule */
+}
 .gloss-image-container-overlay {
     font-size: initial;
     line-height: initial;
diff --git a/ext/css/structured-content.css b/ext/css/structured-content.css
index 37cfde86..c799e865 100644
--- a/ext/css/structured-content.css
+++ b/ext/css/structured-content.css
@@ -32,12 +32,15 @@
 }
 .gloss-image-link {
     cursor: inherit;
-    color: inherit;
+    color: var(--accent-color);
     display: inline-block;
     position: relative;
     line-height: 1;
     max-width: 100%;
 }
+.gloss-image-link:hover {
+    color: var(--accent-color-dark);
+}
 .gloss-image-link[href]:hover {
     cursor: pointer;
 }
diff --git a/ext/data/structured-content-style.json b/ext/data/structured-content-style.json
index cae7ff9f..ae216abd 100644
--- a/ext/data/structured-content-style.json
+++ b/ext/data/structured-content-style.json
@@ -17,11 +17,11 @@
         "selectors": [".gloss-image-link"],
         "styles": [
             ["cursor", "inherit"],
-            ["color", "inherit"],
             ["display", "inline-block"],
             ["position", "relative"],
             ["line-height", "1"],
-            ["max-width", "100%"]
+            ["max-width", "100%"],
+            ["color", "inherit"]
         ]
     },
     {