From f4d7c49bfc0235480964717d012c23144b97b92d Mon Sep 17 00:00:00 2001
From: Christoph Wille <christophw@Mac.fritz.box>
Date: Tue, 1 Sep 2026 14:58:23 +0200
Subject: [PATCH] Repaint the Simple theme instead of wearing its defaults

The window read as an unstyled toolkit demo: a near-black hairline around
every list and text box, a hard rectangle for every control, one white for
chrome and content alike, and buttons shaded like a Win32 dialog. None of
that is a decision anyone made - it is what the Simple theme looks like
when nothing overrides it, and a tool someone reads diffs in for an hour at
a stretch should have a frame quiet enough to disappear.

The theme resolves every colour through a named resource key, and
Application.Resources is consulted before Application.Styles, so restating
those keys is enough to repaint the whole app without touching a template.
Only the brushes are restated, not the colours behind them: the theme
builds each brush from its colour with a StaticResource, resolved once at
parse time, so overriding a colour alone changes nothing there. The colours
are restated too, because Dock builds its own brushes from them with a
DynamicResource - which is the opposite arrangement, and the reason both
halves are needed.

The chrome is given a ground a shade off the content white, so a list reads
as a surface laid on the frame rather than as more of the same sheet. Both
theme variants are set; Dark is unreachable today, since nothing calls
ThemeManager.UpdateTheme, but leaving it stock would have made it wrong the
moment something does.

Two things a resource key cannot reach. A ListBox applies its background to
the ScrollViewer inside its border, so a square fill poked out of the newly
rounded corners - the border is painted instead and the inside left clear.
A document tab stays square: Dock fills it with a Panel, which has no corner
radius to bind, and replacing that template is a larger change than this one.

Assisted-by: Claude:claude-opus-5:Claude Code
---
 src/Stampeded/App.axaml                       | 92 +++++++++++++++++++
 .../Documents/StartDocumentView.axaml         |  5 +-
 src/Stampeded/MainWindow.axaml                |  5 +-
 3 files changed, 99 insertions(+), 3 deletions(-)

diff --git a/src/Stampeded/App.axaml b/src/Stampeded/App.axaml
index a03a970..22a9de4 100644
--- a/src/Stampeded/App.axaml
+++ b/src/Stampeded/App.axaml
@@ -22,12 +22,69 @@
           <SolidColorBrush x:Key="Stampeded.EditorSelectionBrush" Color="#007ACC" Opacity="0.3" />
           <SolidColorBrush x:Key="Stampeded.TreeFocusFill" Color="#33007ACC" />
           <SolidColorBrush x:Key="Stampeded.TreeFocusBorder" Color="#005A9E" />
+          <!-- The ground the window is built on, a shade off the white that content is
+               painted in, so a list or an editor reads as a surface laid on the frame rather
+               than as more of the same sheet. -->
+          <SolidColorBrush x:Key="Stampeded.ChromeBackground" Color="#F4F5F7" />
+          <!-- The Simple theme's own palette, restated. Its defaults draw a near-black
+               hairline around every list and text box and shade the buttons like a Win32
+               dialog; a review is read for an hour at a time, and the frame should be quiet
+               enough to disappear. Only the brushes are overridden, not the colours behind
+               them: the theme builds each brush from its colour with a StaticResource, which
+               is resolved once at parse time and never looks back. -->
+          <SolidColorBrush x:Key="ThemeBackgroundBrush" Color="#FFFFFF" />
+          <SolidColorBrush x:Key="ThemeBorderLowBrush" Color="#E4E7EA" />
+          <SolidColorBrush x:Key="ThemeBorderMidBrush" Color="#D8DCE1" />
+          <SolidColorBrush x:Key="ThemeBorderHighBrush" Color="#B9C0C8" />
+          <SolidColorBrush x:Key="ThemeControlLowBrush" Color="#F0F2F5" />
+          <SolidColorBrush x:Key="ThemeControlMidBrush" Color="#F6F7F9" />
+          <SolidColorBrush x:Key="ThemeControlMidHighBrush" Color="#F0F2F5" />
+          <SolidColorBrush x:Key="ThemeControlHighBrush" Color="#ECEFF3" />
+          <SolidColorBrush x:Key="ThemeControlVeryHighBrush" Color="#FFFFFF" />
+          <SolidColorBrush x:Key="ThemeControlHighlightLowBrush" Color="#F6F7F9" />
+          <SolidColorBrush x:Key="ThemeControlHighlightMidBrush" Color="#ECEFF3" />
+          <SolidColorBrush x:Key="ThemeControlHighlightHighBrush" Color="#E1E5EA" />
+          <SolidColorBrush x:Key="ThemeForegroundBrush" Color="#1F2328" />
+          <SolidColorBrush x:Key="ThemeForegroundLowBrush" Color="#656D76" />
+          <SolidColorBrush x:Key="ThemeAccentBrush" Color="#3794FF" />
+          <SolidColorBrush x:Key="HighlightBrush" Color="#3794FF" />
+          <SolidColorBrush x:Key="ThemeAccentBrush2" Color="#993794FF" />
+          <SolidColorBrush x:Key="ThemeAccentBrush3" Color="#663794FF" />
+          <SolidColorBrush x:Key="ThemeAccentBrush4" Color="#333794FF" />
+          <Color x:Key="ThemeBackgroundColor">#FFFFFF</Color>
+          <Color x:Key="ThemeForegroundColor">#1F2328</Color>
+          <Color x:Key="ThemeBorderLowColor">#E4E7EA</Color>
+          <Color x:Key="ThemeAccentColor">#3794FF</Color>
         </ResourceDictionary>
         <ResourceDictionary x:Key="Dark">
           <SolidColorBrush x:Key="Stampeded.EditorBackground" Color="#1E1E1E" />
           <SolidColorBrush x:Key="Stampeded.EditorSelectionBrush" Color="#3794FF" Opacity="0.35" />
           <SolidColorBrush x:Key="Stampeded.TreeFocusFill" Color="#40007ACC" />
           <SolidColorBrush x:Key="Stampeded.TreeFocusBorder" Color="#4A90D9" />
