From 151f61adc0656c96495b3de28db07938e5cfc287 Mon Sep 17 00:00:00 2001
From: Jeremy Ruston <jeremy@jermolene.com>
Date: Fri, 25 Oct 2024 11:03:21 +0100
Subject: [PATCH] Palette chooser styling tweaks

---
 core/wiki/currpalettepreview.tid   |  4 ++++
 core/wiki/paletteswitcher.tid      |  4 +++-
 themes/tiddlywiki/vanilla/base.tid | 19 +++++++++++++++++--
 3 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/core/wiki/currpalettepreview.tid b/core/wiki/currpalettepreview.tid
index 02688e1fb..6b2cc6e8a 100644
--- a/core/wiki/currpalettepreview.tid
+++ b/core/wiki/currpalettepreview.tid
@@ -40,6 +40,10 @@ title: $:/snippets/currpalettepreview
 		<div class="tc-palette-preview-thumbnail-sidebar-subtitle">
 			a non-linear personal web notebook
 		</div>
+		<div class="tc-palette-preview-thumbnail-sidebar-search" style.backgroundColor=<<colour background>>>
+			<div class="tc-palette-preview-thumbnail-sidebar-search-box">
+			</div>
+		</div>
 	</div>
 </div>
 \end palette-preview-thumbnail
diff --git a/core/wiki/paletteswitcher.tid b/core/wiki/paletteswitcher.tid
index 6d0ff6b35..b75a9c179 100644
--- a/core/wiki/paletteswitcher.tid
+++ b/core/wiki/paletteswitcher.tid
@@ -8,10 +8,12 @@ title: $:/snippets/paletteswitcher
 <div class=<<cls>>>
 <$link to={{!!title}}>
 {{||$:/snippets/currpalettepreview}}
-''<$view field="name" format="text"/>''
 <div class="tc-chooser-item-description">
+''<$view field="name" format="text"/>''
+<div class="tc-chooser-item-subtitle">
 <$view field="description" format="text"/>
 </div>
+</div>
 </$link>
 </div>
 </$set>
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index 786e034fc..7d1dca79e 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -2830,8 +2830,8 @@ a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk .tc-plugin-info-sta
 
 .tc-chooser.tc-chooser-cards .tc-chooser-item {
 	width: 15em;
-	margin: 0.25em;
-	padding: 3px;
+	margin: 0.5em;
+	padding: 6px;
 	border: 1px solid <<colour muted-foreground>>;
 	border-radius: 3px;
 }
@@ -2855,6 +2855,7 @@ a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk .tc-plugin-info-sta
 	text-decoration: none;
 	background-color: transparent;
 	font-weight: normal;
+	color: <<colour foreground>>;
 }
 
 .tc-chooser-item:hover .tc-tiddlylink:hover {
@@ -2874,6 +2875,10 @@ a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk .tc-plugin-info-sta
 }
 
 .tc-chooser-item .tc-chooser-item-description {
+	padding: 3px;
+}
+
+.tc-chooser-item .tc-chooser-item-subtitle {
 	font-size: 0.8em;
 	line-height: 1.2;
 }
@@ -2967,6 +2972,16 @@ input.tc-palette-manager-colour-input {
 	font-size: 3px;
 }
 
+.tc-palette-preview-thumbnail-sidebar-search {
+	margin:3px 0;
+	line-height: 0;
+	width: 70%;
+}
+
+.tc-palette-preview-thumbnail-sidebar-search-box {
+	height: 4px;
+}
+
 /*
 ** Table of contents
 */