User:Editingthingsforlife/vector-2022.js: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
$(document).ready(function () { | |||
// === Add Madness Theme Class === | |||
document.body.classList.add('madness-theme'); | |||
// === Tools Panel Toggle === | |||
const toolsPanel = document.querySelector('#vector-page-tools'); | |||
if (toolsPanel) { | |||
toolsPanel.classList.add('collapsed'); | |||
const toggleBtn = document.createElement('div'); | |||
toggleBtn.id = 'page-tools-toggle'; | |||
toggleBtn.innerText = '☰ Tools'; | |||
document.body.appendChild(toggleBtn); | |||
toggleBtn.addEventListener('click', () => { | |||
toolsPanel.classList.toggle('collapsed'); | |||
}); | |||
} | |||
// === Apply Theme to Special Pages === | |||
$('.mw-editform, .mw-changeslist, .mw-page-info, .oo-ui-fieldLayout, .mw-specialpages-body').css({ | |||
'background-color': '#1f1410', | |||
'border': '2px solid #ff2c2c', | |||
'padding': '20px', | |||
'border-radius': '8px', | |||
'box-shadow': '0 0 10px #ff0000' | |||
}); | |||
$('textarea, input, select').css({ | |||
'background-color': '#2b1b15', | |||
'color': '#fff', | |||
'border': '1px solid #ff3b3b' | |||
}); | |||
}); |
Latest revision as of 13:50, 14 May 2025
$(document).ready(function () {
// === Add Madness Theme Class ===
document.body.classList.add('madness-theme');
// === Tools Panel Toggle ===
const toolsPanel = document.querySelector('#vector-page-tools');
if (toolsPanel) {
toolsPanel.classList.add('collapsed');
const toggleBtn = document.createElement('div');
toggleBtn.id = 'page-tools-toggle';
toggleBtn.innerText = '☰ Tools';
document.body.appendChild(toggleBtn);
toggleBtn.addEventListener('click', () => {
toolsPanel.classList.toggle('collapsed');
});
}
// === Apply Theme to Special Pages ===
$('.mw-editform, .mw-changeslist, .mw-page-info, .oo-ui-fieldLayout, .mw-specialpages-body').css({
'background-color': '#1f1410',
'border': '2px solid #ff2c2c',
'padding': '20px',
'border-radius': '8px',
'box-shadow': '0 0 10px #ff0000'
});
$('textarea, input, select').css({
'background-color': '#2b1b15',
'color': '#fff',
'border': '1px solid #ff3b3b'
});
});