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

Remove <style> tags from index, login, and register templates.
All theme CSS variables now come from centralized input.css,
eliminating duplicate theme definitions across templates.
---
 templates/index.templ    | 113 ---------------------------------------
 templates/login.templ    | 113 ---------------------------------------
 templates/register.templ | 113 ---------------------------------------
 3 files changed, 339 deletions(-)

diff --git a/templates/index.templ b/templates/index.templ
index 9030188..57ae95a 100644
--- a/templates/index.templ
+++ b/templates/index.templ
@@ -10,119 +10,6 @@ templ Index(loggedIn bool) {
         <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;
-            }
-            .theme-dracula {
-                --bg-primary: #282a36;
-                --bg-secondary: #21222c;
-                --text-primary: #f8f8f2;
-                --text-secondary: #6272a4;
-                --accent: #bd93f9;
-                --border: #44475a;
-            }
-            .theme-nord {
-                --bg-primary: #2e3440;
-                --bg-secondary: #3b4252;
-                --text-primary: #eceff4;
-                --text-secondary: #5e81ac;
-                --accent: #88c0d0;
-                --border: #4c566a;
-            }
-            .theme-solarized-dark {
-                --bg-primary: #002b36;
-                --bg-secondary: #073642;
-                --text-primary: #93a1a1;
-                --text-secondary: #586e75;
-                --accent: #2aa198;
-                --border: #586e75;
-            }
-            .theme-monokai {
-                --bg-primary: #272822;
-                --bg-secondary: #3e3d32;
-                --text-primary: #f8f8f2;
-                --text-secondary: #75715e;
-                --accent: #a6e22e;
-                --border: #49483e;
-            }
-            .theme-one-dark-pro {
-                --bg-primary: #282c34;
-                --bg-secondary: #21252b;
-                --text-primary: #abb2bf;
-                --text-secondary: #5c6370;
-                --accent: #61dafb;
-                --border: #3e4451;
-            }
-            .theme-material-dark {
-                --bg-primary: #263238;
-                --bg-secondary: #37474f;
-                --text-primary: #eeffff;
-                --text-secondary: #546e7a;
-                --accent: #80cbc4;
-                --border: #455a64;
-            }
-            .theme-catppuccin-mocha {
-                --bg-primary: #1e1e2e;
-                --bg-secondary: #181825;
-                --text-primary: #cdd6f4;
-                --text-secondary: #bac2de;
-                --accent: #f38ba8;
-                --border: #313244;
-            }
-            .theme-catppuccin-macchiato {
-                --bg-primary: #24273a;
-                --bg-secondary: #1e2030;
-                --text-primary: #cad3f5;
-                --text-secondary: #b8c0e0;
-                --accent: #f0c6c6;
-                --border: #363a4f;
-            }
-            .theme-catppuccin-frappe {
-                --bg-primary: #303446;
-                --bg-secondary: #292c3c;
-                --text-primary: #c6d0f5;
-                --text-secondary: #b5bfe2;
-                --accent: #f2d5cf;
-                --border: #414559;
-            }
-            .theme-catppuccin-latte {
-                --bg-primary: #eff1f5;
-                --bg-secondary: #e6e9ef;
-                --text-primary: #4c4f69;
-                --text-secondary: #5c5f77;
-                --accent: #d20f39;
-                --border: #bcc0cc;
-            }
-            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">
         <!-- Hero Section -->
