diff --git a/templates/icons/copy-dark.png b/templates/icons/copy-dark.png new file mode 100644 index 0000000..b4949e4 Binary files /dev/null and b/templates/icons/copy-dark.png differ diff --git a/templates/icons/delete-dark.png b/templates/icons/delete-dark.png new file mode 100644 index 0000000..c3dca4e Binary files /dev/null and b/templates/icons/delete-dark.png differ diff --git a/templates/icons/edit-dark.png b/templates/icons/edit-dark.png new file mode 100644 index 0000000..15e18b8 Binary files /dev/null and b/templates/icons/edit-dark.png differ diff --git a/templates/index.html b/templates/index.html index cf67cbe..be66b13 100644 --- a/templates/index.html +++ b/templates/index.html @@ -193,21 +193,26 @@ transition: background-color 0.2s, transform 0.2s; } .custom-icon:hover { - background-color: #e0e0e0; /* Светлый фон при наведении */ - transform: scale(1.1); /* Небольшое увеличение */ + background-color: #e0e0e0; + transform: scale(1.1); } .custom-icon.dark-theme:hover { - background-color: #444; /* Темный фон при наведении на темной теме */ + background-color: #444; } + /* Иконки для светлой темы */ .edit-icon { background-image: url('/icons/edit.png'); } .copy-icon { background-image: url('/icons/copy.png'); } .note-icon { background-image: url('/icons/note.png'); } .delete-icon { background-image: url('/icons/delete.png'); } .folder-edit-icon { background-image: url('/icons/edit.png'); } .folder-delete-icon { background-image: url('/icons/delete.png'); } - .edit-icon.dark-theme, .copy-icon.dark-theme, .note-icon.dark-theme, .delete-icon.dark-theme, .folder-edit-icon.dark-theme, .folder-delete-icon.dark-theme { - filter: brightness(0) invert(1); /* Инверсия для темной темы */ - } + /* Иконки для темной темы */ + .edit-icon.dark-theme { background-image: url('/icons/edit-dark.png'); } + .copy-icon.dark-theme { background-image: url('/icons/copy-dark.png'); } + .note-icon.dark-theme { background-image: url('/icons/note-dark.png'); } + .delete-icon.dark-theme { background-image: url('/icons/delete-dark.png'); } + .folder-edit-icon.dark-theme { background-image: url('/icons/edit-dark.png'); } + .folder-delete-icon.dark-theme { background-image: url('/icons/delete-dark.png'); } #notes-content { padding: 10px; min-height: 200px;