From 07b4554d6a15fdbd450ecd36b23ddd7af62ca9da Mon Sep 17 00:00:00 2001
From: Kapu1178 <75460809+Kapu1178@users.noreply.github.com>
Date: Wed, 27 Mar 2024 16:53:04 -0400
Subject: [PATCH] restyle buttons (#896)

---
 .../modules/mob/dead/new_player/new_player.dm | 10 +++---
 html/browser/common.css                       | 32 +++++++++++++++----
 2 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/code/modules/mob/dead/new_player/new_player.dm b/code/modules/mob/dead/new_player/new_player.dm
index f14ccca5d087..1e40320310a2 100644
--- a/code/modules/mob/dead/new_player/new_player.dm
+++ b/code/modules/mob/dead/new_player/new_player.dm
@@ -1,4 +1,4 @@
-#define LINKIFY_READY(string, value) "<a href='byond://?src=[REF(src)];ready=[value]'>[string]</a>"
+#define LINKIFY_READY(string, value) "<a class='genericLink' href='byond://?src=[REF(src)];ready=[value]'>[string]</a>"
 /mob/dead/new_player
 	flags_1 = NONE
 	invisibility = INVISIBILITY_ABSTRACT
@@ -138,13 +138,13 @@
 	output += {"
 	<center>
 		<div>
-			<a href='byond://?src=[REF(src)];show_preferences=1'>Options</a>
+			<a class='genericLink' href='byond://?src=[REF(src)];show_preferences=1'>Options</a>
 		</div>
 		<hr>
 		<p>
 			<b>Playing As</b>
 			<br>
-			<a href='byond://?src=[REF(src)];character_setup=1'>[client?.prefs.read_preference(/datum/preference/name/real_name)]</a>
+			<a class='genericLink' href='byond://?src=[REF(src)];character_setup=1'>[client?.prefs.read_preference(/datum/preference/name/real_name)]</a>
 		</p>
 		<hr>
 	"}
@@ -160,10 +160,10 @@
 	else
 		output += {"
 		<p>
-			<a href='byond://?src=[REF(src)];manifest=1'>View the Crew Manifest</a>
+			<a class='genericLink' href='byond://?src=[REF(src)];manifest=1'>View the Crew Manifest</a>
 		</p>
 		<p>
-			<a href='byond://?src=[REF(src)];late_join=1'>Join Game!</a>
+			<a class='genericLink' href='byond://?src=[REF(src)];late_join=1'>Join Game!</a>
 		</p>
 		<p>
 			[LINKIFY_READY("Observe", PLAYER_READY_TO_OBSERVE)]
diff --git a/html/browser/common.css b/html/browser/common.css
index 45f68e108ac9..31c5bade97a8 100644
--- a/html/browser/common.css
+++ b/html/browser/common.css
@@ -23,8 +23,8 @@ a, button, a:link, a:visited, a:active, .linkOn, .linkOff
 {
 	color: #ffffff;
 	text-decoration: none;
-	background: #3f595e ;
-	border: 1px solid #161616;
+	background: #4d4d4d ;
+	border: 1px solid rgba(255, 183, 0, 0.5);
 	padding: 1px 4px 1px 4px;
 	margin: 0 2px 0 0;
 	cursor: default;
@@ -36,7 +36,7 @@ a, button, a:link, a:visited, a:active, .linkOn, .linkOff
 a:hover
 {
 	color: #ffffff;
-	background: #aa5f36;
+	background: #aa8136;
 }
 
 a.inlineblock {
@@ -48,7 +48,7 @@ a.white, a.white:link, a.white:visited, a.white:active
 	color: #40628a;
 	text-decoration: none;
 	background: #ffffff;
-	border: 1px solid #161616;
+	border: 1px solid rgba(255, 183, 0, 0.3);
 	padding: 1px 4px 1px 4px;
 	margin: 0 2px 0 0;
 	cursor:default;
@@ -63,8 +63,8 @@ a.white:hover
 .linkOn, a.linkOn:link, a.linkOn:visited, a.linkOn:active, a.linkOn:hover
 {
 	color: #ffffff;
-	background: #aa5f36;
-	border-color: #202020;
+	background: #aa8136;
+	border-color: rgba(255, 183, 0, 0.7);
 }
 
 .linkOff, a.linkOff:link, a.linkOff:visited, a.linkOff:active, a.linkOff:hover
@@ -74,6 +74,26 @@ a.white:hover
 	border-color: #666666;
 }
 
+/* Generic links, use outside of computerPanes*/
+a.genericLink, a.genericLink:visited, a.genericLink:active
+{
+	color: #ffffff;
+	text-decoration: none;
+	background: #3f595e;
+	border: 1px solid #161616;
+	padding: 1px 4px 1px 4px;
+	margin: 0 2px 0 0;
+	cursor: default;
+	white-space: nowrap !important;
+	text-shadow: none !important;
+}
+
+a.genericLink:hover
+{
+	color: #ffffff;
+	background: #aa5f36;
+}
+
 a.icon, .linkOn.icon, .linkOff.icon
 {
 	position: relative;