From c5865567e6da1b2beea69048473be30fa92e7f2a Mon Sep 17 00:00:00 2001
From: kert <kert@rack.localdomain>
Date: Tue, 27 Oct 2026 13:46:20 -0400
Subject: [PATCH] style(marimo): quiet Stop control and no redundant link glyph
 on the home page

The running-notebook shutdown control was a 24px red-bordered box
around a power glyph; it is now a muted "Stop" text button that turns
destructive only on hover/focus. The external-link glyph that faded in
over every home-page row (28 of them) is hidden: the row is already
the link, and the glyph sat on top of the dates and the Stop control.
---
 assets/css/marimo.css | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/assets/css/marimo.css b/assets/css/marimo.css
index ce155d0..475270e 100644
--- a/assets/css/marimo.css
+++ b/assets/css/marimo.css
@@ -667,6 +667,44 @@ input#search {
   padding-left: 28px !important;
 }
 
+/* Home page controls. The shutdown control on running notebooks was a
+   24px red-bordered box around a power glyph; it is now a quiet "Stop"
+   text button that only turns destructive on hover. The external-link
+   glyph that faded in over every row is gone — the row itself is the
+   link, and the glyph sat on top of the dates and the Stop control. */
+#root > .contents > .max-w-6xl.container button:has(> .tabler-icon-power) {
+  width: auto !important;
+  height: auto !important;
+  padding: 2px 8px !important;
+  opacity: 1 !important;
+  background: transparent !important;
+  border: 1px solid transparent !important;
+  border-radius: var(--radius) !important;
+  box-shadow: none !important;
+  color: var(--muted-foreground) !important;
+  font-family: var(--monospace-font) !important;
+  font-size: 0.72rem !important;
+  letter-spacing: 0.02em !important;
+}
+
+#root > .contents > .max-w-6xl.container button:has(> .tabler-icon-power) > svg {
+  display: none !important;
+}
+
+#root > .contents > .max-w-6xl.container button:has(> .tabler-icon-power)::after {
+  content: "Stop";
+}
+
+#root > .contents > .max-w-6xl.container button:has(> .tabler-icon-power):hover,
+#root > .contents > .max-w-6xl.container button:has(> .tabler-icon-power):focus-visible {
+  color: var(--destructive) !important;
+  border-color: color-mix(in srgb, var(--destructive) 45%, var(--border)) !important;
+}
+
+#root > .contents > .max-w-6xl.container .tabler-icon-external-link {
+  display: none !important;
+}
+
 /* Home page: flat cards. marimo mixes a 4px solid offset shadow (the
    "Create a new notebook" card) with soft 2px ones (running / recent /
    workspace lists, the search box); on this flat palette they read as