diff --git a/source b/source
index 4a6c9a1216e..37ded9174f1 100644
--- a/source
+++ b/source
@@ -3384,6 +3384,13 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
      <li><dfn data-x-href="https://drafts.csswg.org/css-color/#valdef-color-profile-rendering-intent-relative-colorimetric">'relative-colorimetric'</dfn> rendering intent</li>
     </ul>
 
+    <p>The following terms are defined in <cite>CSSColorValue objects</cite>: <ref spec=CSSCOLORVALUE></p>
+
+    <ul class="brief">
+     <li><dfn data-x-href="https://drafts.css-houdini.org/css-typed-om-1/#colorvalue-objects">CSSColorValue </dfn></li>
+     <li><dfn data-x-href="https://drafts.css-houdini.org/css-typed-om/#dom-csscolorvalue-torgb">toRGB</dfn></li>
+    </ul>
+
     <p>The following terms are defined in <cite>CSS Images</cite>: <ref spec=CSSIMAGES></p>
 
     <ul class="brief">
@@ -60410,8 +60417,8 @@ interface mixin <dfn>CanvasImageSmoothing</dfn> {
 
 interface mixin <dfn>CanvasFillStrokeStyles</dfn> {
   // colors and styles (see also the <span>CanvasPathDrawingStyles</span> and <span>CanvasTextDrawingStyles</span> interfaces)
-  attribute (DOMString or CanvasGradient or CanvasPattern) <span data-x="dom-context-2d-strokeStyle">strokeStyle</span>; // (default black)
-  attribute (DOMString or CanvasGradient or CanvasPattern) <span data-x="dom-context-2d-fillStyle">fillStyle</span>; // (default black)
+  attribute (DOMString or <span>CanvasGradient</span> or <span>CanvasPattern</span> or <code>CSSColorValue</code>) <span data-x="dom-context-2d-strokeStyle">strokeStyle</span>; // (default black)
+  attribute (DOMString or <span>CanvasGradient</span> or <span>CanvasPattern</span> or <code>CSSColorValue</code>) <span data-x="dom-context-2d-fillStyle">fillStyle</span>; // (default black)
   <span>CanvasGradient</span> <span data-x="dom-context-2d-createLinearGradient">createLinearGradient</span>(double x0, double y0, double x1, double y1);
   <span>CanvasGradient</span> <span data-x="dom-context-2d-createRadialGradient">createRadialGradient</span>(double x0, double y0, double r0, double x1, double y1, double r1);
   <span>CanvasPattern</span>? <span data-x="dom-context-2d-createPattern">createPattern</span>(<span>CanvasImageSource</span> image, [<span>LegacyNullToEmptyString</span>] DOMString repetition);
@@ -63208,8 +63215,8 @@ try {
 
     <p>Can be set, to change the fill style.</p>
 
-    <p>The style can be either a string containing a CSS color, or a <code>CanvasGradient</code> or
-    <code>CanvasPattern</code> object. Invalid values are ignored.</p>
+    <p>The style can be either a string containing a CSS color, a <code>CanvasGradient</code>,
+    <code>CanvasPattern</code> or <code>CSSColorValue</code> object. Invalid values are ignored.</p>
    </dd>
 
    <dt><var>context</var> . <code subdfn data-x="dom-context-2d-strokeStyle">strokeStyle</code> [ = <var>value</var> ]</dt>
@@ -63219,8 +63226,8 @@ try {
 
     <p>Can be set, to change the stroke style.</p>
 
-    <p>The style can be either a string containing a CSS color, or a <code>CanvasGradient</code> or
-    <code>CanvasPattern</code> object. Invalid values are ignored.</p>
+    <p>The style can be either a string containing a CSS color, a <code>CanvasGradient</code>,
+    <code>CanvasPattern</code> or <code>CSSColorValue</code> object. Invalid values are ignored.</p>
    </dd>
   </dl>
 
@@ -63253,16 +63260,17 @@ try {
 
   <p>Such objects have associated <dfn data-x="concept-CanvasFillStrokeStyles-fill-style">fill
   style</dfn> and <dfn data-x="concept-CanvasFillStrokeStyles-stroke-style">stroke style</dfn>
-  values, which are either CSS colors, <code>CanvasPattern</code>s, or <code>CanvasGradient</code>s.
-  Initially, both must be the result of <span data-x="parse a CSS &lt;color> value">parsing</span>
-  the string "<code data-x="">#000000</code>".</p>
+  values, which are either CSS colors, <code>CanvasPattern</code>s, <code>CanvasGradient</code>s,
+  or <code>CSSColorValue</code>s. Initially, both must be the result of
+  <span data-x="parse a CSS &lt;color> value">parsing</span> the string
+  "<code data-x="">#000000</code>".</p>
 
   <p>When the value is a CSS color, it must not be affected by the transformation matrix when used
   to draw on bitmaps.</p> <!-- so singular matrices don't affect solid color fillStyles -->
 
-  <p class="note">When set to a <code>CanvasPattern</code> or <code>CanvasGradient</code> object,
-  changes made to the object after the assignment do affect subsequent stroking or filling of
-  shapes.</p>
+  <p class="note">When set to a <code>CanvasPattern</code>, a <code>CanvasGradient</code>, or a
+  <code>CSSColorValue</code> object, changes made to the object after the assignment do affect
+  subsequent stroking or filling of shapes.</p>
 
   <p>The <dfn attribute for="CanvasFillStrokeStyles"><code
   data-x="dom-context-2d-fillStyle">fillStyle</code></dfn> getter steps are:</p>
@@ -63301,6 +63309,18 @@ try {
    <span>this</span>'s <span data-x="concept-canvas-origin-clean">origin-clean</span> flag to
    false.</p></li>
 
+   <li><p>If the given value is a <code>CSSColorValue</code>, then:</p>
+    <ol>
+     <li><p>If the given value has a custom color space, throw a <code>TypeError</code>.</p></li>
+
+     <li><p>Set <span>this</span>'s <span data-x="concept-CanvasFillStrokeStyles-fill-style">fill
+     style</span> to the result of converting the given value into an sRGB CSS color using its
+     <code>toRGB</code> function.</p></li>
+
+     <li><p>Return.</p></li>
+    </ol>
+   </li>
+
    <li><p>Set <span>this</span>'s <span data-x="concept-CanvasFillStrokeStyles-fill-style">fill
    style</span> to the given value.</p></li>
   </ol>
@@ -63338,6 +63358,19 @@ try {
     </ol>
    </li>
 
+   <li><p>If the given value is a <code>CSSColorValue</code>, then:</p>
+    <ol>
+     <li><p>If the given value has a custom color space, throw a <code>TypeError</code>.</p></li>
+
+     <li><p>Set <span>this</span>'s
+     <span data-x="concept-CanvasFillStrokeStyles-stroke-style">stroke style</span> to the result
+     of converting the given value into an sRGB CSS color using its
+     <span data-x="toRGB">toRGB</span> function.</p></li>
+
+     <li><p>Return.</p></li>
+    </ol>
+   </li>
+
    <li><p>If the given value is a <code>CanvasPattern</code> object that is marked as <span
    data-x="concept-canvas-pattern-not-origin-clean">not origin-clean</span>, then set
    <span>this</span>'s <span data-x="concept-canvas-origin-clean">origin-clean</span> flag to
@@ -123928,6 +123961,9 @@ INSERT INTERFACES HERE
    <dt id="refsCSSCOLORADJUST">[CSSCOLORADJUST]</dt>
    <dd><cite><a href="https://drafts.csswg.org/css-color-adjust/">CSS Color Adjustment Module</a></cite>, E. Etemad, R. Atanassov, R. Lillesveen, T. Atkins. W3C.</dd>
 
+   <dt id="refsCSSCOLORVALUE">[CSSCOLORVALUE]</dt>
+   <dd><cite><a href="https://drafts.css-houdini.org/css-typed-om-1/#colorvalue-objects">CSSColorValue objects</a>, </cite>, T. Atkins, F. Remy, S. Stephens, N. Raisinghani.</dd>
+
    <dt id="refsCSSDISPLAY">[CSSDISPLAY]</dt>
    <dd><cite><a href="https://drafts.csswg.org/css-display/">CSS Display</a></cite>, T. Atkins, E. Etemad. W3C.</dd>