zakladka ustawien

static/js/admin_settings.js

@@ -77,6 +77,28 @@
     form.querySelectorAll('input[type="color"].category-color').forEach(updatePreview);
   });
 
+  form.querySelectorAll(".use-default").forEach(btn => {
+    btn.addEventListener("click", () => {
+      const name = btn.getAttribute("data-target");
+      const input = form.querySelector(`input[name="${name}"]`);
+      if (!input) return;
+
+      const card = input.closest(".col-12, .col-md-6, .col-lg-4") || input.closest(".col-12");
+      let autoHex = (input.dataset.auto || "").trim();
+      if (!autoHex && card) {
+        autoHex = (card.querySelector(".hex-auto")?.textContent || "").trim();
+      }
+      if (autoHex && !autoHex.startsWith("#")) autoHex = `#${autoHex}`;
+
+      if (autoHex) {
+        input.disabled = false;
+        removeHiddenClear(input);
+        input.value = autoHex;
+        updatePreview(input);
+      }
+    });
+  });
+
   (function () {
     const slider = document.getElementById("ocr_sensitivity");
     const badge  = document.getElementById("ocr_sens_badge");

templates/admin/settings.html

@@ -66,24 +66,30 @@
         <div class="col-12 col-md-6 col-lg-4">
           <label class="form-label d-block mb-2">{{ c.name }}</label>
 
-          <div class="input-group">
-            <input
-              type="color"
-              class="form-control form-control-color category-color"
-              name="color_{{ c.id }}"
-              value="{{ hex_override or '' }}"
-              {% if not hex_override %}data-empty="1"{% endif %}
-              aria-label="Kolor kategorii {{ c.name }}"
-            >
-            <button type="button" class="btn btn-outline-light btn-sm reset-one" data-target="color_{{ c.id }}">
-              🔄 Reset
+        <div class="input-group">
+        <input
+        type="color"
+        class="form-control form-control-color category-color"
+        name="color_{{ c.id }}"
+        value="{{ hex_override or '' }}"
+        data-auto="{{ hex_auto }}"
+        {% if not hex_override %}data-empty="1"{% endif %}
+        aria-label="Kolor kategorii {{ c.name }}"
+        >
+
+        <div class="btn-group" role="group" aria-label="Akcje koloru">
+            <button type="button"
+                    class="btn btn-outline-light btn-sm reset-one"
+                    data-target="color_{{ c.id }}">
+            🔄 Reset
             </button>
             <button type="button"
-                    class="btn btn-outline-light btn-sm use-default ms-2"
+                    class="btn btn-outline-light btn-sm use-default"
                     data-target="color_{{ c.id }}">
             🎯 Przywróć domyślny
             </button>
-          </div>
+        </div>
+        </div>
 
           <div class="color-indicators mt-2">
             <div class="indicator">