Feat: Enhance theme settings with new button styles for open theme and JSON options

This commit is contained in:
MasterAcnolo
2026-04-12 19:32:05 +02:00
parent a2653eef57
commit 06f6a30797
3 changed files with 22 additions and 10 deletions

View File

@@ -61,6 +61,10 @@ function applyTheme(theme) {
// Settings // Settings
root.style.setProperty("--settings-button-bg-color", style.settings?.button?.background || ""); root.style.setProperty("--settings-button-bg-color", style.settings?.button?.background || "");
root.style.setProperty("--settings-button-text-color", style.settings?.button?.text || ""); root.style.setProperty("--settings-button-text-color", style.settings?.button?.text || "");
root.style.setProperty("--open-theme-button-bg-color", style.settings?.openThemeButton?.background || "");
root.style.setProperty("--open-theme-button-text-color", style.settings?.openThemeButton?.text || "");
root.style.setProperty("--open-json-button-bg-color", style.settings?.openJsonButton?.background || style.settings?.button?.background || "");
root.style.setProperty("--open-json-button-text-color", style.settings?.openJsonButton?.text || style.settings?.button?.text || "");
root.style.setProperty("--settings-modal-bg-color", style.settings?.background?.modal || ""); root.style.setProperty("--settings-modal-bg-color", style.settings?.background?.modal || "");
root.style.setProperty("--settings-section-bg-color", style.settings?.background?.section || ""); root.style.setProperty("--settings-section-bg-color", style.settings?.background?.section || "");
root.style.setProperty("--settings-text-color", style.settings?.text || ""); root.style.setProperty("--settings-text-color", style.settings?.text || "");

View File

@@ -190,8 +190,8 @@ details summary {
border: none; border: none;
cursor: pointer; cursor: pointer;
font-weight: 600; font-weight: 600;
background-color: var(--form-button-bg-color); background-color: var(--open-json-button-bg-color);
color: #fff; color: var(--open-json-button-text-color);
} }
#open-theme { #open-theme {
@@ -200,8 +200,8 @@ details summary {
border: none; border: none;
cursor: pointer; cursor: pointer;
font-weight: 600; font-weight: 600;
background-color: var(--form-button-bg-color); background-color: var(--open-theme-button-bg-color);
color: #fff; color: var(--open-theme-button-text-color);
} }
#experimental-args { #experimental-args {

View File

@@ -77,6 +77,14 @@
"background": "", "background": "",
"text": "" "text": ""
}, },
"openThemeButton": {
"background": "",
"text": ""
},
"openJsonButton": {
"background": "",
"text": ""
},
"background": { "background": {
"modal": "", "modal": "",
"section": "" "section": ""