From cd29426933f6c2f51d1b218ee1d22cd37884f03e Mon Sep 17 00:00:00 2001
From: FreddleSpl0it <75116288+FreddleSpl0it@users.noreply.github.com>
Date: Thu, 15 Oct 2026 15:15:42 +0200
Subject: [PATCH] [Web] Fix minor customize and theme ui issues

---
 data/web/css/themes/servercow/dark.css             | 9 +++++++++
 data/web/css/themes/servercow/theme.css            | 9 +++++++++
 data/web/css/themes/servercow/theme.json           | 2 +-
 data/web/lang/lang.de-de.json                      | 2 +-
 data/web/lang/lang.en-gb.json                      | 2 +-
 data/web/templates/admin/tab-config-customize.twig | 2 +-
 6 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/data/web/css/themes/servercow/dark.css b/data/web/css/themes/servercow/dark.css
index 0ede978d6..569435094 100644
--- a/data/web/css/themes/servercow/dark.css
+++ b/data/web/css/themes/servercow/dark.css
@@ -107,6 +107,15 @@
 .input-group-text {
   background-color: var(--sc-addon);
 }
+.form-control::file-selector-button {
+  color: var(--sc-ink);
+  background-color: var(--sc-cap);
+  border-color: var(--sc-line);
+}
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+  color: var(--sc-link);
+  background-color: var(--sc-line);
+}
 .form-check-input:not(:checked) {
   background-color: var(--sc-bg);
   border-color: var(--sc-line);
diff --git a/data/web/css/themes/servercow/theme.css b/data/web/css/themes/servercow/theme.css
index 933c44405..9d01a5326 100644
--- a/data/web/css/themes/servercow/theme.css
+++ b/data/web/css/themes/servercow/theme.css
@@ -345,6 +345,15 @@ hr {
   border-color: var(--sc-focus-border);
   box-shadow: 0 0 0 .25rem var(--sc-focus);
 }
+.form-control::file-selector-button {
+  color: var(--sc-ink);
+  background-color: var(--sc-addon);
+  border-color: var(--sc-line);
+}
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+  color: var(--sc-brown);
+  background-color: var(--sc-brown-soft);
+}
 .input-group-text {
   color: var(--sc-ink);
   background-color: var(--sc-addon);
diff --git a/data/web/css/themes/servercow/theme.json b/data/web/css/themes/servercow/theme.json
index 31e1a6e80..2c8f041bb 100644
--- a/data/web/css/themes/servercow/theme.json
+++ b/data/web/css/themes/servercow/theme.json
@@ -1,4 +1,4 @@
 {
   "name": "servercow",
-  "description": "Based on the servercow"
+  "description": "Based on the servercow theme"
 }
diff --git a/data/web/lang/lang.de-de.json b/data/web/lang/lang.de-de.json
index 9147e2c71..364ffdcbb 100644
--- a/data/web/lang/lang.de-de.json
+++ b/data/web/lang/lang.de-de.json
@@ -398,7 +398,7 @@
         "ui_theme": "Theme",
         "ui_theme_dark": "Enthält eine Darkmode-Variante",
         "ui_theme_default": "Standard",
-        "ui_theme_info": "Themes sind Ordner in <code>data/web/css/themes/&lt;name&gt;/</code> mit einer <code>theme.css</code>. Optional: <code>dark.css</code> (Darkmode), <code>bootstrap.css</code> (ersetzt das Bootstrap-Basistheme) und <code>theme.json</code> (<code>name</code>, <code>description</code>).",
+        "ui_theme_info": "Themes sind Ordner in <code>data/web/css/themes/&lt;name&gt;/</code> mit folgenden Dateien:<ul class=\"mb-0\"><li><code>theme.css</code> (erforderlich)</li><li><code>dark.css</code> (optional, Darkmode)</li><li><code>bootstrap.css</code> (optional, ersetzt das Bootstrap-Basistheme)</li><li><code>theme.json</code> (optional, <code>name</code> und <code>description</code>)</li></ul>",
         "ui_theme_none": "Keine Themes gefunden.",
         "unban_pending": "ausstehend",
         "unchanged_if_empty": "Unverändert, wenn leer",
diff --git a/data/web/lang/lang.en-gb.json b/data/web/lang/lang.en-gb.json
index e51033a53..1f1c1f273 100644
--- a/data/web/lang/lang.en-gb.json
+++ b/data/web/lang/lang.en-gb.json
@@ -408,7 +408,7 @@
         "ui_theme": "Theme",
         "ui_theme_dark": "Includes a dark mode variant",
         "ui_theme_default": "Default",
-        "ui_theme_info": "Themes are folders in <code>data/web/css/themes/&lt;name&gt;/</code> containing a <code>theme.css</code>. Optional: <code>dark.css</code> (dark mode), <code>bootstrap.css</code> (replaces the Bootstrap base theme) and <code>theme.json</code> (<code>name</code>, <code>description</code>).",
+        "ui_theme_info": "Themes are folders in <code>data/web/css/themes/&lt;name&gt;/</code> with the following files:<ul class=\"mb-0\"><li><code>theme.css</code> (required)</li><li><code>dark.css</code> (optional, dark mode)</li><li><code>bootstrap.css</code> (optional, replaces the Bootstrap base theme)</li><li><code>theme.json</code> (optional, <code>name</code> and <code>description</code>)</li></ul>",
         "ui_theme_none": "No themes found.",
         "unban_pending": "unban pending",
         "unchanged_if_empty": "If unchanged leave blank",
diff --git a/data/web/templates/admin/tab-config-customize.twig b/data/web/templates/admin/tab-config-customize.twig
index ed7fe3a05..f28e4c130 100644
--- a/data/web/templates/admin/tab-config-customize.twig
+++ b/data/web/templates/admin/tab-config-customize.twig
@@ -8,7 +8,7 @@
     </div>
     <div id="collapse-tab-config-customize" class="card-body collapse" data-bs-parent="#admin-content">
       <legend><i class="bi bi-palette"></i> {{ lang.admin.ui_theme }}</legend><hr />
-      <p class="text-muted">{{ lang.admin.ui_theme_info|raw }}</p>
+      <div class="text-muted mb-3">{{ lang.admin.ui_theme_info|raw }}</div>
       <form class="form" data-id="ui_theme" role="form" method="post">
         <div class="row">
           <div class="col-12 col-md-6 col-lg-4">