From fd0d3ccc271095979dc77d2c8aa7ec6cd343ac4c Mon Sep 17 00:00:00 2001
From: Saq Imtiaz <saq.imtiaz@gmail.com>
Date: Fri, 10 Apr 2026 12:23:37 +0200
Subject: [PATCH] Revert "Replace fill rules in tw5.com edition (#9624)"
 (#9800)

This reverts commit dc764b3a4ac97d1e2108badbff33366bdbf0772e.
---
 .../tiddlers/_tw_shared/doc-utilities/doc-styles.tid        | 6 ++++--
 editions/tw5.com/tiddlers/cards/card-styles.tid             | 1 +
 editions/tw5.com/tiddlers/features/Core Icons.tid           | 2 +-
 editions/tw5.com/tiddlers/hire-jeremy/HireJeremyStyles.tid  | 2 +-
 editions/tw5.com/tiddlers/saving/SavingThumbnailsStyles.tid | 2 +-
 editions/tw5.com/tiddlers/system/tw5.com-styles.tid         | 1 +
 .../tiddlers/variables/examples/tv-config-toolbar-class.tid | 2 +-
 7 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/editions/tw5.com/tiddlers/_tw_shared/doc-utilities/doc-styles.tid b/editions/tw5.com/tiddlers/_tw_shared/doc-utilities/doc-styles.tid
index e48f80f8a..55ae57993 100644
--- a/editions/tw5.com/tiddlers/_tw_shared/doc-utilities/doc-styles.tid
+++ b/editions/tw5.com/tiddlers/_tw_shared/doc-utilities/doc-styles.tid
@@ -193,11 +193,11 @@ tr.doc-table-subheading {
 }
 
 .doc-block-icon .tc-image-tip {
-	color: <<colour primary>>;
+	fill: <<colour primary>>;
 }
 
 .doc-block-icon .tc-image-warning {
-	color: <<colour alert-highlight>>;
+	fill: <<colour alert-highlight>>;
 }
 
 a.doc-from-version {
@@ -215,6 +215,7 @@ a.doc-from-version.doc-from-version-new {
 }
 
 a.doc-from-version svg {
+    fill: currentColor;
     vertical-align: sub;
 }
 
@@ -223,6 +224,7 @@ a.doc-deprecated-version.tc-tiddlylink {
     border-radius: 1em;
 	background: red;
 	color: <<colour background>>;
+	fill: <<colour background>>;
     padding: 0 0.4em;
     font-size: 0.7em;
     text-transform: uppercase;
diff --git a/editions/tw5.com/tiddlers/cards/card-styles.tid b/editions/tw5.com/tiddlers/cards/card-styles.tid
index 8279f69d4..7321ac129 100644
--- a/editions/tw5.com/tiddlers/cards/card-styles.tid
+++ b/editions/tw5.com/tiddlers/cards/card-styles.tid
@@ -36,6 +36,7 @@ type: text/vnd.tiddlywiki
 	border-radius: 6px;
 	padding: 0.5em;
 	color: <<colour background>>;
+	fill: <<colour background>>;
 }
 
 .tc-cards.tc-action-card .tc-card-button svg {
diff --git a/editions/tw5.com/tiddlers/features/Core Icons.tid b/editions/tw5.com/tiddlers/features/Core Icons.tid
index f28c98eb1..9799f48d7 100644
--- a/editions/tw5.com/tiddlers/features/Core Icons.tid	
+++ b/editions/tw5.com/tiddlers/features/Core Icons.tid	
@@ -37,5 +37,5 @@ Some icons take further parameters to customise how they are rendered. For examp
 
 The core icons are implemented as embedded [[SVG elements|Using SVG]], and not as full-blown SVG images. This means that they can be styled using CSS. For example, the CSS property `fill` can be used to change the colour of the icons. For example:
 
-<<wikitext-example-without-html """<span style="color: red;">{{$:/core/images/opacity}}</span>
+<<wikitext-example-without-html """<span style="fill: red;">{{$:/core/images/opacity}}</span>
 """>>
diff --git a/editions/tw5.com/tiddlers/hire-jeremy/HireJeremyStyles.tid b/editions/tw5.com/tiddlers/hire-jeremy/HireJeremyStyles.tid
index 4e7c0ca7b..5761e8c4f 100644
--- a/editions/tw5.com/tiddlers/hire-jeremy/HireJeremyStyles.tid
+++ b/editions/tw5.com/tiddlers/hire-jeremy/HireJeremyStyles.tid
@@ -81,7 +81,7 @@ type: text/vnd.tiddlywiki
 }
 
 [data-tiddler-title="Hire the founder of TiddlyWiki"] .tc-btn-big-green svg {
-	color: #cece86;
+	fill: #cece86;
 }
 
 .yellow-note-sidebar-wrapper {
diff --git a/editions/tw5.com/tiddlers/saving/SavingThumbnailsStyles.tid b/editions/tw5.com/tiddlers/saving/SavingThumbnailsStyles.tid
index 95e46c0b9..70e5d19b5 100644
--- a/editions/tw5.com/tiddlers/saving/SavingThumbnailsStyles.tid
+++ b/editions/tw5.com/tiddlers/saving/SavingThumbnailsStyles.tid
@@ -68,6 +68,6 @@ tags: $:/tags/Stylesheet
 
 .tc-thumbnail-tabs .tc-btn-pushed {
 	background-color: <<colour foreground>>;
-	color: <<color background>>;
+	fill: <<color background>>;
 }
 
diff --git a/editions/tw5.com/tiddlers/system/tw5.com-styles.tid b/editions/tw5.com/tiddlers/system/tw5.com-styles.tid
index 4c103b39e..9d4bad68f 100644
--- a/editions/tw5.com/tiddlers/system/tw5.com-styles.tid
+++ b/editions/tw5.com/tiddlers/system/tw5.com-styles.tid
@@ -97,6 +97,7 @@ type: text/vnd.tiddlywiki
 	font-size: 1.2em;
 	line-height: 1.4em;
 	color: #fff;
+	fill: #fff;
 }
 
 .tc-btn-download:active {
diff --git a/editions/tw5.com/tiddlers/variables/examples/tv-config-toolbar-class.tid b/editions/tw5.com/tiddlers/variables/examples/tv-config-toolbar-class.tid
index 320b92358..af53064ea 100644
--- a/editions/tw5.com/tiddlers/variables/examples/tv-config-toolbar-class.tid
+++ b/editions/tw5.com/tiddlers/variables/examples/tv-config-toolbar-class.tid
@@ -7,7 +7,7 @@ type: text/vnd.tiddlywiki
 <style>
 .green-background {
 	background-color: green;
-	color: white;
+	fill: white;
 }
 </style>