Force the color property at used value time

Forced colors should now happen at used value time. This change adds
two internal properties to store the forced colors values of
color and -internal-visited-color. These internal values are then
applied to the visited/unvisited color at used value time when
appropriate.

In addition to color, we also needed to force the used/visited color
value of -webkit-text-fill-color and -webkit-text-stroke-color.
These are forced to currentColor to match the color properties.
This ensures that text color is properly forced in forced colors
mode.

Note: This change will result in some functional differences with the
how colors are inherited in forced colors mode. The related web tests
have been updated to reflect this change in behavior.

Bug: 970285
Change-Id: I8858077397419edc18e89c2b2817788ef42e904b
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2529950
Commit-Queue: Alison Maher <[email protected]>
Reviewed-by: Anders Hartvoll Ruud <[email protected]>
Reviewed-by: Rune Lillesveen <[email protected]>
Reviewed-by: Alex Keng <[email protected]>
Cr-Commit-Position: refs/heads/master@{#829996}

Author: alisonmaher

forced-colors-mode/forced-colors-mode-18-ref.html

@@ -17,20 +17,12 @@
     </text>
     <rect x="0" height="60" y="30" width="180" style="fill: red; stroke: blue;"/>
     <foreignObject x="20" y="100" width="160" height="160">
-      <div xmlns="http://www.w3.org/1999/xhtml" style="color: orange;">
-        This text should be orange in forced colors mode due to inheritance.
+      <div xmlns="http://www.w3.org/1999/xhtml" style="color: CanvasText;">
+        This text should be CanvasText in forced colors mode.
       </div>
       <svg height="20" width="20">
         <rect x="0" height="20" y="0" width="20" style="fill: green; stroke: purple;"/>
       </svg>
     </foreignObject>
   </svg>
-
-  <svg height="600" width="600">
-    <foreignObject x="20" y="100" width="160" height="160" style="color: CanvasText;">
-      <div xmlns="http://www.w3.org/1999/xhtml">
-        This text should be CanvasText in forced colors mode.
-      </div>
-    </foreignObject>
-  </svg>
 </body>

forced-colors-mode/forced-colors-mode-18.html

@@ -15,19 +15,11 @@
     <rect x="0" height="60" y="30" width="180" style="fill: red; stroke: blue;"/>
     <foreignObject x="20" y="100" width="160" height="160" style="color: blue;">
       <div xmlns="http://www.w3.org/1999/xhtml">
-        This text should be orange in forced colors mode due to inheritance.
+        This text should be CanvasText in forced colors mode.
       </div>
       <svg height="20" width="20">
         <rect x="0" height="20" y="0" width="20" style="fill: green; stroke: purple;"/>
       </svg>
     </foreignObject>
   </svg>
-
-  <svg height="600" width="600">
-    <foreignObject x="20" y="100" width="160" height="160" style="color: blue;">
-      <div xmlns="http://www.w3.org/1999/xhtml">
-        This text should be CanvasText in forced colors mode.
-      </div>
-    </foreignObject>
-  </svg>
 </body>

forced-colors-mode/forced-colors-mode-40.html

@@ -10,6 +10,7 @@
   div {
     background-color: green;
     border-color: green;
+    color: green;
     column-rule-color: green;
     fill: green;
     outline-color: green;
@@ -30,6 +31,7 @@
     "border-left-color",
     "border-right-color",
     "border-top-color",
+    "color",
     "column-rule-color",
     "fill",
     "outline-color",

forced-colors-mode/forced-colors-mode-41.html

@@ -12,6 +12,7 @@
   div {
     background-color: green;
     border-color: green;
+    color: green;
     outline-color: green;
   }
 </style>
@@ -24,6 +25,7 @@
     "border-left-color",
     "border-right-color",
     "border-top-color",
+    "color",
     "outline-color"
   ];
   for (let property of properties_to_test) {