From bdc3bf9302f031a0fcea43c8df9266812e28ee4f Mon Sep 17 00:00:00 2001
From: Roxy <75404941+TealSeer@users.noreply.github.com>
Date: Tue, 17 Jun 2025 00:01:43 -0400
Subject: [PATCH] Fix title screen buttons being semi transparent (#4062)

## About The Pull Request

`.menu_button` was being affected by the `.container_nav` opacity
property because the former is contained in the latter, changes the
styling to stop using the opacity property and shift the opacity change
to `container_nav`'s `background` property for the same effect. Also
deletes the unused skyrat titlescreen config file

## Why It's Good For The Game

Fixes #3235

## Proof Of Testing
<details>
<summary>Screenshots/Videos</summary>


![image](https://github.com/user-attachments/assets/5b6a0099-27e8-4bac-88aa-30050a35dca5)

</details>

## Changelog
:cl:
fix: fixed title screen stylesheet making the menu buttons semi
transparent
/:cl:
---
 config/bubbers/bubbers_title.txt              |   3 +-
 config/skyrat/title_html.txt                  | 240 ------------------
 .../code/_title_screen_defines.dm             |   3 +-
 3 files changed, 2 insertions(+), 244 deletions(-)
 delete mode 100644 config/skyrat/title_html.txt
diff --git a/config/bubbers/bubbers_title.txt b/config/bubbers/bubbers_title.txt
index ee1765cbd15..41481332d85 100644
--- a/config/bubbers/bubbers_title.txt
+++ b/config/bubbers/bubbers_title.txt
@@ -112,8 +112,7 @@
 					border: 2px solid white;
 					border-radius: 4px;
 					box-shadow: 2px 2px #333, inset 1px 1px #333;
-					background: linear-gradient(to bottom, rgba(0, 179, 107, 0.9), rgba(0, 56, 34, 0.9));
-					opacity: 75%;
+					background: linear-gradient(to bottom, rgba(0, 179, 107, 0.675), rgba(0, 56, 34, 0.675));
 					padding: 1em;
 				}
 
diff --git a/config/skyrat/title_html.txt b/config/skyrat/title_html.txt
deleted file mode 100644
index cfb530c80b6..00000000000
--- a/config/skyrat/title_html.txt
+++ /dev/null
@@ -1,240 +0,0 @@
-<html>
-		<head>
-			<meta http-equiv="X-UA-Compatible" content="IE=edge">
-			<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-			<style type='text/css'>
-				@font-face {
-					font-family: "Fixedsys";
-					src: url("FixedsysExcelsior3.01Regular.ttf");
-				}
-				body,
-				html {
-					margin: 0;
-					overflow: hidden;
-					text-align: center;
-					background-color: black;
-					padding-top: 5vmin;
-					-ms-user-select: none;
-					cursor: default;
-				}
-
-				img {
-					border-style:none;
-				}
-
-				.bg {
-					position: absolute;
-					width: auto;
-					height: 100vmin;
-					min-width: 100vmin;
-					min-height: 100vmin;
-					top: 50%;
-					left:50%;
-					transform: translate(-50%, -50%);
-					z-index: 0;
-				}
-
-				.container_terminal {
-					position: absolute;
-					width: 100%;
-					height: calc(100% - 7vmin);
-					overflow: clip;
-					box-sizing: border-box;
-					padding: 3vmin 2vmin;
-					top: 0%;
-					left:0%;
-					z-index: 1;
-				}
-
-				.terminal_text {
-					display: inline-block;
-					font-weight: lighter;
-					text-decoration: none;
-					width: 100%;
-					text-align: right;
-					color:green;
-					text-shadow: 1px 1px black;
-					margin-right: 0%;
-					margin-top: 0px;
-					font-size: 2vmin;
-					line-height: 1vmin;
-					letter-spacing: 1px;
-				}
-
-				.container_progress {
-					position: absolute;
-					box-sizing: border-box;
-					bottom: 3vmin;
-					left: 2vmin;
-					height: 4vmin;
-					width: calc(100% - 4vmin);
-					border-left: 2px solid green;
-					border-right: 2px solid green;
-					padding: 4px;
-					background-color: black;
-				}
-
-				.progress_bar {
-					width: 0%;
-					height: 100%;
-					background-color: green;
-				}
-
-				@keyframes looping_sub_pattern {
-					from {
-						background-position: 0px 0px;
-					}
-					to {
-						background-position: 11.3137px 0px;
-					}
-				}
-
-				.sub_progress_bar {
-					width: 0%;
-					height: 100%;
-					float: right;
-					background-color: lime;
-					background-image: repeating-linear-gradient(
-						-45deg,
-						green,
-						green 7px,
-						black 7px,
-						black 8px
-					);
-					background-attachment: fixed;
-					animation: looping_sub_pattern 1s linear infinite;
-				}
-
-				.container_nav {
-					position: absolute;
-					box-sizing: border-box;
-					width: 90vmin;
-					min-height: 10vmin;
-					top: calc(50% + 22.5vmin);
-					left:50%;
-					transform: translate(-50%, -50%);
-					z-index: 1;
-					border: 2px solid white;
-					border-radius: 4px;
-					box-shadow: 2px 2px #333, inset 1px 1px #333;
-					background: linear-gradient(to bottom, rgba(68, 68, 204, 0.9), rgba(0, 0, 102, 0.9));
-					opacity: 75%;
-					padding: 1em;
-				}
-
-				.container_nav hr {
-					height: 2px;
-					background-color: #cde;
-					border: none;
-					box-shadow: 2px 2px black;
-				}
-
-				.menu_button {
-					display: block;
-					box-sizing: border-box;
-					font-family: "Fixedsys";
-					font-weight: lighter;
-					text-decoration: none;
-					font-size: 4vmin;
-					text-shadow: 2px 2px black;
-					line-height: 4vmin;
-					width: 100%;
-					text-align: left;
-					color: #cde;
-					height: 4vmin;
-					padding-left: 5vmin;
-					letter-spacing: 1px;
-					cursor: pointer;
-					white-space: nowrap;
-					overflow: hidden;
-				}
-
-				.menu_button:hover {
-					padding-left: 0px;
-					color: yellow;
-				}
-
-				.menu_button:active {
-					padding-left: 0px;
-					transform: translate(2px, 2px);
-				}
-
-				.menu_button:hover::before {
-					content: "☞";
-					text-align: center;
-					width: 5vmin;
-					display: inline-block;
-				}
-
-				@keyframes pulse_button {
-					0% {transform: translateX(0px);}
-					100% {transform: translateX(2px);}
-				}
-
-				.menu_button:active::before {
-					content: "☛";
-					text-align: center;
-					width: 5vmin;
-					animation: pulse_button 0.25s infinite alternate;
-				}
-
-				@keyframes pollsbox {
-					0% {color: #cde;}
-					50% {color: #f80;}
-				}
-
-				.menu_newpoll {
-					animation: pollsbox 2s step-start infinite;
-					padding-left: 0px;
-				}
-
-				.menu_newpoll::before {
-					content: "→";
-					text-align: center;
-					width: 5vmin;
-					display: inline-block;
-				}
-
-				.menu_newpoll::after {
-					content: "←";
-					text-align: center;
-					width: 5vmin;
-					display: inline-block;
-				}
-
-				.container_notice {
-					position: absolute;
-					box-sizing: border-box;
-					width: auto;
-					padding-top: 1vmin;
-					top: calc(50% - 10vmin);
-					left:50%;
-					transform: translate(-50%, -50%);
-					z-index: 1;
-				}
-
-				.menu_notice {
-					display: inline-block;
-					font-family: "Fixedsys";
-					font-weight: lighter;
-					text-decoration: none;
-					width: 100%;
-					text-align: left;
-					color: red;
-					text-shadow: 1px 0px black, -1px 0px black, 0px 1px black, 0px -1px black, 2px 0px black, -2px 0px black, 0px 2px black, 0px -2px black;
-					margin-right: 0%;
-					margin-top: 0px;
-					font-size: 3vmin;
-					line-height: 2vmin;
-				}
-
-				.unchecked {
-					color: #F44;
-				}
-
-				.checked {
-					color: #4F4;
-				}
-			</style>
-		</head>
-		<body>
diff --git a/modular_skyrat/modules/title_screen/code/_title_screen_defines.dm b/modular_skyrat/modules/title_screen/code/_title_screen_defines.dm
index 6ba1050a411..e8d7bd5bd4c 100644
--- a/modular_skyrat/modules/title_screen/code/_title_screen_defines.dm
+++ b/modular_skyrat/modules/title_screen/code/_title_screen_defines.dm
@@ -111,8 +111,7 @@
 					border: 2px solid white;
 					border-radius: 4px;
 					box-shadow: 2px 2px #333, inset 1px 1px #333;
-					background: linear-gradient(to bottom, rgba(68, 68, 204, 0.9), rgba(0, 0, 102, 0.9));
-					opacity: 75%;
+					background: linear-gradient(to bottom, rgba(68, 68, 204, 0.675), rgba(0, 0, 102, 0.675));
 					padding: 1em;
 				}
 
