summaryrefslogtreecommitdiffstats
path: root/themes/danix-xyz-hacker/assets
diff options
context:
space:
mode:
Diffstat (limited to 'themes/danix-xyz-hacker/assets')
-rw-r--r--themes/danix-xyz-hacker/assets/css/chroma-custom.css14
-rw-r--r--themes/danix-xyz-hacker/assets/js/code-copy.js8
2 files changed, 16 insertions, 6 deletions
diff --git a/themes/danix-xyz-hacker/assets/css/chroma-custom.css b/themes/danix-xyz-hacker/assets/css/chroma-custom.css
index 11f4a4a..ef43ce2 100644
--- a/themes/danix-xyz-hacker/assets/css/chroma-custom.css
+++ b/themes/danix-xyz-hacker/assets/css/chroma-custom.css
@@ -98,7 +98,8 @@
overflow-x: auto;
}
-.code-body .highlight {
+.code-body .highlight,
+.code-body .highlight .chroma {
margin: 0;
border-radius: 0;
border: none;
@@ -148,10 +149,18 @@
background-color: var(--ctp-surface0);
}
+.highlight .lntd:first-child pre {
+ padding: 0.875rem 0;
+}
+
.highlight .lntd:last-child pre {
padding: 0.875rem 1rem;
}
+.highlight .chroma {
+ overflow-x: auto;
+}
+
/* === Syntax token colors (dark theme default) === */
.highlight {
@@ -332,7 +341,8 @@ html.theme-light .code-copy-btn:hover {
background: rgba(76, 79, 105, 0.08);
}
-html.theme-light .code-body .highlight {
+html.theme-light .code-body .highlight,
+html.theme-light .code-body .highlight .chroma {
background-color: #eff1f5;
color: #4c4f69;
}
diff --git a/themes/danix-xyz-hacker/assets/js/code-copy.js b/themes/danix-xyz-hacker/assets/js/code-copy.js
index bfcfd4a..8591436 100644
--- a/themes/danix-xyz-hacker/assets/js/code-copy.js
+++ b/themes/danix-xyz-hacker/assets/js/code-copy.js
@@ -53,16 +53,16 @@
if (!text) return;
navigator.clipboard.writeText(text).then(function () {
- var copyIcon = btn.querySelector('[data-feather="copy"]');
- var checkIcon = btn.querySelector('[data-feather="check"]');
+ var copyIcon = btn.querySelector('.icon-copy');
+ var checkIcon = btn.querySelector('.icon-check');
var liveRegion = wrapper.querySelector('.code-copy-status');
- if (copyIcon) copyIcon.style.display = 'none';
+ if (copyIcon) copyIcon.classList.add('hidden');
if (checkIcon) checkIcon.classList.remove('hidden');
btn.classList.add('is-copied');
if (liveRegion) liveRegion.textContent = 'Code copied to clipboard.';
setTimeout(function () {
- if (copyIcon) copyIcon.style.display = '';
+ if (copyIcon) copyIcon.classList.remove('hidden');
if (checkIcon) checkIcon.classList.add('hidden');
btn.classList.remove('is-copied');
if (liveRegion) liveRegion.textContent = '';