dark fix 2
parent
fffe09c93b
commit
e9ceead91b
|
|
@ -83,6 +83,15 @@
|
|||
transform: translateY(-50%);
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Стили для выбранного узла в jstree в темной теме */
|
||||
.jstree-default-dark .jstree-clicked {
|
||||
background: #005580 !important;
|
||||
color: #e0e0e0 !important;
|
||||
}
|
||||
.jstree-default-dark .jstree-hovered {
|
||||
background: #003d66 !important;
|
||||
color: #e0e0e0 !important;
|
||||
}
|
||||
#search-container {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
|
|
@ -112,10 +121,16 @@
|
|||
display: table-cell;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
.header > div:hover {
|
||||
background: #e0e0e0;
|
||||
color: #000; /* Тёмный текст на светлом фоне в светлой теме */
|
||||
}
|
||||
.header.dark-theme > div:hover {
|
||||
background: #444;
|
||||
color: #e0e0e0; /* Светлый текст на тёмном фоне в темной теме */
|
||||
}
|
||||
.header > div:hover { background: #e0e0e0; }
|
||||
.header > div.dark-theme:hover { background: #444; }
|
||||
.sort-arrow { font-size: 12px; margin-left: 5px; }
|
||||
.protocol-icon {
|
||||
margin-right: 5px;
|
||||
|
|
@ -388,6 +403,8 @@
|
|||
// Применяем темную тему к уже загруженным элементам таблицы
|
||||
document.querySelectorAll('.install-item').forEach(item => item.classList.add('dark-theme'));
|
||||
document.querySelector('.header').classList.add('dark-theme');
|
||||
// Добавляем класс для темной темы в jstree
|
||||
$('#folder-tree').addClass('jstree-default-dark');
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -402,6 +419,7 @@
|
|||
const themeToggle = document.querySelector('.theme-toggle');
|
||||
const header = document.querySelector('.header');
|
||||
const installItems = document.querySelectorAll('.install-item');
|
||||
const folderTree = $('#folder-tree');
|
||||
|
||||
if (body.classList.contains('dark-theme')) {
|
||||
body.classList.remove('dark-theme');
|
||||
|
|
@ -414,6 +432,7 @@
|
|||
themeToggle.classList.remove('dark-theme');
|
||||
header.classList.remove('dark-theme');
|
||||
installItems.forEach(item => item.classList.remove('dark-theme'));
|
||||
folderTree.removeClass('jstree-default-dark');
|
||||
themeToggle.textContent = 'Темная тема';
|
||||
localStorage.setItem('theme', 'light');
|
||||
} else {
|
||||
|
|
@ -427,6 +446,7 @@
|
|||
themeToggle.classList.add('dark-theme');
|
||||
header.classList.add('dark-theme');
|
||||
installItems.forEach(item => item.classList.add('dark-theme'));
|
||||
folderTree.addClass('jstree-default-dark');
|
||||
themeToggle.textContent = 'Светлая тема';
|
||||
localStorage.setItem('theme', 'dark');
|
||||
}
|
||||
|
|
@ -437,7 +457,7 @@
|
|||
loadFolders();
|
||||
loadInstalls(null);
|
||||
|
||||
// Инициализация дерева папок
|
||||
// Инициализация дерева папок с настройками для темной темы
|
||||
$('#folder-tree').jstree({
|
||||
'core': {
|
||||
'data': function (node, cb) {
|
||||
|
|
@ -470,7 +490,10 @@
|
|||
console.error("Error loading folders:", textStatus, error);
|
||||
});
|
||||
},
|
||||
'check_callback': true
|
||||
'check_callback': true,
|
||||
'themes': {
|
||||
'variant': 'default-dark' // Устанавливаем темную тему по умолчанию для jstree
|
||||
}
|
||||
},
|
||||
'plugins': ['dnd', 'html_data'],
|
||||
'dnd': {
|
||||
|
|
|
|||
Loading…
Reference in New Issue