From 05444dcc1527f8108747aadcf2eb53b45507a264 Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Tue, 3 Jun 2025 19:25:21 -0700
Subject: [PATCH] Tweak QR code animation and Explicit button

* Explicit button: outline it in blue to reflect that your camera is
  currently blue. Solid red continues to mean your camera is red.
* Tweak the QR code opacity to be less obtrusive.
---
 src/App.vue                  | 2 +-
 src/components/VideoFeed.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4893770..5021e6c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3191,7 +3191,7 @@ export default {
                     <!-- NSFW toggle button -->
                     <button type="button" v-if="webcam.active && config.permitNSFW" class="button is-small px-1 ml-1"
                         :class="{
-                            'is-outlined is-dark': !webcam.nsfw,
+                            'is-outlined is-link has-text-dark': !webcam.nsfw,
                             'is-danger': webcam.nsfw
                         }" @click.prevent="topNavExplicitButtonClicked()"
                         :title="webcam.nonExplicit ? 'You prefer non-Explicit cameras so you can not go Explicit' : 'Toggle the NSFW setting for your camera broadcast'"
diff --git a/src/components/VideoFeed.vue b/src/components/VideoFeed.vue
index 8b69e0b..339a20c 100644
--- a/src/components/VideoFeed.vue
+++ b/src/components/VideoFeed.vue
@@ -305,10 +305,10 @@ video {
     25% { opacity: 0.05; }
     50% { opacity: 0.02; }
     75% { opacity: 0.05; }
-    90% { opacity: 0.1 }
-    91% { opacity: 0.2; filter: invert(0%); }
-    95% { opacity: 0.2; filter: invert(100%); }
-    99% { opacity: 0.1; filter: invert(0%); }
+    90% { opacity: 0.06 }
+    91% { opacity: 0.08; filter: invert(0%); }
+    95% { opacity: 0.08; filter: invert(100%); }
+    99% { opacity: 0.06; filter: invert(0%); }
     100% { opacity: 0.02; }
 }
 </style>