diff --git a/lzipus/src/browser_action/popup.css b/lzipus/src/browser_action/popup.css
index 8ca566d..2096ed2 100644
--- a/lzipus/src/browser_action/popup.css
+++ b/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;
-}
\ No newline at end of file
diff --git a/lzipus/src/browser_action/popup.html b/lzipus/src/browser_action/popup.html
index e70c7ff..b090a7e 100644
--- a/lzipus/src/browser_action/popup.html
+++ b/lzipus/src/browser_action/popup.html
@@ -11,6 +11,9 @@
+
-
diff --git a/lzipus/src/browser_action/popup.js b/lzipus/src/browser_action/popup.js
index 722e8b7..dab4c1e 100644
--- a/lzipus/src/browser_action/popup.js
+++ b/lzipus/src/browser_action/popup.js
@@ -317,12 +317,18 @@ window.onload = function () {
});
};
+// Кнопка и иконка
const themeToggle = document.getElementById('theme-toggle');
+const themeIcon = document.getElementById('theme-icon');
- themeToggle.addEventListener('click', () => {
- document.body.classList.toggle('dark-theme');
- });
-const buttons = document.querySelectorAll('.btn');
-// editExisted.addEventListener('click', (e) => {
-// textRUEl.innerHTML = `RU`
-// })
+// Обработчик клика
+themeToggle.addEventListener('click', () => {
+ document.body.classList.toggle('dark-theme'); // Переключаем класс для темы
+
+ // Меняем иконку
+ if (document.body.classList.contains('dark-theme')) {
+ themeIcon.classList.replace('fa-sun', 'fa-moon');
+ } else {
+ themeIcon.classList.replace('fa-moon', 'fa-sun');
+ }
+});
\ No newline at end of file