[Web] Fix minor customize and theme ui issues

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);

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);

data/web/css/themes/servercow/theme.json

@@ -1,4 +1,4 @@
 {
   "name": "servercow",
-  "description": "Based on the servercow"
+  "description": "Based on the servercow theme"
 }

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",

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",

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">