tweaked

src/css/overlay.css

@@ -575,7 +575,7 @@ main.prose img:hover {
 }
 
 .st-card {
-    border-radius: 20px;
+    border-radius: 25px;
     background: var(--hover-bg);
     overflow: hidden;
 }
@@ -681,7 +681,6 @@ label.st-row {
     border: none;
     border-radius: 50%;
     background: var(--sw, var(--hover-bg));
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
     cursor: pointer;
     transition: transform 0.15s ease, box-shadow 0.15s ease;
 }

src/css/themes.css

@@ -243,7 +243,6 @@
 }
 
 .st-theme.on {
-    border-color: var(--text);
     background: var(--hover-bg);
     color: var(--text);
     font-weight: 600;

src/js/main.js

@@ -1674,6 +1674,17 @@ function buildSearch() {
 var lightboxScale = 1;
 var activeOriginImg = null;
 
+function bindLightboxClicks() {
+  document.addEventListener("click", function (e) {
+    if (!(e.target instanceof HTMLImageElement)) return;
+    var img = e.target;
+    if (!img.closest("main.prose")) return;
+    if (img.closest("a")) return;
+    e.preventDefault();
+    openLightbox(img);
+  });
+}
+
 function initLightbox() {
   if (document.getElementById("image-lightbox")) return;
   var lb = document.createElement("div");
@@ -1922,6 +1933,7 @@ document.addEventListener("DOMContentLoaded", function () {
   buildSettings();
   initEasterEggs();
   initContribSheet();
+  bindLightboxClicks();
   loadPage();
 
   window.addEventListener("popstate", loadPage);