From 62441f371861db9f1aa157a1bc371b04dc601607 Mon Sep 17 00:00:00 2001
From: ChrisChrome <chris@chrischro.me>
Date: Mon, 29 Jun 2026 10:25:11 -0600
Subject: [PATCH] Styling bs

---
 public/assets/css/theme.css | 61 +++++++++++++++++++++++++++++++++++++
 public/directory/index.html |  1 +
 public/docs/index.html      |  3 +-
 public/status/index.html    | 11 ++-----
 public/validator/index.html |  1 +
 views/admin/create.ejs      |  1 +
 views/admin/edit.ejs        |  1 +
 views/admin/index.ejs       |  1 +
 views/admin/login.ejs       |  1 +
 views/admin/register.ejs    |  1 +
 views/user/edit.ejs         |  1 +
 views/user/index.ejs        |  3 +-
 views/user/login.ejs        |  1 +
 13 files changed, 77 insertions(+), 10 deletions(-)
 create mode 100644 public/assets/css/theme.css

diff --git a/public/assets/css/theme.css b/public/assets/css/theme.css
new file mode 100644
index 0000000..40a55ef
--- /dev/null
+++ b/public/assets/css/theme.css
@@ -0,0 +1,61 @@
+/* AstroCom Theme — consistent dark palette applied over Bootstrap */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
+
+body {
+	background-color: #111 !important;
+	color: #f0f0f0 !important;
+	font-family: 'Inter', sans-serif;
+}
+
+/* ── Navbar ─────────────────────────────────── */
+.navbar.bg-dark {
+	background-color: #0d0d0d !important;
+	border-bottom: 1px solid #2e2e2e;
+}
+
+/* ── Cards ──────────────────────────────────── */
+.card.bg-dark,
+.card.bg-secondary {
+	background-color: #1e1e1e !important;
+	border: 1px solid #2e2e2e !important;
+	color: #f0f0f0 !important;
+}
+
+.card.bg-dark .card-title,
+.card.bg-secondary .card-title {
+	color: #f0f0f0;
+}
+
+/* ── Tables ─────────────────────────────────── */
+.table-dark {
+	--bs-table-bg: #1e1e1e;
+	--bs-table-striped-bg: #252525;
+	--bs-table-border-color: #2e2e2e;
+	--bs-table-color: #f0f0f0;
+}
+
+/* ── Form controls ──────────────────────────── */
+.form-control,
+.form-control.bg-dark {
+	background-color: #1a1a1a !important;
+	border-color: #3a3a3a !important;
+	color: #f0f0f0 !important;
+}
+
+.form-control:focus {
+	background-color: #222 !important;
+	border-color: #555 !important;
+	color: #f0f0f0 !important;
+	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.08) !important;
+}
+
+.form-control::placeholder {
+	color: #666;
+}
+
+/* ── Alerts ─────────────────────────────────── */
+.alert-secondary {
+	background-color: #2a2a2a;
+	border-color: #3a3a3a;
+	color: #f0f0f0;
+}
diff --git a/public/directory/index.html b/public/directory/index.html
index 005971a..c63e4fd 100644
--- a/public/directory/index.html
+++ b/public/directory/index.html
@@ -5,6 +5,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/css/theme.css">
 	<title>AstroCom Directory</title>
 	<script>
 		(function (d, t) {
diff --git a/public/docs/index.html b/public/docs/index.html
index 08c5c5f..4116b0c 100644
--- a/public/docs/index.html
+++ b/public/docs/index.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/assets/css/theme.css">
     <title>AstroCom API Docs</title>
     <script>
         (function (d, t) {
@@ -24,7 +25,7 @@
     </script>
     <style>
         .doc-section { max-width: 900px; margin: 1.5rem auto; }
-        .endpoint { background: rgba(255,255,255,0.03); padding: 1rem; border-radius: .4rem; margin-bottom: .75rem; }
+        .endpoint { background: #1e1e1e; border: 1px solid #2e2e2e; padding: 1rem; border-radius: .5rem; margin-bottom: .75rem; }
         .code { background:#0d1117; color:#9ad8ff; padding:.5rem; border-radius:.25rem; font-family:monospace; white-space:pre-wrap; }
         .small-muted { color: rgba(255,255,255,0.6); font-size:.9rem; }
     </style>
diff --git a/public/status/index.html b/public/status/index.html
index e7f9fc4..7d30acf 100644
--- a/public/status/index.html
+++ b/public/status/index.html
@@ -5,15 +5,10 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/css/theme.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" />
 	<title>AstroCom — Server Status</title>
 	<style>
-		body {
-			background-color: #111;
-			color: #f0f0f0;
-			font-family: 'Inter', sans-serif;
-		}
-
 		.status-card {
 			background-color: #1e1e1e;
 			border: 1px solid #2e2e2e;
@@ -79,7 +74,7 @@
 		}
 
 		.summary-bar {
-			background-color: #1a1a1a;
+			background-color: #1e1e1e;
 			border: 1px solid #2e2e2e;
 			border-radius: 10px;
 			padding: 14px 20px;
@@ -130,7 +125,7 @@
 </head>
 
 <body>
-	<nav class="navbar navbar-expand-lg navbar-dark" style="background-color:#0d0d0d; border-bottom: 1px solid #2e2e2e;">
+	<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 		<div class="container-fluid">
 			<a class="navbar-brand fw-bold" href="/">AstroCom</a>
 			<span id="footer"></span>
diff --git a/public/validator/index.html b/public/validator/index.html
index e5246f1..3a50384 100644
--- a/public/validator/index.html
+++ b/public/validator/index.html
@@ -5,6 +5,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/css/theme.css">
 	<title>AstroCom Availability Checker</title>
 	<script>
 		(function (d, t) {
diff --git a/views/admin/create.ejs b/views/admin/create.ejs
index 862a579..08061a4 100644
--- a/views/admin/create.ejs
+++ b/views/admin/create.ejs
@@ -4,6 +4,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/css/theme.css">
 	<title>AstroCom Admin - Create new server</title>
 </head>
 <body class="bg-dark text-white">
diff --git a/views/admin/edit.ejs b/views/admin/edit.ejs
index 4cebf0e..ea8c1b6 100644
--- a/views/admin/edit.ejs
+++ b/views/admin/edit.ejs
@@ -4,6 +4,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/css/theme.css">
 	<title>AstroCom Admin - Editing <%= data.id %></title>
 </head>
 <body class="bg-dark text-white">
diff --git a/views/admin/index.ejs b/views/admin/index.ejs
index 9ad8008..1e6900f 100644
--- a/views/admin/index.ejs
+++ b/views/admin/index.ejs
@@ -5,6 +5,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/css/theme.css">
 	<title>AstroCom Admin</title>
 </head>
 
diff --git a/views/admin/login.ejs b/views/admin/login.ejs
index 04fabb1..9af4a55 100644
--- a/views/admin/login.ejs
+++ b/views/admin/login.ejs
@@ -5,6 +5,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/css/theme.css">
 	<title>AstroCom Admin Login</title>
 </head>
 
diff --git a/views/admin/register.ejs b/views/admin/register.ejs
index d9b89c2..f2eaead 100644
--- a/views/admin/register.ejs
+++ b/views/admin/register.ejs
@@ -5,6 +5,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/css/theme.css">
 	<title>AstroCom Admin Registration</title>
 </head>
 
diff --git a/views/user/edit.ejs b/views/user/edit.ejs
index 26a0244..791769d 100644
--- a/views/user/edit.ejs
+++ b/views/user/edit.ejs
@@ -4,6 +4,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/css/theme.css">
 	<title>AstroCom User - Edit</title>
 </head>
 <body class="bg-dark text-white">
diff --git a/views/user/index.ejs b/views/user/index.ejs
index 31bcfbe..b3ecbcc 100644
--- a/views/user/index.ejs
+++ b/views/user/index.ejs
@@ -5,6 +5,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/css/theme.css">
 	<title>AstroCom User Panel</title>
 </head>
 
@@ -25,7 +26,7 @@
 		<h2 class="m-0 text-center w-100">User Dashboard</h2>
 	</div>
 	<div class="container mt-4">
-		<div class="card bg-secondary mb-4 text-white">
+		<div class="card bg-dark mb-4 text-white">
 			<div class="card-body">
 				<div class="position-absolute top-0 end-0 m-3">
 					<a href="/user/edit" class="btn btn-primary" id="editInfoBtn">Edit Information</a>
diff --git a/views/user/login.ejs b/views/user/login.ejs
index 09f0ddc..c344f99 100644
--- a/views/user/login.ejs
+++ b/views/user/login.ejs
@@ -5,6 +5,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/css/theme.css">
 	<title>AstroCom User Login</title>
 </head>