From 22f0ad0e6eeaaceb45650083e165fdcbe0929a65 Mon Sep 17 00:00:00 2001
From: Michael Chus <mike@mchus.pro>
Date: Sat, 7 Feb 2026 21:45:36 +0300
Subject: [PATCH] ui: switch branding palette to orange

---
 web/templates/admin_pricing.html    | 62 ++++++++++++++---------------
 web/templates/base.html             |  4 +-
 web/templates/components_list.html  |  2 +-
 web/templates/login.html            |  8 ++--
 web/templates/pricelist_detail.html |  4 +-
 web/templates/pricelists.html       |  8 ++--
 web/templates/setup.html            | 18 ++++-----
 7 files changed, 53 insertions(+), 53 deletions(-)

diff --git a/web/templates/admin_pricing.html b/web/templates/admin_pricing.html
index 4b52876..f4bff4a 100644
--- a/web/templates/admin_pricing.html
+++ b/web/templates/admin_pricing.html
@@ -7,7 +7,7 @@
     <div class="bg-white rounded-lg shadow p-4">
         <div class="flex justify-between items-center border-b pb-4 mb-4">
             <div class="flex gap-4">
-                <button onclick="loadTab('lots')" id="btn-lots" class="text-blue-600 font-medium">LOT</button>
+                <button onclick="loadTab('lots')" id="btn-lots" class="text-orange-600 font-medium">LOT</button>
                 <button onclick="loadTab('pricelists')" id="btn-pricelists" class="text-gray-600">Прайслисты</button>
                 <button onclick="loadTab('estimate')" id="btn-estimate" class="text-gray-600">Estimate</button>
                 <button onclick="loadTab('warehouse')" id="btn-warehouse" class="text-gray-600">Склад</button>
@@ -20,13 +20,13 @@
         </div>
 
         <!-- Progress bar -->
-        <div id="progress-container" class="mb-4 p-4 bg-blue-50 rounded-lg border border-blue-200" style="display:none;">
+        <div id="progress-container" class="mb-4 p-4 bg-orange-50 rounded-lg border border-orange-200" style="display:none;">
             <div class="flex justify-between text-sm text-gray-700 mb-2">
                 <span id="progress-text" class="font-medium">Обновление цен...</span>
                 <span id="progress-percent" class="font-bold">0%</span>
             </div>
             <div class="w-full bg-gray-200 rounded-full h-4">
-                <div id="progress-bar" class="bg-blue-600 h-4 rounded-full transition-all duration-300" style="width: 0%"></div>
+                <div id="progress-bar" class="bg-orange-600 h-4 rounded-full transition-all duration-300" style="width: 0%"></div>
             </div>
             <div class="text-sm text-gray-600 mt-2">
                 <span id="progress-stats"></span>
@@ -103,13 +103,13 @@
                         <input type="file" id="stock-file-input" accept=".mxl,.xlsx" class="block w-full text-sm text-gray-700">
                         <button onclick="importStockFile()" class="px-4 py-2 bg-emerald-600 text-white rounded hover:bg-emerald-700">Импортировать</button>
                     </div>
-                    <div id="stock-import-progress" class="hidden mt-4 p-3 bg-blue-50 border border-blue-200 rounded">
+                    <div id="stock-import-progress" class="hidden mt-4 p-3 bg-orange-50 border border-orange-200 rounded">
                         <div class="flex justify-between text-sm mb-1">
                             <span id="stock-import-status">Запуск...</span>
                             <span id="stock-import-percent">0%</span>
                         </div>
-                        <div class="w-full bg-blue-100 rounded-full h-3">
-                            <div id="stock-import-bar" class="h-3 bg-blue-600 rounded-full transition-all duration-300" style="width:0%"></div>
+                        <div class="w-full bg-orange-100 rounded-full h-3">
+                            <div id="stock-import-bar" class="h-3 bg-orange-600 rounded-full transition-all duration-300" style="width:0%"></div>
                         </div>
                         <div id="stock-import-stats" class="text-xs text-gray-600 mt-2"></div>
                     </div>
@@ -117,7 +117,7 @@
                         <div class="flex items-center justify-between mb-2">
                             <div class="text-sm font-medium text-amber-900">Новые партномера без сопоставления</div>
                             <div class="flex items-center gap-2">
