restyle buttons (#896)

DaedalusDock · Mar 27, 2024 · 07b4554 · 07b4554
1 parent 76ef696
commit 07b4554
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 11 deletions.
diff --git 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
@@ -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;