From 0e37117b80ff6981bb3d45500813297cc9708056 Mon Sep 17 00:00:00 2001
From: Shea <nu@she-a.eu>
Date: Wed, 8 Jul 2026 14:39:49 +0300
Subject: [PATCH 1/2] fix video player thing

Co-authored-by: Spring <58006778+GreenB0t@users.noreply.github.com>
Signed-off-by: Shea <nu@she-a.eu>
---
 .changeset/fix_video_player.md        | 5 +++++
 src/app/components/media/media.css.ts | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/fix_video_player.md

diff --git a/.changeset/fix_video_player.md b/.changeset/fix_video_player.md
new file mode 100644
index 000000000..c18993dfe
--- /dev/null
+++ b/.changeset/fix_video_player.md
@@ -0,0 +1,5 @@
+---
+default: patch
+---
+
+Fix video player sometimes not working
diff --git a/src/app/components/media/media.css.ts b/src/app/components/media/media.css.ts
index a176fef02..a38d5e191 100644
--- a/src/app/components/media/media.css.ts
+++ b/src/app/components/media/media.css.ts
@@ -17,6 +17,7 @@ export const ImagePixelated = style({
 export const Video = style([
   DefaultReset,
   {
+    position: 'relative',
     objectFit: 'contain',
     width: '100%',
     height: '100%',

From 8ae443262110a5804c758706e4730803d1154b96 Mon Sep 17 00:00:00 2001
From: Shea <nu@she-a.eu>
Date: Wed, 8 Jul 2026 14:51:03 +0300
Subject: [PATCH 2/2] fix some other gradient theme issues

Signed-off-by: Shea <nu@she-a.eu>
---
 src/app/components/DeviceVerification.tsx           |  2 +-
 src/app/components/message/modals/MessageDelete.tsx |  2 +-
 src/app/components/message/modals/MessageReport.tsx |  2 +-
 src/app/components/room-card/RoomCard.tsx           | 11 ++++++++++-
 src/app/components/room-intro/RoomIntro.tsx         |  7 ++++++-
 src/app/features/room/RoomInput.tsx                 |  1 +
 src/app/features/room/RoomTimeline.tsx              |  4 ++--
 7 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/app/components/DeviceVerification.tsx b/src/app/components/DeviceVerification.tsx
index cbe8fbe5a..4979c54e7 100644
--- a/src/app/components/DeviceVerification.tsx
+++ b/src/app/components/DeviceVerification.tsx
@@ -38,7 +38,7 @@ type WaitingMessageProps = {
 function WaitingMessage({ message }: WaitingMessageProps) {
   return (
     <Box alignItems="Center" gap="200">
-      <Spinner variant="Secondary" size="200" />
+      <Spinner variant="Secondary" size="200" style={{ backgroundColor: 'transparent' }} />
       <Text size="T300">{message}</Text>
     </Box>
   );
diff --git a/src/app/components/message/modals/MessageDelete.tsx b/src/app/components/message/modals/MessageDelete.tsx
index 66059f73f..cda942786 100644
--- a/src/app/components/message/modals/MessageDelete.tsx
+++ b/src/app/components/message/modals/MessageDelete.tsx
@@ -155,7 +155,7 @@ export function MessageDeleteInternal({ room, mEvent, onClose }: MessageDeleteIn
           variant="Critical"
           before={
             deleteState.status === AsyncStatus.Loading ? (
-              <Spinner fill="Solid" variant="Critical" size="200" />
+              <Spinner variant="Secondary" size="200" style={{ backgroundColor: 'transparent' }} />
             ) : undefined
           }
           aria-disabled={deleteState.status === AsyncStatus.Loading}
diff --git a/src/app/components/message/modals/MessageReport.tsx b/src/app/components/message/modals/MessageReport.tsx
index d2248638e..8a6e50843 100644
--- a/src/app/components/message/modals/MessageReport.tsx
+++ b/src/app/components/message/modals/MessageReport.tsx
@@ -156,7 +156,7 @@ export function MessageReportInternal({ room, mEvent, onClose }: MessageReportIn
           variant="Critical"
           before={
             reportState.status === AsyncStatus.Loading ? (
-              <Spinner fill="Solid" variant="Critical" size="200" />
+              <Spinner variant="Secondary" size="200" style={{ backgroundColor: 'transparent' }} />
             ) : undefined
           }
           aria-disabled={
diff --git a/src/app/components/room-card/RoomCard.tsx b/src/app/components/room-card/RoomCard.tsx
index 74f698734..82abef0a1 100644
--- a/src/app/components/room-card/RoomCard.tsx
+++ b/src/app/components/room-card/RoomCard.tsx
@@ -324,7 +324,16 @@ export const RoomCard = as<'div', RoomCardProps>(
                 variant="Secondary"
                 size="300"
                 disabled={joining}
-                before={joining && <Spinner size="50" variant="Secondary" fill="Soft" />}
+                before={
+                  joining && (
+                    <Spinner
+                      size="50"
+                      variant="Secondary"
+                      fill="Soft"
+                      style={{ background: 'transparent' }}
+                    />
+                  )
+                }
               >
                 <Text size="B300" truncate>
                   {joining ? 'Joining' : 'Join'}
diff --git a/src/app/components/room-intro/RoomIntro.tsx b/src/app/components/room-intro/RoomIntro.tsx
index fdd09c927..6b24f203b 100644
--- a/src/app/components/room-intro/RoomIntro.tsx
+++ b/src/app/components/room-intro/RoomIntro.tsx
@@ -158,7 +158,12 @@ export const RoomIntro = as<'div', RoomIntroProps>(({ room, ...props }, ref) =>
                 disabled={prevRoomState.status === AsyncStatus.Loading}
                 after={
                   prevRoomState.status === AsyncStatus.Loading ? (
-                    <Spinner size="50" variant="Secondary" fill="Soft" />
+                    <Spinner
+                      size="50"
+                      variant="Secondary"
+                      fill="Soft"
+                      style={{ background: 'transparent' }}
+                    />
                   ) : undefined
                 }
               >
diff --git a/src/app/features/room/RoomInput.tsx b/src/app/features/room/RoomInput.tsx
index 82a9a094b..43768ca41 100644
--- a/src/app/features/room/RoomInput.tsx
+++ b/src/app/features/room/RoomInput.tsx
@@ -1814,6 +1814,7 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
                         variant="SurfaceVariant"
                         size="300"
                         radii="300"
+                        style={{ backgroundColor: 'transparent' }}
                       >
                         {composerIcon(GifIcon, {
                           weight: emojiBoardTab === EmojiBoardTab.Gif ? 'fill' : 'regular',
diff --git a/src/app/features/room/RoomTimeline.tsx b/src/app/features/room/RoomTimeline.tsx
index d73ed9745..45e00bc87 100644
--- a/src/app/features/room/RoomTimeline.tsx
+++ b/src/app/features/room/RoomTimeline.tsx
@@ -1001,13 +1001,13 @@ export function RoomTimeline({
 
       {showBackPaginationSpinner && (
         <TimelineFloat position="Top" style={timelineTopFloatLift}>
-          <Spinner variant="Secondary" size="400" />
+          <Spinner variant="Secondary" size="400" style={{ backgroundColor: 'transparent' }} />
         </TimelineFloat>
       )}
 
       {showFrontPaginationSpinner && (
         <TimelineFloat position="Bottom" style={timelineBottomFloatLift}>
-          <Spinner variant="Secondary" size="400" />
+          <Spinner variant="Secondary" size="400" style={{ backgroundColor: 'transparent' }} />
         </TimelineFloat>
       )}