diff --git a/files/templates/default.html b/files/templates/default.html
index 4355633ed3..26daff649a 100644
--- a/files/templates/default.html
+++ b/files/templates/default.html
@@ -353,8 +353,10 @@
 	<div id="sex"></div>
 
 	<script>
+		const color = window.getComputedStyle(document.body).getPropertyValue('background-color');  
+
 		const markTemplate = (name) => {
-			return `<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='200px' width='200px'><text transform='translate(20, 100) rotate(-45)' fill='rgba(45,45,45,0.075)' font-size='60'>${name}</text></svg>`;
+			return `<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='200px' width='200px'><text transform='translate(20, 100) rotate(-45)' fill='${color}' fill-opacity="0.05" font-size='60'>${name}</text></svg>`;
 		};
 
 		const base64Mark = btoa(markTemplate("{{v.id}}"));