From f6b0e241a9632a24b2776c7dc56344a4d002b262 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Fri, 19 Sep 2025 07:21:25 +0100
Subject: [PATCH] Test

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 .github/workflows/verify_chromatic.yml       | 29 ++++++++++++++++++++
 packages/ui/src/components/Button/styles.css |  2 +-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/verify_chromatic.yml b/.github/workflows/verify_chromatic.yml
index 69e9a502a7..8eca8f7967 100644
--- a/.github/workflows/verify_chromatic.yml
+++ b/.github/workflows/verify_chromatic.yml
@@ -58,6 +58,31 @@ jobs:
           storybookBuildDir: dist-storybook
           onlyChanged: true
 
+      - name: Extract Chromatic Details
+        if: github.event_name == 'pull_request' && steps.chromatic.outputs.url
+        id: extract-details
+        run: |
+          # Try to extract change count from Chromatic logs
+          # This is a best-effort approach as the exact log format may vary
+          echo "Extracting Chromatic details from logs..."
+
+          # Set default values
+          CHANGES_COUNT="Unknown"
+          STORIES_COUNT="Unknown"
+
+          # Try to find change count in various log patterns
+          if [ -f "$GITHUB_WORKSPACE/chromatic-output.log" ]; then
+            CHANGES_COUNT=$(grep -oP '(\d+)\s+changes?' "$GITHUB_WORKSPACE/chromatic-output.log" | head -1 | grep -oP '\d+' || echo "Unknown")
+            STORIES_COUNT=$(grep -oP '(\d+)\s+stories?' "$GITHUB_WORKSPACE/chromatic-output.log" | head -1 | grep -oP '\d+' || echo "Unknown")
+          fi
+
+          # Output the extracted values
+          echo "changes-count=$CHANGES_COUNT" >> $GITHUB_OUTPUT
+          echo "stories-count=$STORIES_COUNT" >> $GITHUB_OUTPUT
+
+          echo "Changes detected: $CHANGES_COUNT"
+          echo "Stories affected: $STORIES_COUNT"
+
       - name: Post Chromatic Link in PR Comment
         if: github.event_name == 'pull_request' && steps.chromatic.outputs.url
         uses: mshick/add-pr-comment@v2
@@ -73,6 +98,10 @@ jobs:
             | [**Build Details**](${{ steps.chromatic.outputs.buildUrl }}) | See detailed build information |
             | [**Live Storybook**](${{ steps.chromatic.outputs.storybookUrl }}) | Browse the interactive component library |
 
+            ### 📊 Build Summary
+            - **Changes detected**: ${{ steps.extract-details.outputs.changes-count }}
+            - **Stories affected**: ${{ steps.extract-details.outputs.stories-count }}
+
             ---
             *This comment is automatically updated when visual tests run.*
           repo-token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/packages/ui/src/components/Button/styles.css b/packages/ui/src/components/Button/styles.css
index 03138a7c44..526a9b010b 100644
--- a/packages/ui/src/components/Button/styles.css
+++ b/packages/ui/src/components/Button/styles.css
@@ -34,7 +34,7 @@
 }
 
 .bui-Button[data-variant='primary'] {
-  background-color: var(--bui-bg-solid);
+  background-color: red;
   color: var(--bui-fg-solid);
 
   &:hover {