From b863d69450a87b7a33c7f7a8032b391692031520 Mon Sep 17 00:00:00 2001
From: lindenkron <lindenkron@hotmail.com>
Date: Sat, 8 Apr 2023 01:25:36 +0200
Subject: [PATCH] Dark-theme update fixes

---
 index.html | 16 ++++++++--------
 main.css   | 32 ++++++++++++++++++++++++++++----
 2 files changed, 36 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 84089b9..31e0005 100644
--- a/index.html
+++ b/index.html
@@ -1377,21 +1377,21 @@
 					</span>	
 
 					<button data-action-type="hangup" class="mainonly"  title="Force the user to Disconnect. They can always reconnect." onclick="directHangup(this, event);">
-						<i class="las la-sign-out-alt" style="color:#900"></i>
+						<i class="las la-sign-out-alt"></i>
 						<span data-translate="disconnect-guest">Hangup</span>
 
 					</button>
 					<button data-action-type="solo-chat" class="mainonly advanced" title="Toggle solo voice chat or hold CTRL/CMD when selecting to make it two-way private." onclick="session.toggleSoloChat(this.dataset.UUID, event);">
-						<i class="las la-microphone" style="color:#090"></i>
+						<i class="las la-microphone"></i>
 						<span data-translate="voice-chat">Solo Talk</span>
 					</button>
 
-					<button data-action-type="solo-video" class="btn-HL-yellow advanced" title="Solo this video everywhere. (Hold CTRL/CMD to just make video larger)" onclick="requestInfocus(this, event);">
+					<button data-action-type="solo-video" class="advanced" title="Solo this video everywhere. (Hold CTRL/CMD to just make video larger)" onclick="requestInfocus(this, event);">
 						<i class="las la-user"></i>
 						<span data-translate="solo-video">Highlight guest</span>
 					</button>
 					<button data-action-type="addToScene" class="btn-HL-peach advanced" title="Add this Video to any remote '&scene=1'" data-scene="1" onclick="directEnable(this, event);">
-						<i class="las la-plus-square" style="color:#090"></i>
+						<i class="las la-plus-square"></i>
 						<span data-translate="add-to-scene">add to scene 1</span>
 					</button>
 				</div>
@@ -1403,7 +1403,7 @@
 						<span class="tooltiptext" style='overflow: auto;left: 35%;width: 3em;top: -15px;margin: 0;position: absolute;font-family:"Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus,Code2000, Code2001, Code2002, Musica, serif, LastResort;' >100</span>
 					</span>
 					<button data-action-type="mute-guest" class="center" value="0" title="Mute this guest everywhere" onclick="remoteMute(this, event);">
-						<i class="las la-microphone-slash" style="color:#900"></i>
+						<i class="las la-microphone-slash"></i>
 					</button>
 				</div>
 				
@@ -1421,7 +1421,7 @@
 							<span data-translate="stats-remote">Scene Stats</span>
 						</button>
 						<button data-action-type="mute-scene" title="Remotely Mute this Audio in all remote '&scene' views" onclick="directMute(this, event);">
-							<i class="las la-microphone-slash" style="color:#900"></i>
+							<i class="las la-microphone-slash"></i>
 							<span data-translate="mute-scene">mute in scenes</span>
 						</button>
 					</div>
@@ -1501,11 +1501,11 @@
 						</button>
 
 						<button data-action-type="recorder-local" title="Start Recording this remote stream to this local drive. *experimental*'" onclick="recordVideo(this, event)">
-							<i class="las la-circle"></i>
+							<i class="las la-compact-disc"></i>
 							<span data-translate="record-local"> Record Local</span>
 						</button>
 						<button data-action-type="recorder-remote" title="The Remote Guest will record their local stream to their local drive. *experimental*" onclick="requestVideoRecord(this)">
-							<i class="las la-circle"></i>
+							<i class="las la-compact-disc"></i>
 							<span data-translate="record-remote"> Record Remote</span>
 						</button>
 						
diff --git a/main.css b/main.css
index a70d5d0..4243170 100644
--- a/main.css
+++ b/main.css
@@ -11,7 +11,7 @@
 
     --darktheme-blue: rgb(33 69 114);
     --darktheme-green: rgb(36 88 49);
-    --darktheme-brown: rgb(72 47 33);
+    --darktheme-brown: rgb(96 58 25);
     --darktheme-yellow: rgb(84 70 9);
 
     /* Discord Greys */
@@ -3564,6 +3564,31 @@ div#roomnotes2 {
     gap: 2px;
 }
 
+.controlsGrid button i {
+    font-size: 15px;
+}
+
+/* Button icons: Red  */
+.controlsGrid button[data-action-type="mute-scene"] i,
+.controlsGrid button[data-action-type="mute-guest"] i,
+.controlsGrid button[data-action-type="hangup"] i,
+.controlsGrid button[data-action-type="remote-global-record"] i,
+.controlsGrid button[data-action-type="local-global-record"] i,
+.controlsGrid button[data-action-type="recorder-local"] i,
+.controlsGrid button[data-action-type="recorder-remote"] i {
+    color: #f00;
+}
+/* Button icons: Green  */
+.controlsGrid button[data-action-type="addToScene"] i,
+.controlsGrid button[data-action-type="solo-chat"] i {
+    color: #0c0;
+}
+/* Button icons: Blue  */
+.controlsGrid button[data-action-type=""] i {
+    color: #00f;
+}
+
+
 /* Specitic CSS for different elements inside the guest control-buttons */
 .darktheme .controlsGrid .director-message-box {
     background-color: var(--discord-grey-1);
@@ -3749,9 +3774,6 @@ div#roomnotes2 {
 	float: left;
 	left: 0;
 }
-i.las.la-circle {
-	color: red;
-}
 .streamID {
 	text-align: right;
 	margin: 5px 5px 2px 0px;
@@ -4838,6 +4860,8 @@ input:checked + .slider:before {
 	content: "\f3c1"; }
 .la-theater-masks:before {
 	content: "\f630"; }
+.la-compact-disc:before {
+	content: "\f51f"; }
 
 body.darktheme {
 	color: white;