-                                <button id="btn-add-all-suggestions" onclick="addAllSuggestions()" class="inline-flex items-center gap-1 px-2 py-1 text-xs rounded border border-blue-200 text-blue-700 hover:bg-blue-50" title="Добавить все">
+                                <button id="btn-add-all-suggestions" onclick="addAllSuggestions()" class="inline-flex items-center gap-1 px-2 py-1 text-xs rounded border border-orange-200 text-orange-700 hover:bg-orange-50" title="Добавить все">
                                     <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                     </svg>
@@ -186,7 +186,7 @@
                             <option value="suffix">Заканчивается на</option>
                         </select>
                         <input id="ignore-pattern" type="text" placeholder="Шаблон" class="px-3 py-2 border rounded w-1/3">
-                        <button onclick="saveStockIgnoreRule()" class="px-3 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">Добавить</button>
+                        <button onclick="saveStockIgnoreRule()" class="px-3 py-2 bg-orange-600 text-white rounded hover:bg-orange-700">Добавить</button>
                         <button onclick="loadStockIgnoreRules(1)" class="px-3 py-2 border rounded hover:bg-gray-50">Обновить</button>
                     </div>
                     <div class="overflow-x-auto">
@@ -242,13 +242,13 @@
                     Автор прайслиста: <span id="pricelists-db-username" class="font-medium">загрузка...</span>
                 </p>
                 <form id="pricelists-create-form" class="space-y-4">
-                    <div id="pricelist-create-progress" class="hidden p-3 bg-blue-50 rounded-lg border border-blue-200">
+                    <div id="pricelist-create-progress" class="hidden p-3 bg-orange-50 rounded-lg border border-orange-200">
                         <div class="flex justify-between items-center text-sm mb-2">
                             <span id="pricelist-create-progress-text" class="font-medium">Подготовка...</span>
                             <span id="pricelist-create-progress-percent" class="font-bold">0%</span>
                         </div>
-                        <div class="w-full bg-blue-100 rounded-full h-3 overflow-hidden">
-                            <div id="pricelist-create-progress-bar" class="bg-blue-600 h-3 rounded-full transition-all duration-300" style="width: 0%"></div>
+                        <div class="w-full bg-orange-100 rounded-full h-3 overflow-hidden">
+                            <div id="pricelist-create-progress-bar" class="bg-orange-600 h-3 rounded-full transition-all duration-300" style="width: 0%"></div>
                         </div>
                         <div id="pricelist-create-progress-stats" class="text-xs text-gray-600 mt-2"></div>
                     </div>
@@ -258,7 +258,7 @@
                             Отмена
                         </button>
                         <button type="submit"
-                                class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700">
+                                class="px-4 py-2 bg-orange-600 text-white rounded-md hover:bg-orange-700">
                             Создать
                         </button>
                     </div>
@@ -345,8 +345,8 @@
                     <div id="modal-median-all" class="font-medium text-right">—</div>
                     <div class="text-gray-600">Текущая цена:</div>
                     <div id="modal-current-price" class="font-medium text-right">—</div>
-                    <div class="text-gray-600 font-medium text-blue-600">Новая цена:</div>
-                    <div id="modal-new-price" class="font-bold text-right text-blue-600">—</div>
+                    <div class="text-gray-600 font-medium text-orange-600">Новая цена:</div>
+                    <div id="modal-new-price" class="font-bold text-right text-orange-600">—</div>
                 </div>
                 <div class="text-xs text-gray-500 pt-2 border-t">
                     Кол-во котировок: <span id="modal-quote-count">—</span>
@@ -355,7 +355,7 @@
         </div>
         <div class="flex justify-end gap-2 p-4 border-t">
             <button onclick="closeModal()" class="px-4 py-2 border rounded hover:bg-gray-50">Отмена</button>
-            <button onclick="savePrice()" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">Сохранить</button>
+            <button onclick="savePrice()" class="px-4 py-2 bg-orange-600 text-white rounded hover:bg-orange-700">Сохранить</button>
         </div>
     </div>
 </div>