+          <SolidColorBrush x:Key="Stampeded.ChromeBackground" Color="#181A1C" />
+          <SolidColorBrush x:Key="ThemeBackgroundBrush" Color="#1E1E1E" />
+          <SolidColorBrush x:Key="ThemeBorderLowBrush" Color="#2A2E33" />
+          <SolidColorBrush x:Key="ThemeBorderMidBrush" Color="#3A4046" />
+          <SolidColorBrush x:Key="ThemeBorderHighBrush" Color="#555D66" />
+          <SolidColorBrush x:Key="ThemeControlLowBrush" Color="#23272B" />
+          <SolidColorBrush x:Key="ThemeControlMidBrush" Color="#33383E" />
+          <SolidColorBrush x:Key="ThemeControlMidHighBrush" Color="#26292E" />
+          <SolidColorBrush x:Key="ThemeControlHighBrush" Color="#2A2E33" />
+          <SolidColorBrush x:Key="ThemeControlVeryHighBrush" Color="#33383E" />
+          <SolidColorBrush x:Key="ThemeControlHighlightLowBrush" Color="#33383E" />
+          <SolidColorBrush x:Key="ThemeControlHighlightMidBrush" Color="#3D434A" />
+          <SolidColorBrush x:Key="ThemeControlHighlightHighBrush" Color="#474E56" />
+          <SolidColorBrush x:Key="ThemeForegroundBrush" Color="#E6EDF3" />
+          <SolidColorBrush x:Key="ThemeForegroundLowBrush" Color="#8B949E" />
+          <SolidColorBrush x:Key="ThemeAccentBrush" Color="#3794FF" />
+          <SolidColorBrush x:Key="HighlightBrush" Color="#3794FF" />
+          <SolidColorBrush x:Key="ThemeAccentBrush2" Color="#993794FF" />
+          <SolidColorBrush x:Key="ThemeAccentBrush3" Color="#663794FF" />
+          <SolidColorBrush x:Key="ThemeAccentBrush4" Color="#333794FF" />
+          <Color x:Key="ThemeBackgroundColor">#1E1E1E</Color>
+          <Color x:Key="ThemeForegroundColor">#E6EDF3</Color>
+          <Color x:Key="ThemeBorderLowColor">#2F343A</Color>
+          <Color x:Key="ThemeAccentColor">#3794FF</Color>
         </ResourceDictionary>
       </ResourceDictionary.ThemeDictionaries>
       <ResourceDictionary.MergedDictionaries>
@@ -48,6 +105,41 @@
     <Style Selector="Button TextBlock">
       <Setter Property="TextTrimming" Value="CharacterEllipsis" />
     </Style>
