info message has border and shadow with .overlay class style.
MODIFY
WalletWasabi.Fluent/Controls/InfoMessage.axaml
WalletWasabi.Fluent/Controls/InfoMessage.axaml
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:c="using:WalletWasabi.Fluent.Controls"
xmlns:conv="using:WalletWasabi.Fluent.Converters">
-
+<Design.PreviewWith>
+ <Border Padding="40" >
+ <c:InfoMessage Classes="overlay" Padding="25">This is a test message.</c:InfoMessage>
+ </Border>
+</Design.PreviewWith>
<Style Selector="c|InfoMessage">
<Setter Property="IsVisible" x:CompileBindings="False" Value="{Binding $self.Opacity, Converter={x:Static conv:BoolOpacityConverters.OpacityToBool}}" />
+ <Setter Property="VerticalAlignment" Value="Top" />
<Setter Property="Template">
<ControlTemplate>
- <DockPanel Background="{TemplateBinding Background}">
+ <Border Name="PART_Border"
+ Background="{TemplateBinding Background}"
+ Padding="{TemplateBinding Padding}"
+ BorderBrush="{TemplateBinding BorderBrush}"
+ BorderThickness="{TemplateBinding BorderThickness}"
+ ClipToBounds="False" >
+ <DockPanel>
<PathIcon Data="{StaticResource info_regular}"
Foreground="{TemplateBinding Foreground}"
Content="{TemplateBinding Content}"
Margin="10 0 0 0"/>
</DockPanel>
+ </Border>
</ControlTemplate>
</Setter>
<Setter Property="Transitions">
<Style Selector="c|InfoMessage :is(TextBlock)">
<Setter Property="TextWrapping" Value="Wrap" />
</Style>
+
+ <Style Selector="c|InfoMessage.overlay">
+ <Setter Property="Background" Value="{DynamicResource PopupBackground}" />
+ </Style>
+
+ <Style Selector="c|InfoMessage.overlay /template/ Border#PART_Border">
+ <Setter Property="CornerRadius" Value="4" />
+ <Setter Property="BoxShadow" Value="{DynamicResource InfoBoxShadow}" />
+ <Setter Property="Margin" Value="6" />
+ </Style>
</Styles>

MODIFY
WalletWasabi.Fluent/Styles/Themes/BaseDark.axaml
WalletWasabi.Fluent/Styles/Themes/BaseDark.axaml
<SolidColorBrush x:Key="DialogOverlayColor">#7F2E2E2E</SolidColorBrush>
<BoxShadows x:Key="DialogBoxShadow">4 11 30 1 #3F000000</BoxShadows>
-
+ <BoxShadows x:Key="InfoBoxShadow">2 2 5 #3F000000</BoxShadows>
+ <SolidColorBrush x:Key="PopupBackground">#252525</SolidColorBrush>
<SolidColorBrush x:Key="SeparatorBackgroundBrush">#7FFFFFFF</SolidColorBrush>
<SolidColorBrush x:Key="TagsBoxControlForeground">#7FFFFFFF</SolidColorBrush>

MODIFY
WalletWasabi.Fluent/Styles/Themes/BaseLight.axaml
WalletWasabi.Fluent/Styles/Themes/BaseLight.axaml
<SolidColorBrush x:Key="DialogOverlayColor">#7F7A7A7A</SolidColorBrush>
<BoxShadows x:Key="DialogBoxShadow">4 11 30 1 #3F000000</BoxShadows>
-
+ <BoxShadows x:Key="InfoBoxShadow">2 2 5 #3F000000</BoxShadows>
+ <SolidColorBrush x:Key="PopupBackground">#FFFFFF</SolidColorBrush>
<SolidColorBrush x:Key="SeparatorBackgroundBrush">#7F000000</SolidColorBrush>
<SolidColorBrush x:Key="TagsBoxControlForeground">#7F000000</SolidColorBrush>

info message has border and shadow with .overlay class style.