From 7ac7eb72c5bd4ffc49d34e2206e802340cfcc3a2 Mon Sep 17 00:00:00 2001
From: steveseguin <punkrawker@gmail.com>
Date: Wed, 26 Apr 2023 16:16:06 -0400
Subject: [PATCH] working my way thru tweaking colors

---
 index.html |  6 +++---
 main.css   | 63 +++++++++++++++++++++++++++++++++++++-----------------
 2 files changed, 46 insertions(+), 23 deletions(-)

diff --git a/index.html b/index.html
index eb8e74d..43cb375 100644
--- a/index.html
+++ b/index.html
@@ -56,7 +56,7 @@
 		<meta property="twitter:image" content="./media/vdoNinja_logo_full.png" />
 		<meta name="msapplication-TileColor" content="#da532c" />
 		<meta name="theme-color" content="#ffffff" />
-		<link rel="stylesheet" href="./main.css?ver=308" />
+		<link rel="stylesheet" href="./main.css?ver=309" />
 		<script type="text/javascript" crossorigin="anonymous" src="./thirdparty/adapter.js"></script>
 		<style id="lightbox-animations" type="text/css"></style>
 		<!-- <link rel="manifest" href="manifest.json" /> -->
@@ -644,8 +644,8 @@
 						</select>
 					</div>
 					<br />
-					<div id="audioScreenCaptureDocs" data-translate="application-audio-capture">For application-specific audio capture, <a href='https://docs.vdo.ninja/audio' style='color: #007AC8;' target="_blank">see here</a></div>
-					<div id="audioScreenCaptureDocs2" data-translate="1080p-screen-capture-guide">For achieving 1080p60 game-capture, <a href='https://docs.vdo.ninja/guides/how-to-screen-share-in-1080p' style='color: #007AC8;'  target="_blank">see here</a></div>
+					<div id="audioScreenCaptureDocs" data-translate="application-audio-capture">For application-specific audio capture, <a href='https://docs.vdo.ninja/audio'   target="_blank">see here</a></div>
+					<div id="audioScreenCaptureDocs2" data-translate="1080p-screen-capture-guide">For achieving 1080p60 game-capture, <a href='https://docs.vdo.ninja/guides/how-to-screen-share-in-1080p'   target="_blank">see here</a></div>
 					
 				</div>
 				<div class="outer close">
diff --git a/main.css b/main.css
index dd267cb..1b556f5 100644
--- a/main.css
+++ b/main.css
@@ -2,20 +2,19 @@
     /* Discord Greys - Dark to Lighter */
     --discord-grey-0: #121212;
     --discord-grey-1: #1e1f22;
-	--discord-grey-1a: #1e1f22; /* Added to modify a specific color without affecting everything */
     --discord-grey-2: #232428;
-    --discord-grey-3: #2b2d31;
+    --discord-grey-3: #2c2c2d;
     --discord-grey-4: #2e3035;
     --discord-grey-5: #313338;
     --discord-grey-6: #383a40;
-    --discord-grey-7: #404249; 
+    --discord-grey-7: #404249; /* primary */
     --discord-grey-8: #5e6064; 
-    --discord-text: hsl( 210 calc(1 * 9.1%) 87.1% /1);
+    --discord-text: hsl( 210 calc(1 * 9.1%) 92% /1);
 
     --darktheme-red: rgb(161, 45, 45);
     --darktheme-blue: rgb(33, 69, 114);
     --darktheme-green: rgb(36, 88, 49);
-    --darktheme-lightgreen: rgb(92, 169, 48);
+    --darktheme-lightgreen: #008770;
     --darktheme-brown: rgb(96, 58, 25);
     --darktheme-yellow: rgb(84, 70, 9);
 
@@ -23,7 +22,7 @@
     --lighttheme-1: #fff;
     --lighttheme-2: #f0f0f0;
     --lighttheme-3: #ddd;
-    --lighttheme-4: #ccc;
+    --lighttheme-4: #ccc; /* primary */
     --lighttheme-5: #bbb;
     --lighttheme-6: #aaa;
     --lighttheme-7: #7e7e7e;
@@ -32,17 +31,23 @@
 
     /* Director v2 - General colors */
     /* -- Links */
-    --a-dark-link: rgb(145 197 115);
-    --a-dark-visited: rgb(145 197 115);
-    --a-dark-hover: rgb(142 219 98);
-    --a-dark-focus: rgb(142 219 98);
-    --a-dark-active: rgb(145 197 115);
+    --a-dark-link: #8fcdcd;
+    --a-dark-visited: #8fcdcd;
+    --a-dark-hover: #6ddddd;
+    --a-dark-focus: #6ddddd;
+    --a-dark-active: #58c0c0;
+	
+	--a-darker-link: #43ab99;
+    --a-darker-visited: #43ab99;
+    --a-darker-hover: #55cdb8;
+    --a-darker-focus: #55cdb8;
+    --a-darker-active: #42a896;
 
-    --a-link: #70ade6;
-    --a-visited: #70ade6;
-    --a-hover: #49A7FF;
-    --a-focus: #49A7FF;
-    --a-active: #3D9DF7;
+    --a-link: #6eb4a8;
+    --a-visited: #6eb4a8;
+    --a-hover: #67c0b1;
+    --a-focus: #67c0b1;
+    --a-active: #61ada0;
 
     /* -- Box colors */
     --director-box: rgb(165 119 18);
@@ -247,6 +252,24 @@ a {
 .darktheme a:active {
 	color: var(--a-dark-active);
 }
+
+.darktheme .infoblob a:link {
+	color: var(--a-darker-link);
+}
+.darktheme .infoblob a:visited {
+	color: var(--a-darker-visited);
+}
+.darktheme .infoblob a:hover {
+	color: var(--a-darker-hover);
+}
+.darktheme .infoblob a:focus {
+	color: var(--a-darker-focus);
+}
+.darktheme .infoblob a:active {
+	color: var(--a-darker-active);
+}
+
+
 a:link {
 	color: var(--a-link);
 }
@@ -3636,7 +3659,7 @@ div#roomnotes2 {
 }
 
 .darktheme div#guestFeeds {
-    background-color: var(--discord-grey-1a)
+    background-color: var(--container-color)
 }
 
 div#guestFeeds {
@@ -4833,7 +4856,7 @@ button .chevron.right::before {
 /* ********************* */
 
 .darktheme select {
-    background-color: var(--discord-grey-3);
+    background-color: var(--discord-grey-2);
     border: 1px solid var(--discord-grey-8);
     color: var(--discord-text);
     border-radius: 4px;
@@ -4921,7 +4944,7 @@ input[type='range'] {
 }
 
 .darktheme .container-inner {
-    background-color: var(--discord-grey-1);
+    background-color: var(--discord-grey-7);
 }
 
 .container-inner {
@@ -5048,7 +5071,7 @@ input[type='range'] {
 }
 
 .invite_setting_item {
-	margin: 10px 0px;
+	margin: 10px 0px 0px 0;
 } 
 
 .invite_setting_group_links {