+    <!-- A corner radius the whole window over. The Simple theme draws every control as a
+         hard-edged rectangle, which reads as unfinished next to the rounded chrome every
+         other tool on the platform has. Set before Button.tool below, since equal-specificity
+         styles apply in source order and a toolbar button keeps its own tighter radius. -->
+    <Style Selector="Button">
+      <Setter Property="CornerRadius" Value="4" />
+    </Style>
+    <Style Selector="ToggleButton">
+      <Setter Property="CornerRadius" Value="4" />
+    </Style>
+    <Style Selector="TextBox">
+      <Setter Property="CornerRadius" Value="4" />
+    </Style>
+    <Style Selector="ComboBox">
+      <Setter Property="CornerRadius" Value="4" />
+    </Style>
+    <Style Selector="ListBox">
+      <Setter Property="CornerRadius" Value="5" />
+      <Setter Property="Background" Value="Transparent" />
+    </Style>
+    <Style Selector="ListBox /template/ Border#border">
+      <Setter Property="Background" Value="{DynamicResource ThemeBackgroundBrush}" />
+    </Style>
+    <Style Selector="ListBoxItem">
+      <Setter Property="CornerRadius" Value="3" />
+    </Style>
+    <!-- A pane's and a document's content are the surfaces a review is read on, so they keep
+         the content colour while the frame around them carries the chrome tone. Without this
+         they would inherit whatever the window is painted in, which is now not white. -->
+    <Style Selector="dockControls|ToolContentControl">
+      <Setter Property="Background" Value="{DynamicResource ThemeBackgroundBrush}" />
+    </Style>
+    <Style Selector="dockControls|DocumentContentControl">
+      <Setter Property="Background" Value="{DynamicResource ThemeBackgroundBrush}" />
+    </Style>
     <!-- A row of commands over a list is a toolbar: pressed with the mouse, read at a glance,
          and narrow enough that a pane keeps room for what it is about. The name each icon
          stands for lives in its tooltip, which is also where the gesture goes when there is
diff --git a/src/Stampeded/Documents/StartDocumentView.axaml b/src/Stampeded/Documents/StartDocumentView.axaml
index adb78b4..12e9598 100644
--- a/src/Stampeded/Documents/StartDocumentView.axaml
+++ b/src/Stampeded/Documents/StartDocumentView.axaml
@@ -79,7 +79,10 @@
       <Setter Property="Height" Value="14" />
     </Style>
   </UserControl.Styles>
-  <Grid ColumnDefinitions="1*,8,2*,8,2*" Margin="8">
+  <!-- The chrome tone behind the three columns, so their lists read as three panels and not
+       as one sheet with lines drawn on it: the gutters are what separates them. -->
+  <Grid ColumnDefinitions="1*,8,2*,8,2*" Margin="8"
+        Background="{DynamicResource Stampeded.ChromeBackground}">
     <DockPanel Grid.Column="0">
       <Grid DockPanel.Dock="Top" Classes="header" ColumnDefinitions="*,Auto">
         <Panel Classes="headtitle">
diff --git a/src/Stampeded/MainWindow.axaml b/src/Stampeded/MainWindow.axaml
index 9677b91..dc0474e 100644
--- a/src/Stampeded/MainWindow.axaml
+++ b/src/Stampeded/MainWindow.axaml
@@ -210,11 +210,12 @@
     <LayoutTransformControl.LayoutTransform>
       <ScaleTransform ScaleX="{Binding Zoom}" ScaleY="{Binding Zoom}" />
     </LayoutTransformControl.LayoutTransform>
-  <DockPanel>
+  <DockPanel Background="{DynamicResource Stampeded.ChromeBackground}">
     <!-- Empty and zero-height on macOS, where the platform took the menu; the bar the menu is
          drawn in on Windows and Linux. -->
     <NativeMenuBar DockPanel.Dock="Top" />
-    <Border DockPanel.Dock="Bottom" Padding="8,3" IsVisible="{Binding Busy.IsBusy}">
+    <Border DockPanel.Dock="Bottom" Padding="8,3" IsVisible="{Binding Busy.IsBusy}"
+            BorderBrush="{DynamicResource ThemeBorderLowBrush}" BorderThickness="0,1,0,0">
       <StackPanel Orientation="Horizontal" Spacing="8">
         <TextBlock Text="{Binding Busy.SpinnerFrame}" FontFamily="monospace" />
         <TextBlock Text="{Binding Busy.Text}" Opacity="0.8" />