From 6615b144715a3a02c829b595229e20054f44b98e Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Sun, 14 Jul 2024 05:57:46 +0300
Subject: [PATCH] Change copy code button color depending on whether it has
 light/dark variant

---
 sass/_containers.scss               | 8 ++++++++
 templates/partials/copy_button.html | 3 +++
 2 files changed, 11 insertions(+)

diff --git a/sass/_containers.scss b/sass/_containers.scss
index ec0580e..2d63958 100644
--- a/sass/_containers.scss
+++ b/sass/_containers.scss
@@ -56,5 +56,13 @@
 			width: 1rem;
 			height: 1rem;
 		}
+
+		&.dark {
+			background-color: rgba(255, 255, 255, 0.05);
+
+			.icon {
+				background-color: rgba(255, 255, 255, 0.5);
+			}
+		}
 	}
 }
diff --git a/templates/partials/copy_button.html b/templates/partials/copy_button.html
index 7229b10..52fd9b5 100644
--- a/templates/partials/copy_button.html
+++ b/templates/partials/copy_button.html
@@ -15,6 +15,9 @@
 				let button = document.createElement("button");
 				let icon = document.createElement("i");
 				let span = document.createElement("span");
+				{%- if config.markdown.highlight_themes_css | length < 1 %}
+					button.classList.add("dark");
+				{%- endif %}
 				icon.classList.add("icon");
 				span.classList.add("hidden");
 				span.innerHTML = "{{ macros_translate::translate(key='copy_code', default='Copy code', language_strings=language_strings) }}";