From 2828facf7e92460e60d521888f186e7499c8f262 Mon Sep 17 00:00:00 2001
From: Gergely Polonkai <gergely@polonkai.eu>
Date: Sat, 7 Jun 2025 10:38:00 +0200
Subject: [PATCH] refactor: Clean up styles

---
 index.html | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 202f72a..aacb556 100644
--- a/index.html
+++ b/index.html
@@ -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 won’t 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 won’t 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.");
                  }
              },