Make sure workflow timeline icons are visible in high-contrast mode. Fix #9349 (#9383)

Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>

CHANGELOG.txt

@@ -4,7 +4,7 @@ Changelog
 4.2 (xx.xx.xxxx) - IN DEVELOPMENT
 ~~~~~~~~~~~~~~~~
 
- * ...
+ * Fix: Make sure workflow timeline icons are visible in high-contrast mode (Loveth Omokaro)
 
 
 4.1 LTS (xx.xx.xxxx) - IN DEVELOPMENT

client/scss/components/_workflow-timeline.scss

@@ -41,6 +41,9 @@
     position: relative;
     flex-shrink: 0;
     background: theme('colors.white.DEFAULT');
+    @media (forced-colors: active) {
+      background: Canvas;
+    }
     margin-inline-end: theme('spacing.[2.5]');
     width: theme('spacing.5');
     height: theme('spacing.5');

docs/releases/4.2.md

@@ -18,8 +18,7 @@ depth: 1
 
 ### Bug fixes
 
- * ...
-
+ * Make sure workflow timeline icons are visible in high-contrast mode (Loveth Omokaro)
 
 ## Upgrade considerations