From d733b77e2f52ade67bf6bd0f798370b357ef1438 Mon Sep 17 00:00:00 2001
From: XLBilly <LeiYiXia29@outlook.com>
Date: Wed, 29 Oct 2025 19:07:37 +0800
Subject: [PATCH] Replace CSS property macros in Snow White theme (#9243)

---
 themes/tiddlywiki/snowwhite/base.tid | 40 ++++++++++++++--------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/themes/tiddlywiki/snowwhite/base.tid b/themes/tiddlywiki/snowwhite/base.tid
index 3ffd2c3f8..1d12a858c 100644
--- a/themes/tiddlywiki/snowwhite/base.tid
+++ b/themes/tiddlywiki/snowwhite/base.tid
@@ -12,41 +12,41 @@ tags: [[$:/tags/Stylesheet]]
 }
 
 .tc-tiddler-info {
-	<<box-shadow "inset 1px 2px 3px rgba(0,0,0,0.1)">>
+	box-shadow: inset 1px 2px 3px rgba(0,0,0,0.1);
 }
 
 @media screen {
 	.tc-tiddler-frame {
-		<<box-shadow "1px 1px 5px rgba(0, 0, 0, 0.3)">>
+		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
 	}
 }
 
 @media (max-width: <<sidebarbreakpoint-minus-one>>) {
 	.tc-tiddler-frame {
-		<<box-shadow none>>
+		box-shadow: none;
 	}
 }
 
 .tc-page-controls button svg, .tc-tiddler-controls button svg, .tc-topbar button svg {
-	<<transition "fill 150ms ease-in-out">>
+	transition: fill 150ms ease-in-out;
 }
 
 .tc-tiddler-controls button.tc-selected,
 .tc-page-controls button.tc-selected {
-	<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">>
+	filter: drop-shadow(0px -1px 2px rgba(0,0,0,0.25));
 }
 
 .tc-tiddler-frame input.tc-edit-texteditor,
 .tc-tiddler-frame select.tc-edit-texteditor {
-	<<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">>
+	box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15);
 }
 
 .tc-edit-tags {
-	<<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">>
+	box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15);
 }
 
 .tc-tiddler-frame .tc-edit-tags input.tc-edit-texteditor {
-	<<box-shadow "none">>
+	box-shadow: none
 	border: none;
 	outline: none;
 }
@@ -56,59 +56,59 @@ textarea.tc-edit-texteditor {
 }
 
 canvas.tc-edit-bitmapeditor  {
-	<<box-shadow "2px 2px 5px rgba(0, 0, 0, 0.5)">>
+	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
 }
 
 .tc-drop-down {
 	border-radius: 4px;
-	<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
+	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
 }
 
 .tc-block-dropdown {
 	border-radius: 4px;
-	<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
+	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
 }
 
 .tc-modal {
 	border-radius: 6px;
-	<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
+	box-shadow: 0 3px 7px rgba(0,0,0,0.3);
 }
 
 .tc-modal-footer {
 	border-radius: 0 0 6px 6px;
-	<<box-shadow "inset 0 1px 0 #fff">>;
+	box-shadow: inset 0 1px 0 #fff;
 }
 
 
 .tc-alert {
 	border-radius: 6px;
-	<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
+	box-shadow: 0 3px 7px rgba(0,0,0,0.6);
 }
 
 .tc-notification {
 	border-radius: 6px;
-	<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
+	box-shadow: 0 3px 7px rgba(0,0,0,0.3);
 	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
 }
 
 .tc-sidebar-lists .tc-tab-set .tc-tab-divider {
 	border-top: none;
 	height: 1px;
-	<<background-linear-gradient "left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.0) 100%">>
+	background-image: linear-gradient(to right, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.0) 100%); 
 }
 
 .tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button {
-	<<background-linear-gradient "left, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.1) 100%">>
+	background-image: linear-gradient(to right, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.1) 100%);
 }
 
 .tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button.tc-tab-selected {
-	<<background-linear-gradient "left, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.05) 100%">>
+	background-image: linear-gradient(to right, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.05) 100%);
 }
 
 .tc-message-box img {
-	<<box-shadow "1px 1px 3px rgba(0,0,0,0.5)">>
+	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
 }
 
 .tc-plugin-info {
-	<<box-shadow "1px 1px 3px rgba(0,0,0,0.5)">>
+	box-shadow: 1px 1px 3px rgba(0,0,0,0.5)
 }