From b006c48c52d59fa2d1d95f09007cdf9936fc0597 Mon Sep 17 00:00:00 2001
From: Astronit <oakazanin@ya.ru>
Date: Fri, 20 Feb 2026 13:15:58 +0000
Subject: [PATCH] =?UTF-8?q?style:=20=D0=B8=D0=BD=D1=82=D0=B5=D0=B3=D1=80?=
 =?UTF-8?q?=D0=B0=D1=86=D0=B8=D1=8F=20VK=20=D0=BA=D0=BE=D0=BC=D0=BC=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=82=D0=B0=D1=80=D0=B8=D0=B5=D0=B2=20=D1=81=20Blowfish?=
 =?UTF-8?q?=20=D1=86=D0=B2=D0=B5=D1=82=D0=BE=D0=B2=D0=BE=D0=B9=20=D1=81?=
 =?UTF-8?q?=D1=85=D0=B5=D0=BC=D0=BE=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/partials/comments.html | 35 ++++++++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html
index eabd837..6a4a6c2 100644
--- a/layouts/partials/comments.html
+++ b/layouts/partials/comments.html
@@ -1,5 +1,8 @@
-<!-- VK Comments Widget -->
-<div id="vk_comments"></div>
+<!-- VK Comments Widget with Blowfish styling -->
+<div class="vk-comments-wrap">
+  <div id="vk_comments"></div>
+</div>
+
 <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
 <script type="text/javascript">
   VK.init({apiId: 54459311, onlyWidgets: true});
@@ -7,6 +10,30 @@
     limit: 10,
     attach: "*",
     autoPublish: 0,
-    pageUrl: "{{ .Permalink }}"
+    pageUrl: "{{ .Permalink }}",
+    width: "auto"
   });
-</script>
\ No newline at end of file
+</script>
+
+<style>
+.vk-comments-wrap {
+  background: rgb(var(--color-neutral-50));
+  color: rgb(var(--color-neutral-900));
+  border: 1px solid rgb(var(--color-neutral-200));
+  border-radius: 12px;
+  padding: 24px;
+  margin-top: 3rem;
+  margin-bottom: 4rem;
+}
+
+/* Dark mode */
+.dark .vk-comments-wrap {
+  background: rgb(var(--color-neutral-900));
+  color: rgb(var(--color-neutral-50));
+  border-color: rgb(var(--color-neutral-700));
+}
+
+#vk_comments { 
+  width: 100% !important; 
+}
+</style>
\ No newline at end of file