Update to color properties in Forced Colors Mode (#12166)

* changes to properties

* further clarify what color properties means

* small consistency fix

Author: alisonmaher

css-color-adjust-1/Overview.bs

@@ -812,28 +812,36 @@ Properties Affected by Forced Colors Mode {#forced-colors-properties}
 
 	When <a>forced colors mode</a> is active
 	and 'forced-color-adjust' is ''forced-color-adjust/auto'' (see below) on an element,
-	colors on the element are force-adjusted to the user’s preferred color palette.
-
-	Specifically, for each of the following properties:
-
-	<ul>
-		<li>'color'
-		<li>'fill'
-		<li>'stroke'
-		<li>'text-decoration-color'
-		<li>'text-emphasis-color'
-		<li>'border-color'
-		<li>'outline-color'
-		<li>'column-rule-color'
-		<li>'scrollbar-color'
-		<li>'-webkit-tap-highlight-color'
-		<li>'background-color'
-		<li>'caret-color'
-		<li>'flood-color'
-		<li>'lighting-color'
-		<li>'stop-color'
-	</ul>
+	the <<color>> components of all properties on the element
+	are force-adjusted to the user’s preferred color palette.
+
+	<div class="note">
+		Specifically, <a>forced colors mode</a> applies to the following color properties,
+		along with their shorthands.
+		This is the list of color properties existing at the time of writing,
+		but it may not be an exhaustive list as more properties get added over time:
+
+		<ul>
+			<li>'accent-color'
+			<li>'background-color'
+			<li>'border-color'
+			<li>'caret-color'
+			<li>'color'
+			<li>'flood-color'
+			<li>'fill'
+			<li>'lighting-color'
+			<li>'outline-color'
+			<li>'rule-color'
+			<li>'scrollbar-color'
+			<li>'stop-color'
+			<li>'stroke'
+			<li>'text-decoration-color'
+			<li>'text-emphasis-color'
+			<li>'-webkit-tap-highlight-color'
+		</ul>
+	</div>
 
+	For each <<color>> component of a property,
 	if its [=computed value=] is a color other than a [=system color=],
 	its [=used value=] is instead forced to a [=system color=] as follows:
 
@@ -878,8 +886,8 @@ Properties Affected by Forced Colors Mode {#forced-colors-properties}
 	* 'background-image' computes to ''background-image/none''
 		unless the original value contains a ''url()'' function
 	* 'color-scheme' computes to ''light dark''
-	* 'scrollbar-color' computed to ''scrollbar-color/auto''
-	* 'accent-color' computed to ''accent-color/auto''
+	* 'scrollbar-color' computes to ''scrollbar-color/auto''
+	* 'accent-color' computes to ''accent-color/auto''
 
 	UAs may further tweak these <a>forced colors mode</a> heuristics
 	to provide better user experience.