Bookhoard/bookhoard
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

Remove custom CSS from admin templates

Browse Source 
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.
This commit is contained in:
john-okeefe
2026-02-02 10:27:39 -05:00
parent 1af9b1e77a
commit 605beb31e5
3 changed files with 0 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/admin.templ
-33
View File
@@ -9,39 +9,6 @@ templ Admin(user User) {
<script src="/static/htmx.min.js"></script> <script src="/static/htmx.min.js"></script>
<script src="/static/toast.js"></script> <script src="/static/toast.js"></script>
<link href="/static/style.css" rel="stylesheet"> <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> </head>
<body class="theme-tokyo-night"> <body class="theme-tokyo-night">
<nav class="border-b" style="border-color: var(--border); background-color: var(--bg-secondary)"> <nav class="border-b" style="border-color: var(--border); background-color: var(--bg-secondary)">
templates/admin_library.templ
-33
View File
@@ -9,39 +9,6 @@ templ AdminLibrary(user User) {
<script src="/static/htmx.min.js"></script> <script src="/static/htmx.min.js"></script>
<script src="/static/toast.js"></script> <script src="/static/toast.js"></script>
<link href="/static/style.css" rel="stylesheet"> <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> </head>
<body class="theme-tokyo-night"> <body class="theme-tokyo-night">
<nav class="border-b" style="border-color: var(--border); background-color: var(--bg-secondary)"> <nav class="border-b" style="border-color: var(--border); background-color: var(--bg-secondary)">
templates/admin_profile.templ
-33
View File
@@ -9,39 +9,6 @@ templ AdminProfile(user User) {
<script src="/static/htmx.min.js"></script> <script src="/static/htmx.min.js"></script>
<script src="/static/toast.js"></script> <script src="/static/toast.js"></script>
<link href="/static/style.css" rel="stylesheet"> <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> </head>
<body class="theme-tokyo-night"> <body class="theme-tokyo-night">
<nav class="border-b" style="border-color: var(--border); background-color: var(--bg-secondary)"> <nav class="border-b" style="border-color: var(--border); background-color: var(--bg-secondary)">