@@ -408,7 +408,7 @@ function canCreatePricelistForCurrentTab() {
 function updatePricelistsCreateButton() {
     if (pricelistsCanWrite && canCreatePricelistForCurrentTab()) {
         document.getElementById('pricelists-create-btn-container').innerHTML = `
-            <button onclick="openPricelistsCreateModal()" class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700">
+            <button onclick="openPricelistsCreateModal()" class="px-4 py-2 bg-orange-600 text-white rounded-md hover:bg-orange-700">
                 Создать прайслист
             </button>
         `;
@@ -464,12 +464,12 @@ async function loadTab(tab) {
     currentSearch = '';
     document.getElementById('search-input').value = '';
 
-    document.getElementById('btn-lots').className = tab === 'lots' ? 'text-blue-600 font-medium' : 'text-gray-600';
-    document.getElementById('btn-pricelists').className = tab === 'pricelists' ? 'text-blue-600 font-medium' : 'text-gray-600';
-    document.getElementById('btn-estimate').className = (tab === 'estimate' || tab === 'component-settings') ? 'text-blue-600 font-medium' : 'text-gray-600';
-    document.getElementById('btn-warehouse').className = tab === 'warehouse' ? 'text-blue-600 font-medium' : 'text-gray-600';
-    document.getElementById('btn-competitor').className = tab === 'competitor' ? 'text-blue-600 font-medium' : 'text-gray-600';
-    document.getElementById('btn-all-configs').className = tab === 'all-configs' ? 'text-blue-600 font-medium' : 'text-gray-600 hidden';
+    document.getElementById('btn-lots').className = tab === 'lots' ? 'text-orange-600 font-medium' : 'text-gray-600';
+    document.getElementById('btn-pricelists').className = tab === 'pricelists' ? 'text-orange-600 font-medium' : 'text-gray-600';
+    document.getElementById('btn-estimate').className = (tab === 'estimate' || tab === 'component-settings') ? 'text-orange-600 font-medium' : 'text-gray-600';
+    document.getElementById('btn-warehouse').className = tab === 'warehouse' ? 'text-orange-600 font-medium' : 'text-gray-600';
+    document.getElementById('btn-competitor').className = tab === 'competitor' ? 'text-orange-600 font-medium' : 'text-gray-600';
+    document.getElementById('btn-all-configs').className = tab === 'all-configs' ? 'text-orange-600 font-medium' : 'text-gray-600 hidden';
 
     if (tab === 'lots') {
         setSortConfigForTab('lots');
@@ -511,7 +511,7 @@ async function loadTab(tab) {
     } else if (tab === 'all-configs') {
         document.getElementById('search-bar').className = 'mb-4 hidden';
         document.getElementById('pagination').className = 'flex justify-between items-center mt-4 pt-4 border-t';
-        document.getElementById('btn-all-configs').className = 'text-blue-600 font-medium';
+        document.getElementById('btn-all-configs').className = 'text-orange-600 font-medium';
         document.getElementById('pricelists-tab-content').className = 'hidden';
         document.getElementById('sync-status-tab-content').className = 'hidden';
         document.getElementById('tab-content').className = '';
@@ -1063,7 +1063,7 @@ function recalculateAll() {
     btn.textContent = 'Обновление...';
     progressContainer.style.display = 'block';
     progressBar.style.width = '0%';
-    progressBar.className = 'bg-blue-600 h-4 rounded-full transition-all duration-300';
+    progressBar.className = 'bg-orange-600 h-4 rounded-full transition-all duration-300';
     progressText.textContent = 'Запуск обновления...';
     progressPercent.textContent = '0%';
     progressStats.textContent = 'Подготовка...';
@@ -1185,7 +1185,7 @@ function renderAllConfigs(configs) {
         html += '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>';
         html += '</svg>';
         html += '</button>';
-        html += '<button onclick="openRenameModal(\'' + c.uuid + '\', \'' + escapeHtml(c.name).replace(/'/g, "\\'") + '\')" class="text-blue-600 hover:text-blue-800" title="Переименовать">';
+        html += '<button onclick="openRenameModal(\'' + c.uuid + '\', \'' + escapeHtml(c.name).replace(/'/g, "\\'") + '\')" class="text-orange-600 hover:text-orange-800" title="Переименовать">';
         html += '<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">';
         html += '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>';
         html += '</svg>';
@@ -1342,7 +1342,7 @@ function renderStockImportSuggestions(items) {
             <td class="px-3 py-2 text-sm text-gray-700">${escapeHtml(formatSuggestionReason(item.reason || 'unmapped'))}</td>
             <td class="px-3 py-2 text-right">
                 <div class="flex justify-end items-center gap-3">
-                    <button data-partnumber="${escapeHtml(item.partnumber || '')}" data-description="${encodeURIComponent(item.description || '')}" onclick="addSuggestionMapping(this)" class="text-blue-600 hover:text-blue-800" title="Добавить">
+                    <button data-partnumber="${escapeHtml(item.partnumber || '')}" data-description="${encodeURIComponent(item.description || '')}" onclick="addSuggestionMapping(this)" class="text-orange-600 hover:text-orange-800" title="Добавить">
                         <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                         </svg>
@@ -1492,7 +1492,7 @@ async function loadStockMappings(page = 1) {
                     <td class="px-4 py-2 text-sm text-gray-600">${escapeHtml(item.description || item.Description || '—')}</td>
                     <td class="px-4 py-2">
                         <div class="flex justify-end items-center gap-3">
-                            <button data-partnumber="${escapeHtml(item.partnumber || item.Partnumber || '')}" onclick="saveInlineStockMapping(this)" class="text-blue-600 hover:text-blue-800" title="Сохранить">
+                            <button data-partnumber="${escapeHtml(item.partnumber || item.Partnumber || '')}" onclick="saveInlineStockMapping(this)" class="text-orange-600 hover:text-orange-800" title="Сохранить">
                                 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                 </svg>
@@ -1519,7 +1519,7 @@ async function loadStockMappings(page = 1) {
         } else {
             let html = '';
             for (let i = 1; i <= totalPages; i++) {
-                const cls = i === page ? 'bg-blue-600 text-white' : 'bg-white text-gray-700 hover:bg-gray-50';
+                const cls = i === page ? 'bg-orange-600 text-white' : 'bg-white text-gray-700 hover:bg-gray-50';
                 html += `<button onclick="loadStockMappings(${i})" class="px-3 py-1 rounded border ${cls}">${i}</button>`;
             }
             pagination.innerHTML = html;
@@ -1609,7 +1609,7 @@ async function loadStockIgnoreRules(page = 1) {
         } else {
             let html = '';
             for (let i = 1; i <= totalPages; i++) {
-                const cls = i === page ? 'bg-blue-600 text-white' : 'bg-white text-gray-700 hover:bg-gray-50';
+                const cls = i === page ? 'bg-orange-600 text-white' : 'bg-white text-gray-700 hover:bg-gray-50';
                 html += `<button onclick="loadStockIgnoreRules(${i})" class="px-3 py-1 rounded border ${cls}">${i}</button>`;
             }
             pagination.innerHTML = html;
@@ -1823,7 +1823,7 @@ function renderPricelists(pricelists) {
             </span>`;
         }
 
-        const versionCell = `<a href="/pricelists/${pl.id}" class="font-mono text-sm text-blue-600 hover:text-blue-800 hover:underline">${pl.version}</a>`;
+        const versionCell = `<a href="/pricelists/${pl.id}" class="font-mono text-sm text-orange-600 hover:text-orange-800 hover:underline">${pl.version}</a>`;
 
         return `
             <tr class="hover:bg-gray-50">
@@ -1884,7 +1884,7 @@ function renderPricelistsPagination(total, page, perPage) {
 
     let html = '';
     for (let i = 1; i <= totalPages; i++) {
-        const activeClass = i === page ? 'bg-blue-600 text-white' : 'bg-white text-gray-700 hover:bg-gray-50';
+        const activeClass = i === page ? 'bg-orange-600 text-white' : 'bg-white text-gray-700 hover:bg-gray-50';
         html += `<button onclick="loadPricelists(${i}, '${currentPricelistSource}')" class="px-3 py-1 rounded border ${activeClass}">${i}</button>`;
     }
 
diff --git a/web/templates/base.html b/web/templates/base.html
index 797a5ca..ceff4c7 100644
--- a/web/templates/base.html
+++ b/web/templates/base.html
@@ -17,7 +17,7 @@
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="flex justify-between h-14">
                 <div class="flex items-center space-x-8">
-                    <a href="/" class="text-xl font-bold text-blue-600">PriceForge</a>
+                    <a href="/" class="text-xl font-bold text-orange-600">PriceForge</a>
                     <div class="hidden md:flex space-x-4">
                         <a id="admin-pricing-link" href="/admin/pricing" class="text-gray-600 hover:text-gray-900 px-3 py-2 text-sm">Администратор цен</a>
                         <a href="/pricelists" class="text-gray-600 hover:text-gray-900 px-3 py-2 text-sm">Прайслисты</a>
@@ -43,7 +43,7 @@
 
     <script>
         function showToast(msg, type) {
-            const colors = { success: 'bg-green-500', error: 'bg-red-500', info: 'bg-blue-500' };
+            const colors = { success: 'bg-green-500', error: 'bg-red-500', info: 'bg-orange-500' };
             const el = document.getElementById('toast');
             el.innerHTML = '<div class="' + (colors[type] || colors.info) + ' text-white px-4 py-2 rounded shadow">' + msg + '</div>';
             setTimeout(() => el.innerHTML = '', 3000);
diff --git a/web/templates/components_list.html b/web/templates/components_list.html
index ef6a6e9..cc24c49 100644
--- a/web/templates/components_list.html
+++ b/web/templates/components_list.html
@@ -29,7 +29,7 @@
                 <td class="px-4 py-3 text-center">
                     {{if .CurrentPrice}}
                     <button onclick="addToCart('{{jsesc .LotName}}', {{deref .CurrentPrice}}, '{{jsesc .Description}}')"
-                            class="px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700">
+                            class="px-3 py-1 bg-orange-600 text-white text-xs rounded hover:bg-orange-700">
                         + Добавить
                     </button>
                     {{else}}
diff --git a/web/templates/login.html b/web/templates/login.html
index 822bd34..9e4cca2 100644
--- a/web/templates/login.html
+++ b/web/templates/login.html
@@ -9,24 +9,24 @@
             <div class="mb-4">
                 <label class="block text-sm font-medium text-gray-700 mb-1">Логин</label>
                 <input type="text" name="username" id="username" required
-                       class="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500"
+                       class="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-orange-500"
                        value="admin">
             </div>
             <div class="mb-4">
                 <label class="block text-sm font-medium text-gray-700 mb-1">Пароль</label>
                 <input type="password" name="password" id="password" required
-                       class="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500"
+                       class="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-orange-500"
                        value="admin123">
             </div>
             <div id="error" class="text-red-600 text-sm mb-4 hidden"></div>
             <button type="submit" id="submit-btn"
-                    class="w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700">
+                    class="w-full bg-orange-600 text-white py-2 rounded hover:bg-orange-700">
                 Войти
             </button>
         </form>
 
         <p class="text-center text-sm text-gray-500 mt-4">
-            <a href="/" class="text-blue-600">← На главную</a>
+            <a href="/" class="text-orange-600">← На главную</a>
         </p>
     </div>
 </div>
diff --git a/web/templates/pricelist_detail.html b/web/templates/pricelist_detail.html
index 67dbae1..da2fded 100644
--- a/web/templates/pricelist_detail.html
+++ b/web/templates/pricelist_detail.html
@@ -48,7 +48,7 @@
     <div class="bg-white rounded-lg shadow overflow-hidden">
         <div class="p-4 border-b">
             <input type="text" id="search-input" placeholder="Поиск по артикулу..."
-                   class="w-full md:w-64 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
+                   class="w-full md:w-64 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500">
         </div>
 
         <table class="min-w-full divide-y divide-gray-200">
@@ -285,7 +285,7 @@
         const endPage = Math.min(totalPages, startPage + 4);
 
         for (let i = startPage; i <= endPage; i++) {
-            const activeClass = i === page ? 'bg-blue-600 text-white' : 'bg-white text-gray-700 hover:bg-gray-50';
+            const activeClass = i === page ? 'bg-orange-600 text-white' : 'bg-white text-gray-700 hover:bg-gray-50';
             html += `<button onclick="loadItems(${i})" class="px-3 py-1 text-sm rounded border ${activeClass}">${i}</button>`;
         }
 
diff --git a/web/templates/pricelists.html b/web/templates/pricelists.html
index 9e71cd1..079c998 100644
--- a/web/templates/pricelists.html
+++ b/web/templates/pricelists.html
@@ -46,7 +46,7 @@
                     Отмена
                 </button>
                 <button type="submit"
-                        class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700">
+                        class="px-4 py-2 bg-orange-600 text-white rounded-md hover:bg-orange-700">
                     Создать
                 </button>
             </div>
@@ -66,7 +66,7 @@
 
             if (canWrite) {
                 document.getElementById('create-btn-container').innerHTML = `
-                    <button onclick="openCreateModal()" class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700">
+                    <button onclick="openCreateModal()" class="px-4 py-2 bg-orange-600 text-white rounded-md hover:bg-orange-700">
                         Создать прайслист
                     </button>
                 `;
@@ -112,7 +112,7 @@
             const statusClass = pl.is_active ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800';
             const statusText = pl.is_active ? 'Активен' : 'Неактивен';
 
-            let actions = `<a href="/pricelists/${pl.id}" class="text-blue-600 hover:text-blue-800 text-sm">Просмотр</a>`;
+            let actions = `<a href="/pricelists/${pl.id}" class="text-orange-600 hover:text-orange-800 text-sm">Просмотр</a>`;
             if (canWrite && pl.usage_count === 0) {
                 actions += ` <button onclick="deletePricelist(${pl.id})" class="text-red-600 hover:text-red-800 text-sm ml-2">Удалить</button>`;
             }
@@ -146,7 +146,7 @@
 
         let html = '';
         for (let i = 1; i <= totalPages; i++) {
-            const activeClass = i === page ? 'bg-blue-600 text-white' : 'bg-white text-gray-700 hover:bg-gray-50';
+            const activeClass = i === page ? 'bg-orange-600 text-white' : 'bg-white text-gray-700 hover:bg-gray-50';
             html += `<button onclick="loadPricelists(${i})" class="px-3 py-1 rounded border ${activeClass}">${i}</button>`;
         }
 
diff --git a/web/templates/setup.html b/web/templates/setup.html
index fb79447..b4661dc 100644
--- a/web/templates/setup.html
+++ b/web/templates/setup.html
@@ -11,7 +11,7 @@
     <div class="max-w-md w-full mx-4">
         <div class="bg-white rounded-lg shadow-lg p-8">
             <div class="text-center mb-8">
-                <h1 class="text-2xl font-bold text-blue-600">PriceForge</h1>
+                <h1 class="text-2xl font-bold text-orange-600">PriceForge</h1>
                 <p class="text-gray-600 mt-2">Настройка подключения к базе данных</p>
             </div>
 
@@ -20,7 +20,7 @@
                     <label class="block text-sm font-medium text-gray-700 mb-1">Хост сервера</label>
                     <input type="text" name="host" id="host"
                            value="{{if .Settings}}{{.Settings.Host}}{{else}}localhost{{end}}"
-                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500"
                            placeholder="localhost или IP-адрес">
                 </div>
 
@@ -28,7 +28,7 @@
                     <label class="block text-sm font-medium text-gray-700 mb-1">Порт</label>
                     <input type="number" name="port" id="port"
                            value="{{if .Settings}}{{.Settings.Port}}{{else}}3306{{end}}"
-                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500"
                            placeholder="3306">
                 </div>
 
@@ -36,7 +36,7 @@
                     <label class="block text-sm font-medium text-gray-700 mb-1">База данных</label>
                     <input type="text" name="database" id="database"
                            value="{{if .Settings}}{{.Settings.Database}}{{else}}RFQ_LOG{{end}}"
-                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500"
                            placeholder="RFQ_LOG">
                 </div>
 
@@ -44,14 +44,14 @@
                     <label class="block text-sm font-medium text-gray-700 mb-1">Пользователь</label>
                     <input type="text" name="user" id="user"
                            value="{{if .Settings}}{{.Settings.User}}{{end}}"
-                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500"
                            placeholder="username">
                 </div>
 
                 <div>
                     <label class="block text-sm font-medium text-gray-700 mb-1">Пароль</label>
                     <input type="password" name="password" id="password"
-                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500"
                            placeholder="{{if .Settings}}********{{else}}password{{end}}">
                     {{if .Settings}}
                     <p class="text-xs text-gray-500 mt-1">Оставьте пустым, чтобы сохранить текущий пароль</p>
@@ -72,7 +72,7 @@
                         Проверить
                     </button>
                     <button type="submit"
-                            class="flex-1 px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition">
+                            class="flex-1 px-4 py-2 bg-orange-600 text-white rounded-md hover:bg-orange-700 transition">
                         Сохранить
                     </button>
                 </div>
@@ -87,7 +87,7 @@
     <script>
         function showStatus(message, type) {
             const status = document.getElementById('status');
-            status.classList.remove('hidden', 'bg-green-100', 'text-green-800', 'bg-red-100', 'text-red-800', 'bg-blue-100', 'text-blue-800', 'bg-yellow-100', 'text-yellow-800');
+            status.classList.remove('hidden', 'bg-green-100', 'text-green-800', 'bg-red-100', 'text-red-800', 'bg-orange-100', 'text-orange-800', 'bg-yellow-100', 'text-yellow-800');
 
             if (type === 'success') {
                 status.classList.add('bg-green-100', 'text-green-800');
@@ -96,7 +96,7 @@
             } else if (type === 'warning') {
                 status.classList.add('bg-yellow-100', 'text-yellow-800');
             } else {
-                status.classList.add('bg-blue-100', 'text-blue-800');
+                status.classList.add('bg-orange-100', 'text-orange-800');
             }
 
             status.textContent = message;