fix: saturated visited link color (#1127)

* Fix saturated visited link color

* Update _colors.scss

* add changelog

* Add visited links to demo page for AT

* Fix visited link logic; can't point to your localhost path because it's relative to system

* Update changelog and baselines

Co-authored-by: [ Cassondra ] <[email protected]>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Kyle Buchanan <[email protected]>
Co-authored-by: [ Cassondra ] <[email protected]>

Author: 5 people

CHANGELOG-1.x.md

@@ -10,5 +10,6 @@
 - [f5443c5](https://github.com/patternfly/patternfly-elements/commit/f5443c58a543368ca58bb98498452af6e4fd88bc) fix: Add a build step to the release script (#1062)
 - [b32b41c](https://github.com/patternfly/patternfly-elements/commit/b32b41c2071eb59c5fc17b6c233783cacea59b92) fix: pfe-accordion adding right border and shadow back (#1184)
 - [47a1f4f](https://github.com/patternfly/patternfly-elements/commit/47a1f4fe9365f9366974fe67a30b48cc91e4e6a8) fix: unwanted padding on pfe-accordion (#1083)
-- [](https://github.com/patternfly/patternfly-elements/commit/) fix: pfe-tabs vertical display on mobile
-- []() fix: umd.min modules now import umd.min builds of PFE dependencies (#1168)
+- [e3cc73b](https://github.com/patternfly/patternfly-elements/commit/e3cc73b92d06cdf7fef8dc091733a046a14e12e5) fix: pfe-tabs vertical display on mobile (#1135)
+- [6eadb21](https://github.com/patternfly/patternfly-elements/commit/6eadb21a29768c06ff312de42bd54b44072ee051) fix: umd.min modules now import umd.min builds of PFE dependencies (#1168)
+- [](https://github.com/patternfly/patternfly-elements/commit/) fix: global theme palette color for visited links in a saturated context

elements/pfe-card/demo/index.html

@@ -56,7 +56,8 @@ <h1>&lt;pfe-card&gt;</h1>
 
     <pfe-card color="lightest" pfe-border>
       <h2 slot="pfe-card--header">Lightest card</h2>
-      <p>This is the lightest pfe-card and <a href="#">a link</a> with <code>pfe-border</code>.</p>
+      <p>This is the lightest pfe-card and <a href="#">a link</a>, and <a href=".">a visited link</a> with
+        <code>pfe-border</code>.</p>
       <div class="button-series" slot="pfe-card--footer">
         <pfe-cta slot="pfe-card--footer" priority="secondary">
           <a href="#">Try</a>
@@ -69,7 +70,7 @@ <h2 slot="pfe-card--header">Lightest card</h2>
 
     <pfe-card color="lighter">
       <h2 slot="pfe-card--header">Lighter card (deprecated)</h2>
-      <p>This is the lightest pfe-card and <a href="#">a link</a>.</p>
+      <p>This is the lightest pfe-card and <a href="#">a link</a>, and <a href=".">a visited link</a>.</p>
       <div class="button-series" slot="pfe-card--footer">
         <pfe-cta slot="pfe-card--footer" priority="secondary">
           <a href="#">Try</a>
@@ -82,7 +83,7 @@ <h2 slot="pfe-card--header">Lighter card (deprecated)</h2>
 
     <pfe-card>
       <h2 slot="pfe-card--header">Default card</h2>
-      Unwrapped item. This is the default pfe-card and <a href="#">a link</a>.
+      Unwrapped item. This is the default pfe-card and <a href=#"">a link</a>, and <a href=".">a visited link</a>.
       <div class="button-series" slot="pfe-card--footer">
         <pfe-cta slot="pfe-card--footer" priority="secondary">
           <a href="#">Try</a>
@@ -95,7 +96,7 @@ <h2 slot="pfe-card--header">Default card</h2>
 
     <pfe-card color="darker">
       <h2 slot="pfe-card--header">Darker Card</h2>
-      <p>This is the darker pfe-card and <a href="#">a link</a>.</p>
+      <p>This is the darker pfe-card and <a href="#">a link</a>, and <a href=".">a visited link</a>.</p>
       <div class="button-series" slot="pfe-card--footer">
         <pfe-cta slot="pfe-card--footer" priority="secondary">
           <a href="#">Try</a>
@@ -108,23 +109,23 @@ <h2 slot="pfe-card--header">Darker Card</h2>
 
     <pfe-card color="darkest">
       <h2 slot="pfe-card--header">Darkest Card</h2>
-      <p>This is the darkest pfe-card and <a href="#">a link</a>.</p>
+      <p>This is the darkest pfe-card and <a href="#">a link</a>, and <a href=".">a visited link</a>.</p>
       <pfe-cta slot="pfe-card--footer">
         <a href="#">Learn more</a>
       </pfe-cta>
     </pfe-card>
 
     <pfe-card color="complement">
       <h2 slot="pfe-card--header">Complement Card</h2>
-      <p>This is the complement pfe-card and <a href="#">a link</a>.</p>
+      <p>This is the complement pfe-card and <a href="#">a link</a>, and <a href=".">a visited link</a>.</p>
       <pfe-cta slot="pfe-card--footer">
         <a href="#">Learn more</a>
       </pfe-cta>
     </pfe-card>
 
     <pfe-card color="accent">
       <h2 slot="pfe-card--header">Accent Card</h2>
-      <p>This is the accent pfe-card and <a href="#">a link</a>.</p>
+      <p>This is the accent pfe-card and <a href="#">a link</a>, and <a href=".">a visited link</a>.</p>
       <pfe-cta slot="pfe-card--footer">
         <a href="#">Learn more</a>
       </pfe-cta>

elements/pfe-sass/maps/_colors.scss

@@ -23,7 +23,7 @@ $pfe-colors: (
   text--on-saturated:          $pf-color-white,
   text--muted--on-saturated:   $pf-color-black-300,
   link--on-saturated:          $pf-color-white,
-  link--visited--on-saturated: $pf-color-purple-400,
+  link--visited--on-saturated: $pf-color-black-300,
   link--hover--on-saturated:   $pf-color-black-100,
   link--focus--on-saturated:   $pf-color-black-100,