Я хочу изменить цвет фона навигационной панели только для меня с помощью tampermonkey, ниже находится div, содержащий ее

Если я изменю его вручную с помощью инструментов разработчика (f12), все будет работать нормально.

Но я не смог получить тот же результат с tampermonkey, я попробовал следующие 2 варианта (у меня есть удалил @match, так как на самом деле я не хочу публиковать URL-адрес, но это правильно, поскольку я мог включить и отключить скрипт, по сути, это базовая ссылка URL-адреса, заканчивающаяся на .com/*, поэтому она применяется ко всем подстраницам, но не работает):
Вариант 1:
// ==UserScript==
// @name Change Navbar Color
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Override navbar
// @match
// @run-at document-end
// ==/UserScript==
(function() {
'use strict';
const changeNavbarColor = () => {
const navbar = document.querySelector('.navbar.navbar-default');
if (navbar) {
navbar.style.setProperty('background-color', '#ff6600', 'important');
} else {
setTimeout(changeNavbarColor, 500);
}
};
changeNavbarColor();
})();
Вариант 2:
// ==UserScript==
// @name Change Navbar Color
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Change the background color of the navbar
// @match
// ==/UserScript==
(function() {
'use strict';
const waitForNavbar = setInterval(() => {
const navbar = document.querySelector('.navbar.navbar-default');
if (navbar) {
clearInterval(waitForNavbar);
navbar.style.backgroundColor = '#ff6600';
navbar.style.setProperty('background-color', '#ff6600', 'important');
}
}, 500);
})();
Подробнее здесь: https://stackoverflow.com/questions/797 ... mpermonkey
Мобильная версия