add advanced night theme

lzipus/src/browser_action/popup.css

@@ -58,6 +58,17 @@ span.template {
   border: 2px solid #8844aa; /* Цвет рамки */
   border-radius: 10px 100px / 120px;
   overflow: hidden;
+  transition: background-color 0.3s ease, color 0.3s ease; /* Плавный переход при наведении */
+}
+
+/* Подсветка шаблонов при наведении */
+span.template:hover {
+  background: #d0e6ff; /* Подсветка для светлой темы */
+}
+
+.dark-theme span.template:hover {
+  background: #444; /* Подсветка для тёмной темы */
+  color: #fff; /* Белый цвет текста в тёмной теме */
 }
 
 .formochka {
@@ -95,7 +106,7 @@ span.template:hover {
 
 /* Стили для темной темы */
 body.dark-theme {
-  background: #1a1a1a; /* Темный фон */
+  background: #333; /* Темный фон */
   color: white; /* Светлый текст */
 }
 
@@ -103,7 +114,7 @@ body.dark-theme {
 .btn {
   color: #000;
   background-color: #fff;
-  border: 1px solid #ccc;
+  border: 1px solid #8888c6;
 }
 
 /* Стили для кнопок в тёмной теме */
@@ -112,6 +123,7 @@ body.dark-theme {
   background-color: #333;
   border: 1px solid #555;
 }
+
 .theme-btn {
   position: absolute;
   top: 10px;