upstream/opnsense-core
1
0
Fork 0
mirror of https://github.com/opnsense/core.git synced 2026-06-09 00:42:36 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

theme/opnsense-auto: remove flashing (#10367)

Browse source
This commit is contained in:
Konstantinos Spartalis 2026-06-01 16:17:39 +03:00 committed by GitHub
parent 7a82bb8ac3
commit f27e8b53db
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 25 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/opnsense/www/themes/opnsense-auto/build/js/theme.js
View file

@ -1,28 +1,43 @@
(function() {
function themeSwitcher(){
let theme_name = 'opnsense';
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
theme_name = 'opnsense-dark';
}
function getThemeName() {
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'opnsense-dark' : 'opnsense';
}
function switchLinks(theme_name) {
let links = document.getElementsByTagName('link');
let imgs = document.getElementsByTagName('img');
for (let i=0; i < links.length; i++) {
for (let i = 0; i < links.length; i++) {
if (links[i].href && links[i].href.indexOf('/ui/themes/') !== -1) {
links[i].href = links[i].href.replace(/\/ui\/themes\/[^\/]+\//, '/ui/themes/' + theme_name + '/');
}
}
}
for (let i=0; i < imgs.length; i++) {
function switchImages(theme_name) {
let imgs = document.getElementsByTagName('img');
for (let i = 0; i < imgs.length; i++) {
if (imgs[i].src && imgs[i].src.indexOf('/ui/themes/') !== -1) {
imgs[i].src = imgs[i].src.replace(/\/ui\/themes\/[^\/]+\//, '/ui/themes/' + theme_name + '/');
}
}
/* D3 needs a resize event, but it likely doesn't harm to fire one in all cases after changing references */
}
function themeSwitcher() {
let theme_name = getThemeName();
switchLinks(theme_name);
switchImages(theme_name);
window.dispatchEvent(new Event('resize'));
}
if (window.matchMedia) {
document.addEventListener('DOMContentLoaded',themeSwitcher);
switchLinks(getThemeName());
document.addEventListener('DOMContentLoaded', function() {
let theme_name = getThemeName();
switchLinks(theme_name);
switchImages(theme_name);
window.dispatchEvent(new Event('resize'));
});
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', themeSwitcher);
}
})();