add night theme

lzipus/src/browser_action/popup.css

@@ -99,28 +99,32 @@ body.dark-theme {
   color: white; /* Светлый текст */
 }
 
-body.dark-theme button.template-add,
-body.dark-theme button.template-edit,
-body.dark-theme button.template-delete {
-  background-color: #333; /* Темные кнопки */
-  border-color: #333; /* Темные рамки */
-  color: white; /* Светлый текст на кнопках */
+/* Базовый стиль кнопок */
+.btn {
+  color: #000;
+  background-color: #fff;
+  border: 1px solid #ccc;
 }
 
-body.dark-theme span.template {
-  border-color: #666; /* Темные рамки для шаблонов */
+/* Стили для кнопок в тёмной теме */
+.dark-theme .btn {
+  color: #fff;
+  background-color: #333;
+  border: 1px solid #555;
+}
+.theme-btn {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  font-size: 1.5rem;
+  color: #333;
+  z-index: 1000;
+  transition: color 0.3s ease;
 }
 
-body.dark-theme span.template:hover {
-  background: #444; /* Подсветка при наведении в темной теме */
+.dark-theme .theme-btn {
+  color: #fff;
 }
-
-.btn-dark {
-  background-color: #444; 
-  color: white; 
-  border: none; 
-}
-
-btn-dark:hover {
-  background-color: #555; 
-}