From 96caa85e3fc1500cdbb2335a966856e25744b882 Mon Sep 17 00:00:00 2001
From: Fovway <fovway@gmail.com>
Date: Sat, 25 Oct 2025 19:12:51 +0700
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BD=D1=8B=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8=20?=
 =?UTF-8?q?=D0=B4=D0=BB=D1=8F=20=D1=83=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D0=B2=D0=B8=D0=B7=D1=83=D0=B0=D0=BB=D1=8C=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B3=D0=BE=20=D0=BE=D1=84=D0=BE=D1=80=D0=BC=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8F=20=D0=B8=20=D1=81=D0=BE=D0=B3=D0=BB=D0=B0?=
 =?UTF-8?q?=D1=81=D0=BE=D0=B2=D0=B0=D0=BD=D0=BD=D0=BE=D1=81=D1=82=D0=B8=20?=
 =?UTF-8?q?=D0=B8=D0=BD=D1=82=D0=B5=D1=80=D1=84=D0=B5=D0=B9=D1=81=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Заменены фиксированные цвета на переменные CSS для фона, текста и границ, улучшая поддержку темной темы.
- Обновлены стили для элементов управления, включая текстовые области и теги, с использованием новых переменных для фона и цвета.
- Оптимизированы стили для улучшения визуальной согласованности и адаптивности интерфейса.
---
 public/style.css | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/public/style.css b/public/style.css
index 01ce452..07979aa 100644
--- a/public/style.css
+++ b/public/style.css
@@ -699,7 +699,7 @@ textarea:focus {
   left: 0;
   right: 0;
   height: 80px;
-  background: linear-gradient(to bottom, transparent, var(--bg-primary));
+  background: linear-gradient(to bottom, transparent, var(--bg-secondary));
   pointer-events: none;
 }
 
@@ -708,8 +708,8 @@ textarea:focus {
   width: 100%;
   margin-top: 10px;
   padding: 8px;
-  background-color: #f8f9fa;
-  border: 1px solid #ddd;
+  background-color: var(--bg-tertiary);
+  border: 1px solid var(--border-secondary);
   border-radius: 5px;
   color: var(--accent-color, #007bff);
   font-size: 14px;
@@ -782,9 +782,9 @@ textarea:focus {
   border-left: 4px solid var(--accent-color, #007bff);
   padding-left: 16px;
   margin: 10px 0;
-  color: #555;
+  color: var(--text-secondary);
   font-style: italic;
-  background-color: #f8f9fa;
+  background-color: var(--bg-tertiary);
   padding: 10px 16px;
   border-radius: 0 4px 4px 0;
   word-wrap: break-word;
@@ -797,7 +797,8 @@ textarea:focus {
 
 /* Стили для кода */
 .textNote pre {
-  background-color: #f5f5f5;
+  background-color: var(--bg-tertiary);
+  color: var(--text-primary);
   padding: 10px;
   border-radius: 5px;
   font-size: 14px;
@@ -808,7 +809,8 @@ textarea:focus {
 }
 
 .textNote code {
-  background-color: #f5f5f5;
+  background-color: var(--bg-tertiary);
+  color: var(--text-primary);
   padding: 2px 4px;
   border-radius: 5px;
   font-size: 14px;
@@ -1398,7 +1400,7 @@ textarea:focus {
 .tag {
   display: inline-block;
   padding: 4px 8px;
-  background-color: #ffffff;
+  background-color: var(--bg-secondary);
   color: var(--accent-color, #007bff);
   border: 1px solid var(--accent-color, #007bff);
   border-radius: 12px;
@@ -1430,7 +1432,7 @@ textarea:focus {
 .textNote .tag-in-note {
   display: inline-block;
   padding: 2px 6px;
-  background-color: #ffffff;
+  background-color: var(--bg-tertiary);
   color: var(--accent-color, #007bff);
   border: 1px solid var(--accent-color, #007bff);
   border-radius: 8px;
@@ -1683,6 +1685,7 @@ textarea:focus {
 .mobile-sidebar .tag {
   display: inline-block;
   padding: 4px 8px;
+  background-color: var(--bg-secondary);
   color: var(--accent-color, #007bff);
   border: 1px solid var(--accent-color, #007bff);
   border-radius: 12px;
@@ -1936,24 +1939,29 @@ textarea:focus {
 }
 
 .note-preview-content code {
-  background: #f8f9fa;
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
   padding: 2px 6px;
   border-radius: 4px;
   font-family: "Courier New", monospace;
 }
 
 .note-preview-content pre {
-  background: #f8f9fa;
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
   padding: 10px;
   border-radius: 6px;
   overflow-x: auto;
 }
 
 .note-preview-content blockquote {
-  border-left: 4px solid #007bff;
+  border-left: 4px solid var(--accent-color, #007bff);
   padding-left: 15px;
   margin: 10px 0;
-  color: #495057;
+  color: var(--text-secondary);
+  background-color: var(--bg-tertiary);
+  padding: 8px 15px;
+  border-radius: 0 4px 4px 0;
 }
 
 .note-preview-content img {