diff --git a/templates/login.templ b/templates/login.templ
index e8dbe0e..77fc349 100644
--- a/templates/login.templ
+++ b/templates/login.templ
@@ -10,119 +10,6 @@ templ Login() {
         <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;
-            }
-            .theme-dracula {
-                --bg-primary: #282a36;
-                --bg-secondary: #21222c;
-                --text-primary: #f8f8f2;
-                --text-secondary: #6272a4;
-                --accent: #bd93f9;
-                --border: #44475a;
-            }
-            .theme-nord {
-                --bg-primary: #2e3440;
-                --bg-secondary: #3b4252;
-                --text-primary: #eceff4;
-                --text-secondary: #5e81ac;
-                --accent: #88c0d0;
-                --border: #4c566a;
-            }
-            .theme-solarized-dark {
-                --bg-primary: #002b36;
-                --bg-secondary: #073642;
-                --text-primary: #93a1a1;
-                --text-secondary: #586e75;
-                --accent: #2aa198;
-                --border: #586e75;
-            }
-            .theme-monokai {
-                --bg-primary: #272822;
-                --bg-secondary: #3e3d32;
-                --text-primary: #f8f8f2;
-                --text-secondary: #75715e;
-                --accent: #a6e22e;
-                --border: #49483e;
-            }
-            .theme-one-dark-pro {
-                --bg-primary: #282c34;
-                --bg-secondary: #21252b;
-                --text-primary: #abb2bf;
-                --text-secondary: #5c6370;
-                --accent: #61dafb;
-                --border: #3e4451;
-            }
-            .theme-material-dark {
-                --bg-primary: #263238;
-                --bg-secondary: #37474f;
-                --text-primary: #eeffff;
-                --text-secondary: #546e7a;
-                --accent: #80cbc4;
-                --border: #455a64;
-            }
-            .theme-catppuccin-mocha {
-                --bg-primary: #1e1e2e;
-                --bg-secondary: #181825;
-                --text-primary: #cdd6f4;
-                --text-secondary: #bac2de;
-                --accent: #f38ba8;
-                --border: #313244;
-            }
-            .theme-catppuccin-macchiato {
-                --bg-primary: #24273a;
-                --bg-secondary: #1e2030;
-                --text-primary: #cad3f5;
-                --text-secondary: #b8c0e0;
-                --accent: #f0c6c6;
-                --border: #363a4f;
-            }
-            .theme-catppuccin-frappe {
-                --bg-primary: #303446;
-                --bg-secondary: #292c3c;
-                --text-primary: #c6d0f5;
-                --text-secondary: #b5bfe2;
-                --accent: #f2d5cf;
-                --border: #414559;
-            }
-            .theme-catppuccin-latte {
-                --bg-primary: #eff1f5;
-                --bg-secondary: #e6e9ef;
-                --text-primary: #4c4f69;
-                --text-secondary: #5c5f77;
-                --accent: #d20f39;
-                --border: #bcc0cc;
-            }
-            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 min-h-screen">
         <div class="container mx-auto px-4 py-8 max-w-md">
diff --git a/templates/register.templ b/templates/register.templ
index 572fe36..a9c7800 100644
--- a/templates/register.templ
+++ b/templates/register.templ
@@ -10,119 +10,6 @@ templ Register() {
         <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;
-            }
-            .theme-dracula {
-                --bg-primary: #282a36;
-                --bg-secondary: #21222c;
-                --text-primary: #f8f8f2;
-                --text-secondary: #6272a4;
-                --accent: #bd93f9;
-                --border: #44475a;
-            }
-            .theme-nord {
-                --bg-primary: #2e3440;
-                --bg-secondary: #3b4252;
-                --text-primary: #eceff4;
-                --text-secondary: #5e81ac;
-                --accent: #88c0d0;
-                --border: #4c566a;
-            }
-            .theme-solarized-dark {
-                --bg-primary: #002b36;
-                --bg-secondary: #073642;
-                --text-primary: #93a1a1;
-                --text-secondary: #586e75;
-                --accent: #2aa198;
-                --border: #586e75;
-            }
-            .theme-monokai {
-                --bg-primary: #272822;
-                --bg-secondary: #3e3d32;
-                --text-primary: #f8f8f2;
-                --text-secondary: #75715e;
-                --accent: #a6e22e;
-                --border: #49483e;
-            }
-            .theme-one-dark-pro {
-                --bg-primary: #282c34;
-                --bg-secondary: #21252b;
-                --text-primary: #abb2bf;
-                --text-secondary: #5c6370;
-                --accent: #61dafb;
-                --border: #3e4451;
-            }
-            .theme-material-dark {
-                --bg-primary: #263238;
-                --bg-secondary: #37474f;
-                --text-primary: #eeffff;
-                --text-secondary: #546e7a;
-                --accent: #80cbc4;
-                --border: #455a64;
-            }
-            .theme-catppuccin-mocha {
-                --bg-primary: #1e1e2e;
-                --bg-secondary: #181825;
-                --text-primary: #cdd6f4;
-                --text-secondary: #bac2de;
-                --accent: #f38ba8;
-                --border: #313244;
-            }
-            .theme-catppuccin-macchiato {
-                --bg-primary: #24273a;
-                --bg-secondary: #1e2030;
-                --text-primary: #cad3f5;
-                --text-secondary: #b8c0e0;
-                --accent: #f0c6c6;
-                --border: #363a4f;
-            }
-            .theme-catppuccin-frappe {
-                --bg-primary: #303446;
-                --bg-secondary: #292c3c;
-                --text-primary: #c6d0f5;
-                --text-secondary: #b5bfe2;
-                --accent: #f2d5cf;
-                --border: #414559;
-            }
-            .theme-catppuccin-latte {
-                --bg-primary: #eff1f5;
-                --bg-secondary: #e6e9ef;
-                --text-primary: #4c4f69;
-                --text-secondary: #5c5f77;
-                --accent: #d20f39;
-                --border: #bcc0cc;
-            }
-            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 min-h-screen">
         <div class="container mx-auto px-4 py-8 max-w-md">