releases/ClaudeDo
2
0
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Projects Releases 12 Wiki Activity

feat(ui): unify type scale to 11/13/18/24 and add canonical text classes

Browse Source
This commit is contained in:
mika kuns
2026-05-30 17:22:29 +02:00
parent 16717ab9e9
commit b00e4d994f
2 changed files with 48 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/ClaudeDo.Ui/Design/IslandStyles.axaml
View File

@@ -915,4 +915,49 @@
<Setter Property="Foreground" Value="{StaticResource TextBrush}" /> <Setter Property="Foreground" Value="{StaticResource TextBrush}" />
</Style> </Style>
<!-- ============================================================ -->
<!-- CANONICAL TYPOGRAPHY -->
<!-- One class per text role. Small text = 11 (eyebrow/meta/ -->
<!-- field-label/path-mono). Body = 13. Heading = 18. Display = 24.-->
<!-- ============================================================ -->
<!-- Small secondary mono text: timestamps, ids, hints, status, diffstat, age -->
<Style Selector="TextBlock.meta">
<Setter Property="FontFamily" Value="{StaticResource MonoFont}" />
<Setter Property="FontSize" Value="{StaticResource FontSizeMono}" />
<Setter Property="Foreground" Value="{StaticResource TextDimBrush}" />
</Style>
<!-- Default body / list values / descriptions -->
<Style Selector="TextBlock.body">
<Setter Property="FontFamily" Value="{StaticResource SansFont}" />
<Setter Property="FontSize" Value="{StaticResource FontSizeBody}" />
<Setter Property="Foreground" Value="{StaticResource TextDimBrush}" />
</Style>
<!-- Item / task / detail titles -->
<Style Selector="TextBlock.title">
<Setter Property="FontFamily" Value="{StaticResource SansFont}" />
<Setter Property="FontSize" Value="{StaticResource FontSizeBody}" />
<Setter Property="FontWeight" Value="Medium" />
<Setter Property="Foreground" Value="{StaticResource TextBrush}" />
</Style>
<!-- Panel / section headings ("Lists", modal section titles) -->
<Style Selector="TextBlock.heading">
<Setter Property="FontFamily" Value="{StaticResource SansFont}" />
<Setter Property="FontSize" Value="{StaticResource FontSizeH3}" />
<Setter Property="FontWeight" Value="SemiBold" />
<Setter Property="Foreground" Value="{StaticResource TextBrush}" />
</Style>
<!-- Main board / island display title -->
<Style Selector="TextBlock.display">
<Setter Property="FontFamily" Value="{StaticResource SansFont}" />
<Setter Property="FontSize" Value="{StaticResource FontSizeH2}" />
<Setter Property="FontWeight" Value="SemiBold" />
<Setter Property="Foreground" Value="{StaticResource TextBrush}" />
<Setter Property="TextTrimming" Value="CharacterEllipsis" />
</Style>
</Styles> </Styles>

6
src/ClaudeDo.Ui/Design/Tokens.axaml
View File

@@ -162,11 +162,11 @@
<FontFamily x:Key="MonoFamily">avares://ClaudeDo.Ui/Assets/Fonts/#JetBrains Mono, IBM Plex Mono, Cascadia Mono, Consolas, monospace</FontFamily> <FontFamily x:Key="MonoFamily">avares://ClaudeDo.Ui/Assets/Fonts/#JetBrains Mono, IBM Plex Mono, Cascadia Mono, Consolas, monospace</FontFamily>
<!-- Type scale --> <!-- Type scale -->
<x:Double x:Key="FontSizeEyebrow">10</x:Double> <!-- uppercase label, 0.14em tracking --> <x:Double x:Key="FontSizeEyebrow">11</x:Double> <!-- uppercase label, 0.14em tracking -->
<x:Double x:Key="FontSizeMono">11</x:Double> <!-- chips, log lines, filepaths --> <x:Double x:Key="FontSizeMono">11</x:Double> <!-- chips, log lines, filepaths -->
<x:Double x:Key="FontSizeMicro">11</x:Double> <!-- meta rows --> <x:Double x:Key="FontSizeMicro">11</x:Double> <!-- meta rows -->
<x:Double x:Key="FontSizeBody">13</x:Double> <x:Double x:Key="FontSizeBody">13</x:Double>
<x:Double x:Key="FontSizeTaskTitle">14</x:Double> <x:Double x:Key="FontSizeTaskTitle">13</x:Double>
<x:Double x:Key="FontSizeH3">18</x:Double> <x:Double x:Key="FontSizeH3">18</x:Double>
<x:Double x:Key="FontSizeH2">24</x:Double> <!-- island titles ("My Day") --> <x:Double x:Key="FontSizeH2">24</x:Double> <!-- island titles ("My Day") -->
<x:Double x:Key="FontSizeH1">32</x:Double> <x:Double x:Key="FontSizeH1">32</x:Double>
@@ -175,7 +175,7 @@
<Style x:Key="EyebrowText" Selector="TextBlock.eyebrow"> <Style x:Key="EyebrowText" Selector="TextBlock.eyebrow">
<Setter Property="FontFamily" Value="{StaticResource MonoFont}" /> <Setter Property="FontFamily" Value="{StaticResource MonoFont}" />
<Setter Property="FontSize" Value="{StaticResource FontSizeEyebrow}" /> <Setter Property="FontSize" Value="{StaticResource FontSizeEyebrow}" />
<Setter Property="Foreground" Value="{StaticResource TextFaintBrush}" /> <Setter Property="Foreground" Value="{StaticResource TextMuteBrush}" />
<Setter Property="LetterSpacing" Value="1.4" /> <Setter Property="LetterSpacing" Value="1.4" />
</Style> </Style>