saurabhdaware
diff --git a/‎__tests__/example.spec.ts-snapshots/baseline-Mobile-Safari-darwin.png
-356 KB b/‎__tests__/example.spec.ts-snapshots/baseline-Mobile-Safari-darwin.png
-356 KB
diff --git a/‎__tests__/example.spec.ts-snapshots/baseline-chromium-darwin.png
-198 KB b/‎__tests__/example.spec.ts-snapshots/baseline-chromium-darwin.png
-198 KB
diff --git a/‎__tests__/example.spec.ts renamed to ‎__tests__/render.spec.ts
Lines changed: 1 addition & 1 deletion b/‎__tests__/example.spec.ts renamed to ‎__tests__/render.spec.ts
Lines changed: 1 addition & 1 deletion
diff --git a/‎__tests__/render.spec.ts-snapshots/baseline-Mobile-Safari-darwin.png
359 KB b/‎__tests__/render.spec.ts-snapshots/baseline-Mobile-Safari-darwin.png
359 KB
diff --git a/‎__tests__/render.spec.ts-snapshots/baseline-chromium-darwin.png
207 KB b/‎__tests__/render.spec.ts-snapshots/baseline-chromium-darwin.png
207 KB
diff --git a/‎lib/template.abell
Lines changed: 1 addition & 1 deletion b/‎lib/template.abell
Lines changed: 1 addition & 1 deletion
diff --git a/‎test.html
Lines changed: 26 additions & 0 deletions b/‎test.html
Lines changed: 26 additions & 0 deletions
@@ -25,7 +25,7 @@ test.describe.parallel("bsky-widget - Image Snapshot Test", () => {
     await sleep(2000);
     await expect(page).toHaveScreenshot("baseline.png", {
       mask: [followers],
-      maxDiffPixelRatio: 0.1,
+      maxDiffPixelRatio: 0.00001,
       fullPage: true,
     });
   });
 
@@ -10,7 +10,7 @@
         <img class="avatar" alt="{{ props.displayName }}'s Profile Picture"  src="{{ props.avatar }}" width="80px" height="80px" />
       </div>
       <a class="bsky-button follow-button" href="https://bsky.app/profile/{{ props.handle }}" target="_blank">
-        <svg fill="none" width="16" viewBox="0 0 24 24" height="16"><path fill="hsl(211, 20%, 95.3%)" fill-rule="evenodd" clip-rule="evenodd" d="M12 3a1 1 0 0 1 1 1v7h7a1 1 0 1 1 0 2h-7v7a1 1 0 1 1-2 0v-7H4a1 1 0 1 1 0-2h7V4a1 1 0 0 1 1-1Z"></path></svg>
+        <svg fill="currentColor" width="16" viewBox="0 0 24 24" height="16"><path d="M12 3a1 1 0 0 1 1 1v7h7a1 1 0 1 1 0 2h-7v7a1 1 0 1 1-2 0v-7H4a1 1 0 1 1 0-2h7V4a1 1 0 0 1 1-1Z"></path></svg>
         <span class="text">Follow</span>
       </a>
     </div>
 
@@ -4,6 +4,31 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>E2E Test Page</title>
+    <style>
+      bsky-widget.overriden-styles {
+        --bsky-background: #000;
+        --bsky-primary: #A157FE;
+        --bsky-primary-hover: #ae75f3;
+        --bsky-text-on-primary: #000;
+        --bsky-text-on-background: #ddd;
+        --bsky-text-on-background-dim: #ddd;
+        --bsky-text-large: 1.5rem;
+        --bsky-text-large-line-height: 1.9rem;
+        --bsky-text-medium: 1.1rem;
+        --bsky-text-small: 1rem;
+
+        /* Styles that can be overriden outside */
+        font-family: Helvetica, sans-serif, -apple-system, sans-serif;
+        width: 350px;
+        max-width: 100%;
+        min-height: 170px;
+        display: inline-block;
+
+        box-shadow: 1px 1px 8px 1px #A157FE;
+        border-radius: 16px;
+      }
+    </style>
+
   </head>
 
   <body>
@@ -16,6 +41,7 @@
         show-description="false"
       ></bsky-widget>
       <bsky-widget
+        class="overriden-styles"
         data-handle="abelljs.org"
         data-show-description="false"
         show-banner="false"