From cec28d06f6ab45a02a85642a7f514382f26cfe5a Mon Sep 17 00:00:00 2001
From: Stefan Dej <meteyou@gmail.com>
Date: Sat, 8 Jun 2024 23:41:18 +0200
Subject: [PATCH] fix(webcam): fix fps output in light mode (#1901)

Signed-off-by: Stefan Dej <meteyou@gmail.com>
---
 src/components/webcams/streamers/Mjpegstreamer.vue         | 4 ++++
 src/components/webcams/streamers/MjpegstreamerAdaptive.vue | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/components/webcams/streamers/Mjpegstreamer.vue b/src/components/webcams/streamers/Mjpegstreamer.vue
index 89f2a887c..d42ecf78d 100644
--- a/src/components/webcams/streamers/Mjpegstreamer.vue
+++ b/src/components/webcams/streamers/Mjpegstreamer.vue
@@ -257,4 +257,8 @@ export default class Mjpegstreamer extends Mixins(BaseMixin, WebcamMixin) {
     padding: 3px 10px;
     border-top-left-radius: 5px;
 }
+
+html.theme--light .webcamFpsOutput {
+    background: rgba(255, 255, 255, 0.7);
+}
 </style>
diff --git a/src/components/webcams/streamers/MjpegstreamerAdaptive.vue b/src/components/webcams/streamers/MjpegstreamerAdaptive.vue
index b2dd821b2..39f04cc30 100644
--- a/src/components/webcams/streamers/MjpegstreamerAdaptive.vue
+++ b/src/components/webcams/streamers/MjpegstreamerAdaptive.vue
@@ -227,4 +227,8 @@ export default class MjpegstreamerAdaptive extends Mixins(BaseMixin, WebcamMixin
     padding: 3px 10px;
     border-top-left-radius: 5px;
 }
+
+html.theme--light .webcamFpsOutput {
+    background: rgba(255, 255, 255, 0.7);
+}
 </style>