diff --git a/common/head_tag.hbs b/common/head_tag.hbs index c97af7d..a7f3998 100644 --- a/common/head_tag.hbs +++ b/common/head_tag.hbs @@ -4,34 +4,51 @@ window.I18n.translations[I18n.locale].js.browser_update = 'The Horizon theme does not support your browser. Please update your browser, or switch to safe mode.'; } + + // 处理动态样式 + (() => { + const glassSelectors = "{{settings.extra_glass_morphism_selectors}}".trim(); + const cardSelectors = "{{settings.extra_card_item_selectors}}".trim(); + + let styles = ''; + + if (glassSelectors) { + const selectors = glassSelectors.split('\n').filter(s => s.trim()).map(s => s.trim()).join(', '); + styles += ` + ${selectors} { + background-color: #ffffffa8 !important; + border-radius: var(--d-border-radius); + backdrop-filter: blur(32px); + box-shadow: #00000077 0 0 19px 0; + padding: 24px; + } + `; + } + + if (cardSelectors) { + const selectors = cardSelectors.split('\n').filter(s => s.trim()).map(s => s.trim()).join(', '); + styles += ` + ${selectors} { + background: var(--d-chat-input-bg-color); + border-radius: var(--d-border-radius); + box-shadow: #00000024 0 0 7px 2px; + margin: 10px 0; + position: relative; + padding: 16px 12px; + overflow: hidden; + transition: background-color 0.2s ease-in-out; + } + ${selectors}:hover { + background-color: var(--accent-text-color); + } + `; + } + + if (styles) { + const styleEl = document.createElement('style'); + styleEl.textContent = styles; + document.head.appendChild(styleEl); + } + })(); -{{#if settings.extra_glass_morphism_selectors}} - -{{/if}} - -{{#if settings.extra_card_item_selectors}} - -{{/if}}