dayowe/sundog-calculator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
Dayowe 2025-06-08 22:38:08 +02:00
parent 954321fe6f
commit 45c243eb0b
1 changed files with 78 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
dog-food-calculator-widget.js
View File

@ -798,6 +798,82 @@
.dog-calc-copy-btn:hover { background: #e87741; } .dog-calc-copy-btn:hover { background: #e87741; }
.dog-calc-copy-btn.copied { background: #7fa464; } .dog-calc-copy-btn.copied { background: #7fa464; }
.dog-calc-copy-btn.copied:hover { background: #7fa464; } .dog-calc-copy-btn.copied:hover { background: #7fa464; }
/* Dark theme modal styles */
.dog-calc-widget.dog-calc-theme-dark .dog-calc-modal-content {
background-color: #24202d;
border-color: #433c4f;
}
.dog-calc-widget.dog-calc-theme-dark .dog-calc-modal h3 {
color: #f5f3f7;
}
.dog-calc-widget.dog-calc-theme-dark .dog-calc-modal-close {
color: #f5f3f7;
}
.dog-calc-widget.dog-calc-theme-dark .dog-calc-modal-close:hover {
color: #f19a5f;
}
.dog-calc-widget.dog-calc-theme-dark .dog-calc-share-url input {
background: #312b3b;
border-color: #433c4f;
color: #f5f3f7;
}
.dog-calc-widget.dog-calc-theme-dark .dog-calc-embed-option {
background: #312b3b;
border-color: #433c4f;
}
.dog-calc-widget.dog-calc-theme-dark .dog-calc-embed-option h4 {
color: #f5f3f7;
}
.dog-calc-widget.dog-calc-theme-dark .dog-calc-embed-option p {
color: #b8b0c2;
}
/* System theme modal styles */
@media (prefers-color-scheme: dark) {
.dog-calc-widget.dog-calc-theme-system .dog-calc-modal-content {
background-color: #24202d;
border-color: #433c4f;
}
.dog-calc-widget.dog-calc-theme-system .dog-calc-modal h3 {
color: #f5f3f7;
}
.dog-calc-widget.dog-calc-theme-system .dog-calc-modal-close {
color: #f5f3f7;
}
.dog-calc-widget.dog-calc-theme-system .dog-calc-modal-close:hover {
color: #f19a5f;
}
.dog-calc-widget.dog-calc-theme-system .dog-calc-share-url input {
background: #312b3b;
border-color: #433c4f;
color: #f5f3f7;
}
.dog-calc-widget.dog-calc-theme-system .dog-calc-embed-option {
background: #312b3b;
border-color: #433c4f;
}
.dog-calc-widget.dog-calc-theme-system .dog-calc-embed-option h4 {
color: #f5f3f7;
}
.dog-calc-widget.dog-calc-theme-system .dog-calc-embed-option p {
color: #b8b0c2;
}
}
`; `;
// Widget HTML template // Widget HTML template
@ -948,7 +1024,7 @@
<div class="dog-calc-embed-options"> <div class="dog-calc-embed-options">
<div class="dog-calc-embed-option"> <div class="dog-calc-embed-option">
<h4>JavaScript Widget (Recommended)</h4> <h4>JavaScript Widget</h4>
<p>SEO-friendly, responsive, integrates with your site's design</p> <p>SEO-friendly, responsive, integrates with your site's design</p>
<div class="dog-calc-code-container"> <div class="dog-calc-code-container">
<pre><code id="widgetCode"></code></pre> <pre><code id="widgetCode"></code></pre>
@ -960,7 +1036,7 @@
<div class="dog-calc-embed-option"> <div class="dog-calc-embed-option">
<h4>iframe Embed (Brand Protected)</h4> <h4>iframe Embed (Brand Protected)</h4>
<p>Complete style isolation, your branding stays intact</p> <p></p>
<div class="dog-calc-code-container"> <div class="dog-calc-code-container">
<pre><code id="iframeCode"></code></pre> <pre><code id="iframeCode"></code></pre>
<button class="dog-calc-copy-btn" id="copyIframe"> <button class="dog-calc-copy-btn" id="copyIframe">