tildes-community/tildes-reextended
tildes-community
/
tildes-reextended
1
Fork 0
Code

Make Themed Logo aware of whether its been applied already.

This commit is contained in:
Bauke 2023-12-16 18:39:15 +01:00
parent ec46b3b373
commit f56f82b9f0
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
source/content-scripts/features/themed-logo.ts
View File

@ -1,9 +1,10 @@
import {log, querySelector} from "../../utilities/exports.js"; import {log, querySelector} from "../../utilities/exports.js";
export function runThemedLogoFeature() { export function runThemedLogoFeature() {
themedLogo(); if (themedLogo()) {
log("Themed Logo: Initialized."); log("Themed Logo: Initialized.");
} }
}
const tildesLogo = ` const tildesLogo = `
<svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 100 100"> <svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 100 100">
@ -19,7 +20,12 @@ const tildesLogo = `
</svg> </svg>
`; `;
function themedLogo() { function themedLogo(): boolean {
const siteHeader = querySelector<HTMLElement>(".site-header-logo");
if (siteHeader.dataset.trxThemedLogo === "true") {
return false;
}
let themedLogo = tildesLogo; let themedLogo = tildesLogo;
for (const customProperty of tildesLogo.match(/var\(--.+\)/g) ?? []) { for (const customProperty of tildesLogo.match(/var\(--.+\)/g) ?? []) {
let color = window let color = window
@ -33,6 +39,7 @@ function themedLogo() {
} }
const encodedSvg = encodeURIComponent(themedLogo); const encodedSvg = encodeURIComponent(themedLogo);
const siteHeader = querySelector<HTMLElement>(".site-header-logo"); siteHeader.dataset.trxThemedLogo = "true";
siteHeader.style.backgroundImage = `url("data:image/svg+xml,${encodedSvg}")`; siteHeader.style.backgroundImage = `url("data:image/svg+xml,${encodedSvg}")`;
return true;
} }