Style checkbox

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 &&

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;
+}

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;
+}