From 605beb31e56395d2a8ce7c2c7f7453a4cce5c56f Mon Sep 17 00:00:00 2001
From: John O'Keefe <jrokeefe@protonmail.com>
Date: Mon, 2 Feb 2026 10:27:39 -0500
Subject: [PATCH] Remove custom CSS from admin templates

Remove <style> tags from admin templates (admin, admin_library,
admin_profile) and rely on centralized theme CSS in input.css.
Converts inline styles to use CSS variables and TailwindCSS classes.
---
 templates/admin.templ         | 33 ---------------------------------
 templates/admin_library.templ | 33 ---------------------------------
 templates/admin_profile.templ | 33 ---------------------------------
 3 files changed, 99 deletions(-)
diff --git a/templates/admin.templ b/templates/admin.templ
index 22d5b59..219810e 100644
--- a/templates/admin.templ
+++ b/templates/admin.templ
@@ -9,39 +9,6 @@ templ Admin(user User) {
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <link href="/static/style.css" rel="stylesheet">
-        <style>
-            :root {
-                --bg-primary: #1a1b26;
-                --bg-secondary: #16161e;
-                --text-primary: #a9b1d6;
-                --text-secondary: #565f89;
-                --accent: #7aa2f7;
-                --border: #414868;
-            }
-            .theme-tokyo-night {
-                --bg-primary: #1a1b26;
-                --bg-secondary: #16161e;
-                --text-primary: #a9b1d6;
-                --text-secondary: #565f89;
-                --accent: #7aa2f7;
-                --border: #414868;
-            }
-            body {
-                background-color: var(--bg-primary);
-                color: var(--text-primary);
-            }
-            .card {
-                background-color: var(--bg-secondary);
-                border-color: var(--border);
-            }
-            .btn-primary {
-                background-color: var(--accent);
-                color: var(--bg-primary);
-            }
-            .btn-primary:hover {
-                opacity: 0.8;
-            }
-        </style>
     </head>
     <body class="theme-tokyo-night">
         <nav class="border-b" style="border-color: var(--border); background-color: var(--bg-secondary)">
diff --git a/templates/admin_library.templ b/templates/admin_library.templ
index 148fabb..a18ede8 100644
--- a/templates/admin_library.templ
+++ b/templates/admin_library.templ
@@ -9,39 +9,6 @@ templ AdminLibrary(user User) {
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <link href="/static/style.css" rel="stylesheet">
-        <style>
-            :root {
-                --bg-primary: #1a1b26;
-                --bg-secondary: #16161e;
-                --text-primary: #a9b1d6;
-                --text-secondary: #565f89;
-                --accent: #7aa2f7;
-                --border: #414868;
-            }
-            .theme-tokyo-night {
-                --bg-primary: #1a1b26;
-                --bg-secondary: #16161e;
-                --text-primary: #a9b1d6;
-                --text-secondary: #565f89;
-                --accent: #7aa2f7;
-                --border: #414868;
-            }
-            body {
-                background-color: var(--bg-primary);
-                color: var(--text-primary);
-            }
-            .card {
-                background-color: var(--bg-secondary);
-                border-color: var(--border);
-            }
-            .btn-primary {
-                background-color: var(--accent);
-                color: var(--bg-primary);
-            }
-            .btn-primary:hover {
-                opacity: 0.8;
-            }
-        </style>
     </head>
     <body class="theme-tokyo-night">
         <nav class="border-b" style="border-color: var(--border); background-color: var(--bg-secondary)">
diff --git a/templates/admin_profile.templ b/templates/admin_profile.templ
index e96f15f..c012954 100644
--- a/templates/admin_profile.templ
+++ b/templates/admin_profile.templ
@@ -9,39 +9,6 @@ templ AdminProfile(user User) {
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <link href="/static/style.css" rel="stylesheet">
-        <style>
-            :root {
-                --bg-primary: #1a1b26;
-                --bg-secondary: #16161e;
-                --text-primary: #a9b1d6;
-                --text-secondary: #565f89;
-                --accent: #7aa2f7;
-                --border: #414868;
-            }
-            .theme-tokyo-night {
-                --bg-primary: #1a1b26;
-                --bg-secondary: #16161e;
-                --text-primary: #a9b1d6;
-                --text-secondary: #565f89;
-                --accent: #7aa2f7;
-                --border: #414868;
-            }
-            body {
-                background-color: var(--bg-primary);
-                color: var(--text-primary);
-            }
-            .card {
-                background-color: var(--bg-secondary);
-                border-color: var(--border);
-            }
-            .btn-primary {
-                background-color: var(--accent);
-                color: var(--bg-primary);
-            }
-            .btn-primary:hover {
-                opacity: 0.8;
-            }
-        </style>
     </head>
     <body class="theme-tokyo-night">
         <nav class="border-b" style="border-color: var(--border); background-color: var(--bg-secondary)">
