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
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("--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-section-bg-color", style.settings?.background?.section || "");
root.style.setProperty("--settings-text-color", style.settings?.text || "");

View File

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

View File

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