hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change copy code button color depending on whether it has light/dark variant

Browse Source
This commit is contained in:
daudix
2024-07-14 05:57:46 +03:00
parent 26aea8cf46
commit 6615b14471
2 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
sass/_containers.scss
View File

@ -56,5 +56,13 @@
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
} }
&.dark {
background-color: rgba(255, 255, 255, 0.05);
.icon {
background-color: rgba(255, 255, 255, 0.5);
}
}
} }
} }

3
templates/partials/copy_button.html
View File

@ -15,6 +15,9 @@
let button = document.createElement("button"); let button = document.createElement("button");
let icon = document.createElement("i"); let icon = document.createElement("i");
let span = document.createElement("span"); let span = document.createElement("span");
{%- if config.markdown.highlight_themes_css | length < 1 %}
button.classList.add("dark");
{%- endif %}
icon.classList.add("icon"); icon.classList.add("icon");
span.classList.add("hidden"); span.classList.add("hidden");
span.innerHTML = "{{ macros_translate::translate(key='copy_code', default='Copy code', language_strings=language_strings) }}"; span.innerHTML = "{{ macros_translate::translate(key='copy_code', default='Copy code', language_strings=language_strings) }}";