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 {