ISTWCMS-4619: make details summary black instead of blue

css/styles.css

@@ -4224,6 +4224,9 @@ button {
   transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
   width: 100%;
   /* stylelint-disable-next-line selector-no-qualifying-type */ }
+  .details [open] > .seven-details__summary,
+  .seven-details [open] > .seven-details__summary {
+    color: #000; }
   .details:hover,
   .seven-details:hover {
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
@@ -4262,6 +4265,10 @@ button {
   [open] > .seven-details__summary, [open] >
   .details__summary {
     background-image: url("../source/images/icons/mobile-arrow-up.svg"); }
+  .seven-details__summary:hover, .seven-details__summary:focus,
+  .details__summary:hover,
+  .details__summary:focus {
+    color: #000; }
   .seven-details__summary:first-child,
   .details__summary:first-child {
     margin-top: 0; }

source/_patterns/04-components/details/_details.scss

@@ -21,6 +21,9 @@ $details-font-family: gesso-font-family(primary);
   margin: rem(gesso-spacing(md)) 0;
   transition: box-shadow gesso-duration(short) gesso-easing(ease-in-out);
   width:100%;
+  [open] > .seven-details__summary {
+    color: gesso-brand(org-default,uw-black,'primary');
+  }
   &:hover {
     box-shadow: gesso-box-shadow(3);
   }
@@ -71,6 +74,7 @@ $details-font-family: gesso-font-family(primary);
   &:hover,
   &:focus{
     //box-shadow: gesso-box-shadow(3);
+    color: gesso-brand(org-default,uw-black,'primary');
   }
   &:focus-within {
     //box-shadow: gesso-box-shadow(3);