From e8267434913ac3794bb14f65897403680bbb904b Mon Sep 17 00:00:00 2001
From: erjemin <erjemin@gmail.com>
Date: Tue, 13 Jan 2026 13:39:04 +0300
Subject: [PATCH] =?UTF-8?q?mod:=20=D0=BE=D0=BF=D1=82=D0=B8=D0=BC=D0=B8?=
 =?UTF-8?q?=D0=B7=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B0=20=D0=B7=D0=B0?=
 =?UTF-8?q?=D0=B3=D1=80=D1=83=D0=B7=D0=BA=D0=B0=20svg=20=D0=BB=D0=BE=D0=B3?=
 =?UTF-8?q?=D0=BE=D1=82=D0=B8=D0=BF=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../typograph/templates/typograph/base.html   | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/etpgrf_site/typograph/templates/typograph/base.html b/etpgrf_site/typograph/templates/typograph/base.html
index c6519ff..7cb0c7b 100644
--- a/etpgrf_site/typograph/templates/typograph/base.html
+++ b/etpgrf_site/typograph/templates/typograph/base.html
@@ -92,12 +92,6 @@
             object-fit: contain; /* Вписываем, сохраняя пропорции */
         }
 
-        /* Переключение логотипов */
-        [data-bs-theme="dark"] .logo-light { display: none; }
-        [data-bs-theme="dark"] .logo-dark { display: block; }
-        [data-bs-theme="light"] .logo-light { display: block; }
-        [data-bs-theme="light"] .logo-dark { display: none; }
-
         /* === ПЕРЕОПРЕДЕЛЕНИЕ КОМПОНЕНТОВ BOOTSTRAP === */
 
         /* Кнопки Primary */
@@ -196,10 +190,14 @@
 
 {# ШАПКА и главное меню #}
 <nav class="navbar navbar-expand-lg mb-4">
-  <div class="container"> {# Вернул container для выравнивания #}
+  <div class="container">
     <a class="navbar-brand" href="/">
-        <img src="{% static 'svg/logo-etpgrf-site-light.svg' %}" class="logo-img logo-light" alt="ETPGRF — единая типографика для веба">
-        <img src="{% static 'svg/logo-etpgrf-site-dark.svg' %}" class="logo-img logo-dark" alt="ETPGRF — единая типографика для веба">
+        <img id="logo-img" class="logo-img" src=""
+             data-src-light="{% static 'svg/logo-etpgrf-site-light.svg' %}"
+             data-src-light-compact="{% static 'svg/logo-etpgrf-site-light-compact_old.svg' %}"
+             data-src-dark="{% static 'svg/logo-etpgrf-site-dark.svg' %}"
+             data-src-dark-compact="{% static 'svg/logo-etpgrf-site-dark-compact_old.svg' %}"
+             alt="ETPGRF — единая типографика для веба">
     </a>
   </div>
 </nav>
@@ -228,6 +226,13 @@
 {# Логика куки-баннера и счетчиков #}
 <script>
   (function () {
+    // Динамическая загрузка логотипа в соответствии с темой (темная/светлая)
+    document.addEventListener('DOMContentLoaded', function() {
+        const logoImg = document.getElementById('logo-img');
+        const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        logoImg.src = isDark ? logoImg.dataset.srcDark : logoImg.dataset.srcLight;
+    });
+
     const COOKIE_KEY = 'cookie_consent';
     const TTL_MS =60 * 1000; // 1 минута для отладки (потом поставить 90 дней: 90 * 24 * 60 * 60 * 1000 = 7776000000)