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