saturn
/
addressbook_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

icons fix

main
Satur@it-depot.ru 2025-03-11 11:46:52 +03:00
parent 51da9cd359
commit b844621af2
4 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
templates/icons/copy-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
templates/icons/delete-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
templates/icons/edit-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 827 B

17
templates/index.html
View File

@ -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;