Update
This commit is contained in:
parent
954321fe6f
commit
45c243eb0b
@ -798,6 +798,82 @@
|
||||
.dog-calc-copy-btn:hover { background: #e87741; }
|
||||
.dog-calc-copy-btn.copied { 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
|
||||
@ -948,7 +1024,7 @@
|
||||
|
||||
<div class="dog-calc-embed-options">
|
||||
<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>
|
||||
<div class="dog-calc-code-container">
|
||||
<pre><code id="widgetCode"></code></pre>
|
||||
@ -960,7 +1036,7 @@
|
||||
|
||||
<div class="dog-calc-embed-option">
|
||||
<h4>iframe Embed (Brand Protected)</h4>
|
||||
<p>Complete style isolation, your branding stays intact</p>
|
||||
<p></p>
|
||||
<div class="dog-calc-code-container">
|
||||
<pre><code id="iframeCode"></code></pre>
|
||||
<button class="dog-calc-copy-btn" id="copyIframe">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user