Simple layout idea
MODIFY
WalletWasabi.UI/Desktop/App.xaml
WalletWasabi.UI/Desktop/App.xaml
<StyleInclude Source="resm:Avalonia.Themes.Default.DefaultTheme.xaml?assembly=Avalonia.Themes.Default"/>
<StyleInclude Source="resm:WalletWasabi.UI.Desktop.Themes.Theme.xaml?assembly=WalletWasabi.UI.Desktop"/>
+ <Style Selector="Border">
+ <Setter Property="BorderBrush" Value="Blue"/>
+ <Setter Property="BorderThickness" Value="1" />
+ </Style>
<Style Selector="DockPanel Border.header">
- <Setter Property="Height" Value="100" />
+ <Setter Property="Height" Value="85" />
<Setter Property="Background" Value="{DynamicResource ThemeBorderDarkBrush}"/>
</Style>
<Style Selector="DockPanel Border.actionsBar">
- <Setter Property="Height" Value="30" />
+ <Setter Property="Height" Value="25" />
<Setter Property="Background" Value="{DynamicResource ThemeBorderLightBrush}"/>
</Style>
<Style Selector="Border.summary">
<Setter Property="Background" Value="{DynamicResource HighlightBrush}"/>
</Style>
- <Style Selector="DockPanel Border.body">
-<!-- basicWalletOperations <Setter Property="Background" Value="white"/>-->
+ <Style Selector="Window">
+ <Setter Property="FontSize" Value="{DynamicResource FontSizeNormal}"/>
</Style>
-
-
- <Style Selector="TextBlock">
- <Setter Property="FontSize" Value="24"/>
+ <Style Selector="TextBlock.header">
+ <Setter Property="FontSize" Value="{DynamicResource FontSizeLarge}"/>
<Setter Property="FontWeight" Value="Bold"/>
</Style>
+ <Style Selector="TextBlock.header.title">
+ <Setter Property="Foreground" Value="{DynamicResource ThemeBorderLightBrush}"/>
+ <Setter Property="HorizontalAlignment" Value="Stretch"/>
+ </Style>
+ <Style Selector="TextBlock.header.summary">
+ <Setter Property="Foreground" Value="{DynamicResource ThemeForegroundBrush}"/>
+ </Style>
+
</Application.Styles>
</Application>
\ No newline at end of file

MODIFY
WalletWasabi.UI/Desktop/Themes/Theme.xaml
WalletWasabi.UI/Desktop/Themes/Theme.xaml
<SolidColorBrush x:Key="ThemeBorderDarkBrush">#FF333333</SolidColorBrush>
<SolidColorBrush x:Key="ThemeBorderLightBrush">#FFCCCCCC</SolidColorBrush>
<SolidColorBrush x:Key="HighlightBrush">#FF086F9E</SolidColorBrush>
+ <SolidColorBrush x:Key="ThemeForegroundLightBrush">#FF808080</SolidColorBrush>
+ <SolidColorBrush x:Key="ThemeForegroundBrush">#FF000000</SolidColorBrush>
+
+ <sys:Double x:Key="ThemeDisabledOpacity">0.5</sys:Double>
+ <sys:Double x:Key="FontSizeSmall">10</sys:Double>
+ <sys:Double x:Key="FontSizeNormal">14</sys:Double>
+ <sys:Double x:Key="FontSizeLarge">24</sys:Double>
<!--
<SolidColorBrush x:Key="ThemeBorderMidBrush">#FF888888</SolidColorBrush>
<SolidColorBrush x:Key="ThemeControlLightBrush">#FFFFFFFF</SolidColorBrush>
<SolidColorBrush x:Key="ErrorBrush">Red</SolidColorBrush>
<SolidColorBrush x:Key="ErrorBrushLight">#10ff0000</SolidColorBrush>
<Thickness x:Key="ThemeBorderThickness">2</Thickness>
- <sys:Double x:Key="ThemeDisabledOpacity">0.5</sys:Double>
- <sys:Double x:Key="FontSizeSmall">10</sys:Double>
- <sys:Double x:Key="FontSizeNormal">12</sys:Double>
- <sys:Double x:Key="FontSizeLarge">16</sys:Double>
-->
</Style.Resources>
</Style>
\ No newline at end of file

MODIFY
WalletWasabi.UI/Desktop/Views/MainWindow.xaml
WalletWasabi.UI/Desktop/Views/MainWindow.xaml
<DockPanel>
<Border DockPanel.Dock="Top" Classes="header">
<DockPanel>
- <TextBlock HorizontalAlignment="Stretch" DockPanel.Dock="Left">Wasabi Wallet</TextBlock>
+ <TextBlock Classes="header title" DockPanel.Dock="Left">Wasabi Wallet</TextBlock>
<Border Classes="summary" DockPanel.Dock="Right">
- <TextBlock>65.779109 BTC</TextBlock>
+ <TextBlock Classes="header summary">65.779109 BTC</TextBlock>
</Border>
</DockPanel>
</Border>
+ <Border DockPanel.Dock="Bottom" Classes="actionsBar">
+ <TextBlock FontWeight="Bold">Status: Downloading filters (56708/1201234) 6%</TextBlock>
+ </Border>
<Border DockPanel.Dock="Top" Classes="actionsBar">
<TextBlock Text="{Binding Greeting}" />
</Border>
- <StackPanel Classes="body">
- <Border Classes="basicWalletOperations">
+ <Border DockPanel.Dock="Top" >
<TextBlock>Wallet summary / Send / Receive bitcoins</TextBlock>
</Border>
- <Border Classes="body">
+ <Border DockPanel.Dock="Top">
<TextBlock>Transactions history place holder</TextBlock>
</Border>
- </StackPanel>
</DockPanel>
</Window>
\ No newline at end of file

Simple layout idea