Use different line number gutter background color

matze · matze · commit ccbd086e30aa · 2026-04-25T23:07:50.000+02:00
diff --git a/crates/wastebin_server/src/style.css b/crates/wastebin_server/src/style.css
@@ -20,6 +20,7 @@
   --border-soft: light-dark(#ecebe6, #1b1f26);
   --accent: light-dark(oklch(0.52 0.14 220), oklch(0.72 0.14 220));
   --accent-bg: light-dark(oklch(0.52 0.14 220 / 0.10), oklch(0.72 0.14 220 / 0.14));
+  --accent-bg-gutter: light-dark(oklch(0.52 0.14 220 / 0.15), oklch(0.72 0.14 220 / 0.20));
   --accent-fg: light-dark(oklch(0.38 0.14 220), oklch(0.88 0.09 220));
   --danger: light-dark(oklch(0.52 0.18 25), oklch(0.70 0.16 25));
   --danger-bg: light-dark(oklch(0.52 0.18 25 / 0.08), oklch(0.70 0.16 25 / 0.12));
@@ -684,7 +685,7 @@ table {
 }
 
 .src tr.line-highlight > td:first-child {
-  background: var(--accent-bg);
+  background: var(--accent-bg-gutter);
   font-weight: bold;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,7 @@`
`20`	`20`	`--border-soft: light-dark(#ecebe6, #1b1f26);`
`21`	`21`	`--accent: light-dark(oklch(0.52 0.14 220), oklch(0.72 0.14 220));`
`22`	`22`	`--accent-bg: light-dark(oklch(0.52 0.14 220 / 0.10), oklch(0.72 0.14 220 / 0.14));`
	`23`	`+ --accent-bg-gutter: light-dark(oklch(0.52 0.14 220 / 0.15), oklch(0.72 0.14 220 / 0.20));`
`23`	`24`	`--accent-fg: light-dark(oklch(0.38 0.14 220), oklch(0.88 0.09 220));`
`24`	`25`	`--danger: light-dark(oklch(0.52 0.18 25), oklch(0.70 0.16 25));`
`25`	`26`	`--danger-bg: light-dark(oklch(0.52 0.18 25 / 0.08), oklch(0.70 0.16 25 / 0.12));`
`@@ -684,7 +685,7 @@ table {`
`684`	`685`	`}`
`685`	`686`
`686`	`687`	`.src tr.line-highlight > td:first-child {`
`687`		`- background: var(--accent-bg);`
	`688`	`+ background: var(--accent-bg-gutter);`
`688`	`689`	`font-weight: bold;`
`689`	`690`	`}`
`690`	`691`