Lint: always use long-form hex color (2)

[Josh-Cena]

After #40228, we are a lot more explicit on some CSS stylistic decisions. In particular, we now have systematic rules surrounding the preferred color notations. In this batch of PRs, I'm converting all short hex to long hex. The benefit is: readers can more easily understand the syntax; there's one less syntactic variability; if I want to grep all occurrences of one hex color, I can do that more easily without #aaa also matching #aaaddd.

[github-actions]

Preview URLs (67 pages)

• /en-US/docs/Web/API/CSSStyleDeclaration/length
• /en-US/docs/Web/API/CSS_Custom_Highlight_API
• /en-US/docs/Web/API/CanvasRenderingContext2D/clearRect
• /en-US/docs/Web/API/CanvasRenderingContext2D/createPattern
• /en-US/docs/Web/API/CanvasRenderingContext2D/fillStyle
• /en-US/docs/Web/API/CanvasRenderingContext2D/filter
• /en-US/docs/Web/API/CanvasRenderingContext2D/globalAlpha
• /en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
• /en-US/docs/Web/API/CanvasRenderingContext2D/lineCap
• /en-US/docs/Web/API/CanvasRenderingContext2D/strokeRect
• /en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle
• /en-US/docs/Web/API/CanvasRenderingContext2D
• /en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors
• /en-US/docs/Web/API/Canvas_API/Tutorial/Transformations
• /en-US/docs/Web/API/DOMMatrix/scaleSelf
• /en-US/docs/Web/API/Device_orientation_events/Detecting_device_orientation
• /en-US/docs/Web/API/Document_Object_Model/Whitespace
• /en-US/docs/Web/API/Document_Picture-in-Picture_API/Using
• /en-US/docs/Web/API/Element/ariaControlsElements
• /en-US/docs/Web/API/Element/dblclick_event
• /en-US/docs/Web/API/Element/getAttributeNS
• /en-US/docs/Web/API/Element/localName
• /en-US/docs/Web/API/Element/mouseenter_event
• /en-US/docs/Web/API/Element/mouseleave_event
• /en-US/docs/Web/API/Element/releasePointerCapture
• /en-US/docs/Web/API/Element/requestFullscreen
• /en-US/docs/Web/API/Element/scrollLeft
• /en-US/docs/Web/API/Element/setPointerCapture
• /en-US/docs/Web/API/Element/wheel_event
• /en-US/docs/Web/API/Event/stopImmediatePropagation
• /en-US/docs/Web/API/EventTarget/addEventListener
• /en-US/docs/Web/API/FileReader/readAsBinaryString
• /en-US/docs/Web/API/HTMLButtonElement/reportValidity
• /en-US/docs/Web/API/HTMLElement/hidden
• /en-US/docs/Web/API/HTMLImageElement/sizes
• /en-US/docs/Web/API/HighlightRegistry/highlightsFromPoint
• /en-US/docs/Web/API/IntersectionObserver/scrollMargin
• /en-US/docs/Web/API/Intersection_Observer_API/Timing_element_visibility
• /en-US/docs/Web/API/Intersection_Observer_API
• /en-US/docs/Web/API/MediaQueryList/media
• /en-US/docs/Web/API/MediaStreamTrack/mute_event
• /en-US/docs/Web/API/MediaStreamTrack/unmute_event
• /en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API
• /en-US/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos
• /en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API
• /en-US/docs/Web/API/OffscreenCanvasRenderingContext2D
• /en-US/docs/Web/API/Range/commonAncestorContainer
• /en-US/docs/Web/API/SVGAnimationElement/beginEvent_event
• /en-US/docs/Web/API/SVGAnimationElement/endEvent_event
• /en-US/docs/Web/API/SVGAnimationElement/repeatEvent_event
• /en-US/docs/Web/API/Screen_Capture_API/Element_Region_Capture
• /en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture
• /en-US/docs/Web/API/TextFormat/rangeEnd
• /en-US/docs/Web/API/TextFormat/rangeStart
• /en-US/docs/Web/API/TextFormat/underlineStyle
• /en-US/docs/Web/API/TextFormat/underlineThickness
• /en-US/docs/Web/API/TextFormat
• /en-US/docs/Web/API/TextUpdateEvent/selectionEnd
• /en-US/docs/Web/API/TextUpdateEvent/selectionStart
• /en-US/docs/Web/API/Touch_events
• /en-US/docs/Web/API/WebGL_API/Matrix_math_for_the_web
• /en-US/docs/Web/API/Web_Audio_API/Simple_synth
• /en-US/docs/Web/API/Web_components/Using_templates_and_slots
• /en-US/docs/Web/API/Window/blur_event
• /en-US/docs/Web/API/Window/devicePixelRatio
• /en-US/docs/Web/API/Window/focus_event
• /en-US/docs/Web/API/Window/matchMedia

Flaws (14)

Note! 60 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/API/Document_Object_Model/Whitespace
Title: How whitespace is handled by HTML, CSS, and in the DOM
Flaw count: 1

• macros:
  • Macro produces link /en-US/docs/Web/API/Document_Object_Model/Whitespace_in_the_DOM which is a redirect

---

URL: /en-US/docs/Web/API/Element/wheel_event
Title: Element: wheel event
Flaw count: 3

• macros:
  • Can't resolve /en-US/docs/Web/API/WheelEvent/wheelDelta
  • Can't resolve /en-US/docs/Web/API/WheelEvent/wheelDeltaX
  • Can't resolve /en-US/docs/Web/API/WheelEvent/wheelDeltaY

---

URL: /en-US/docs/Web/API/HTMLButtonElement/reportValidity
Title: HTMLButtonElement: reportValidity() method
Flaw count: 1

• macros:
  • Macro produces link /en-US/docs/Web/API/HTMLElement/invalid_event which is a redirect

---

URL: /en-US/docs/Web/API/SVGAnimationElement/beginEvent_event
Title: SVGAnimationElement: beginEvent event
Flaw count: 2

• macros:
  • Can't resolve /en-US/docs/Web/API/TimeEvent/detail
  • Can't resolve /en-US/docs/Web/API/TimeEvent/view

---

URL: /en-US/docs/Web/API/SVGAnimationElement/endEvent_event
Title: SVGAnimationElement: endEvent event
Flaw count: 2

• macros:
  • Can't resolve /en-US/docs/Web/API/TimeEvent/detail
  • Can't resolve /en-US/docs/Web/API/TimeEvent/view

---

URL: /en-US/docs/Web/API/SVGAnimationElement/repeatEvent_event
Title: SVGAnimationElement: repeatEvent event
Flaw count: 2

• macros:
  • Can't resolve /en-US/docs/Web/API/TimeEvent/detail
  • Can't resolve /en-US/docs/Web/API/TimeEvent/view

---

URL: /en-US/docs/Web/API/Web_components/Using_templates_and_slots
Title: Using templates and slots
Flaw count: 3

• macros:
  • Macro produces link /en-US/docs/Web/Web_Components/Using_custom_elements which is a redirect
  • Macro produces link /en-US/docs/Web/Web_Components/Using_shadow_DOM which is a redirect
  • Macro produces link /en-US/docs/Web/Web_Components/Using_templates_and_slots which is a redirect

(comment last updated: 2025-08-12 00:59:15)

[dipikabh]

Looks great. Just one change needed to lower case. Thanks!