refactor: Clean up styles

This commit is contained in:
2025-06-07 10:38:00 +02:00
parent d1c85c8a73
commit 2828facf7e

View File

@@ -6,6 +6,7 @@
<title>Cypher Player Assistant</title>
<link rel="stylesheet" type="text/css" href="static/reset.css">
<style>
/* Themes and theme switcher */
:root {
/* Dark Color Scheme */
--dark-bg: #111111;
@@ -79,8 +80,6 @@
}
}
/* Actual page style */
.color-scheme-wrapper {
min-height: 100vh;
background: var(--bg);
@@ -119,6 +118,8 @@
color: var(--light-text);
}
/* Outline and generic styles */
body {
background-color: var(--bg);
color: var(--text);
@@ -131,7 +132,7 @@
text-align: center;
}
#no-local-storage {
#warn-no-local-storage {
display: none;
color: red;
}
@@ -146,7 +147,9 @@
padding: 1em;
}
#no-loaded-container {
/* No character loaded box (AKA the welcome screen) */
#cont-no-loaded {
text-align: center;
}
</style>
@@ -162,9 +165,9 @@
</div>
<h1>
Cypher Player Assistant
<span id="no-local-storage" title="Local Storage is not available. You can import/export data, but the app wont save it between sessions!">!</span>
<span id="warn-no-local-storage" title="Local Storage is not available. You can import/export data, but the app wont save it between sessions!">!</span>
</h1>
<div id="no-loaded-container" class="box">
<div id="cont-no-loaded" class="box">
No character is loaded.
</div>
</div>
@@ -193,7 +196,7 @@
"DOMContentLoaded",
() => {
if (!checkLocalStorage()) {
document.getElementById("no-local-storage").style.display = "initial";
document.getElementById("warn-no-local-storage").style.display = "initial";
alert("Local Storage is not available, saving and loading data will be unavailable.");
}
},