From a3d255c1178e25dcfea70fffcd44c333b4c89079 Mon Sep 17 00:00:00 2001 From: Reid Barber Date: Thu, 20 Jul 2023 13:49:56 -0500 Subject: [PATCH 1/4] fix Link color in HCM --- .../spectrum-css-temp/components/link/skin.css | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/packages/@adobe/spectrum-css-temp/components/link/skin.css b/packages/@adobe/spectrum-css-temp/components/link/skin.css index 05182761b2c..175dfbb99ed 100644 --- a/packages/@adobe/spectrum-css-temp/components/link/skin.css +++ b/packages/@adobe/spectrum-css-temp/components/link/skin.css @@ -10,14 +10,12 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ -:root { +.spectrum-Link { --spectrum-link-text-color: var(--spectrum-accent-color-1000); --spectrum-link-text-color-hover: var(--spectrum-accent-color-1000); --spectrum-link-text-color-down: var(--spectrum-accent-color-1100); --spectrum-link-text-color-key-focus: var(--spectrum-accent-color-1000); -} -.spectrum-Link { color: var(--spectrum-link-text-color); &:hover { @@ -72,3 +70,17 @@ governing permissions and limitations under the License. color: var(--spectrum-link-over-background-text-color-disabled); } } + +@media (forced-colors: active) { + .spectrum-Link { + --spectrum-link-text-color: LinkText; + --spectrum-link-text-color-hover: LinkText; + --spectrum-link-text-color-down: CanvasText; + --spectrum-link-text-color-key-focus: LinkText; + + /* Make links stay link color when clicked */ + &:not(.spectrum-Link--secondary, .spectrum-Link--overBackground):active { + color: var(--spectrum-link-text-color); + } + } +} \ No newline at end of file From f8b58f1694d803c3f6aa1deca9bbaaae12742961 Mon Sep 17 00:00:00 2001 From: Reid Barber Date: Thu, 20 Jul 2023 14:04:13 -0500 Subject: [PATCH 2/4] fix style for overBackground --- .../@adobe/spectrum-css-temp/components/link/skin.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/@adobe/spectrum-css-temp/components/link/skin.css b/packages/@adobe/spectrum-css-temp/components/link/skin.css index 175dfbb99ed..c6e864c18d4 100644 --- a/packages/@adobe/spectrum-css-temp/components/link/skin.css +++ b/packages/@adobe/spectrum-css-temp/components/link/skin.css @@ -75,12 +75,12 @@ governing permissions and limitations under the License. .spectrum-Link { --spectrum-link-text-color: LinkText; --spectrum-link-text-color-hover: LinkText; - --spectrum-link-text-color-down: CanvasText; + --spectrum-link-text-color-down: LinkText; --spectrum-link-text-color-key-focus: LinkText; - /* Make links stay link color when clicked */ - &:not(.spectrum-Link--secondary, .spectrum-Link--overBackground):active { - color: var(--spectrum-link-text-color); - } + --spectrum-link-over-background-text-color: LinkText; + --spectrum-link-over-background-text-color-hover: LinkText; + --spectrum-link-over-background-text-color-down: LinkText; + --spectrum-link-over-background-text-color-key-focus: LinkText; } } \ No newline at end of file From 7ead5b67aafae7a7749ad27857cf6b60d3b4b789 Mon Sep 17 00:00:00 2001 From: Reid Barber Date: Thu, 20 Jul 2023 14:08:53 -0500 Subject: [PATCH 3/4] fix whitespace --- packages/@adobe/spectrum-css-temp/components/link/skin.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/@adobe/spectrum-css-temp/components/link/skin.css b/packages/@adobe/spectrum-css-temp/components/link/skin.css index c6e864c18d4..5366f4692a7 100644 --- a/packages/@adobe/spectrum-css-temp/components/link/skin.css +++ b/packages/@adobe/spectrum-css-temp/components/link/skin.css @@ -83,4 +83,4 @@ governing permissions and limitations under the License. --spectrum-link-over-background-text-color-down: LinkText; --spectrum-link-over-background-text-color-key-focus: LinkText; } -} \ No newline at end of file +} From b8f3ad3bde2c39b89a4ff2fdae43feda908d3a85 Mon Sep 17 00:00:00 2001 From: Reid Barber Date: Fri, 21 Jul 2023 10:11:24 -0500 Subject: [PATCH 4/4] use LinkColor for secondary --- .../components/link/skin.css | 22 ++++++++++--------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/packages/@adobe/spectrum-css-temp/components/link/skin.css b/packages/@adobe/spectrum-css-temp/components/link/skin.css index 5366f4692a7..96e87da1a2b 100644 --- a/packages/@adobe/spectrum-css-temp/components/link/skin.css +++ b/packages/@adobe/spectrum-css-temp/components/link/skin.css @@ -35,19 +35,21 @@ governing permissions and limitations under the License. } } -.spectrum-Link--secondary{ - color: inherit; - - &:hover { +@media (forced-colors: none) { + .spectrum-Link--secondary { color: inherit; - } - &:active { - color: inherit; - } + &:hover { + color: inherit; + } - &:focus { - color: inherit; + &:active { + color: inherit; + } + + &:focus { + color: inherit; + } } }