From ff1297e5072aa7a2db64b07d0da04382ac61ad01 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Thu, 4 Dec 2025 22:55:23 +0000
Subject: [PATCH] Style checkbox

---
 webclient/src/Feed.js         | 2 +-
 webclient/src/Style-black.css | 4 ++++
 webclient/src/Style-red.css   | 8 ++++++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/webclient/src/Feed.js b/webclient/src/Feed.js
index 94ffa47..4b92108 100644
--- a/webclient/src/Feed.js
+++ b/webclient/src/Feed.js
@@ -123,7 +123,7 @@ function Feed({ updateCache }) {
 
 			<div style={{marginBottom: '1rem'}}>
 				<input type="checkbox" id="filter-smallweb" className="checkbox" checked={filterSmallweb} onChange={handleFilterChange} />
-				<label htmlFor="filter-smallweb">Filter Smallweb</label>
+				<label htmlFor="filter-smallweb">Only Smallweb</label>
 			</div>
 
 			{error &&
diff --git a/webclient/src/Style-black.css b/webclient/src/Style-black.css
index 97bc065..36e8927 100644
--- a/webclient/src/Style-black.css
+++ b/webclient/src/Style-black.css
@@ -66,3 +66,7 @@
 .black .comment.lined {
 	border-left: 1px solid #444444;
 }
+
+.black .checkbox:checked + label::after {
+	border-color: #ddd;
+}
diff --git a/webclient/src/Style-red.css b/webclient/src/Style-red.css
index c874c4b..012e34f 100644
--- a/webclient/src/Style-red.css
+++ b/webclient/src/Style-red.css
@@ -80,3 +80,11 @@
 .red .dot {
 	background-color: #440000;
 }
+
+.red .checkbox + label::before {
+	border: 1px solid #690000;
+}
+
+.red .checkbox:checked + label::after {
+	border-color: #aa0000;
+}