inital

FasdDesktopUi/ResourceDictionaries/DetailsPageResources/Colors/DarkModeResources.xaml

@@ -0,0 +1,43 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+
+    <!--DataHistory Styles-->
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.ControlBar.Text"
+                     Color="#9B9B9B" />
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.ControlBar.Action"
+                     Color="#1F92EE" />
+
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.Date"
+                     Color="#6D6D6D" />
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.TitleColumn.OverviewTitle"
+                     Color="#9B9B9B" />
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.TitleColumn.MainTitle"
+                     Color="#9B9B9B" />
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.TitleColumn.SubTitle"
+                     Color="#575757" />
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.Value"
+                     Color="#9B9B9B" />
+
+    <SolidColorBrush x:Key="BackgroundColor.DetailsPage.DataHistory.TitleColumn"
+                     Color="#1A1A1A" />
+    <SolidColorBrush x:Key="HighlightBackgroundColor.DetailsPage.DataHistory.TitleColumn"
+                     Color="#121212" />
+    <SolidColorBrush x:Key="BackgroundColor.DetailsPage.DataHistory.ValueColumn"
+                     Color="#272727" />
+    <SolidColorBrush x:Key="HighlightBackgroundColor.DetailsPage.DataHistory.ValueColumn"
+                     Color="#1B1B1B" />
+
+    <!--TitleSection Styles-->
+    <SolidColorBrush x:Key="FontColor.DetailsPage.TitleSection.Header"
+                     Color="#9B9B9B" />
+
+    <!--Widget Styles-->
+
+    <SolidColorBrush x:Key="FontColor.DetailsPage.Widget"
+                     Color="#9B9B9B" />
+    <SolidColorBrush x:Key="BackgroundColor.DetailsPage.Widget.Title"
+                     Color="#1A1A1A" />
+    <SolidColorBrush x:Key="BackgroundColor.DetailsPage.Widget.Value"
+                     Color="#272727" />
+
+</ResourceDictionary>

FasdDesktopUi/ResourceDictionaries/DetailsPageResources/Colors/LightModeResources.xaml

@@ -0,0 +1,43 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+
+    <!--DataHistory Styles-->
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.ControlBar.Text"
+                     Color="#3D3C3C" />
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.ControlBar.Action"
+                     Color="#005FAC" />
+
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.Date"
+                     Color="#6D6D6D" />
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.TitleColumn.OverviewTitle"
+                     Color="#3D3C3C" />
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.TitleColumn.MainTitle"
+                     Color="#3D3C3C" />
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.TitleColumn.SubTitle"
+                     Color="#7E7E7E" />
+    <SolidColorBrush x:Key="FontColor.DetailsPage.DataHistory.Value"
+                     Color="#3D3C3C" />
+
+    <SolidColorBrush x:Key="BackgroundColor.DetailsPage.DataHistory.TitleColumn"
+                     Color="#F7FAFA" />
+    <SolidColorBrush x:Key="HighlightBackgroundColor.DetailsPage.DataHistory.TitleColumn"
+                     Color="#FAFCFC" />
+    <SolidColorBrush x:Key="BackgroundColor.DetailsPage.DataHistory.ValueColumn"
+                     Color="#F2F2F2" />
+    <SolidColorBrush x:Key="HighlightBackgroundColor.DetailsPage.DataHistory.ValueColumn"
+                     Color="#F6F6F6" />
+
+    <!--TitleSection Styles-->
+    <SolidColorBrush x:Key="FontColor.DetailsPage.TitleSection.Header"
+                     Color="#3D3C3C" />
+
+    <!--Widget Styles-->
+
+    <SolidColorBrush x:Key="FontColor.DetailsPage.Widget"
+                     Color="#3D3C3C" />
+    <SolidColorBrush x:Key="BackgroundColor.DetailsPage.Widget.Title"
+                     Color="#F7FAFA" />
+    <SolidColorBrush x:Key="BackgroundColor.DetailsPage.Widget.Value"
+                     Color="#F2F2F2" />
+
+</ResourceDictionary>

FasdDesktopUi/ResourceDictionaries/DetailsPageResources/CustomizableResources.xaml

@@ -0,0 +1,50 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <Style x:Key="Customizable.Editable.TextBox"
+           TargetType="TextBox">
+        <Setter Property="Padding"
+                Value="11" />
+        <Setter Property="Margin"
+                Value="0 5" />
+        <Setter Property="BorderThickness"
+                Value="0" />
+        <Setter Property="BorderBrush"
+                Value="Transparent" />
+        <Setter Property="Foreground"
+                Value="{DynamicResource FontColor.Menu.Categories}" />
+        <Setter Property="IsReadOnly"
+                Value="True" />
+
+        <Style.Resources>
+            <Style TargetType="Border">
+                <Setter Property="CornerRadius"
+                        Value="7.5" />
+            </Style>
+        </Style.Resources>
+    </Style>
+
+    <Style x:Key="Customizable.Editable.TextBox.Background"
+           TargetType="TextBox"
+           BasedOn="{StaticResource Customizable.Editable.TextBox}">
+        <Setter Property="Background"
+                Value="{DynamicResource BackgroundColor.DetailsPage.Widget.Title}" />
+    </Style>
+
+    <Style x:Key="Customizable.Editable.TextBox.EditOnly"
+           TargetType="TextBox"
+           BasedOn="{StaticResource Customizable.Editable.TextBox.Background}">
+        <Setter Property="BorderBrush"
+                Value="{DynamicResource BackgroundColor.Menu.SubCategory.Hover}" />
+        <Setter Property="BorderThickness"
+                Value="1" />
+        <Setter Property="Padding"
+                Value="10" />
+        <Setter Property="IsReadOnly"
+                Value="False" />
+        <Setter Property="AcceptsTab"
+                Value="True" />
+        <Setter Property="AcceptsReturn"
+                Value="True" />
+    </Style>
+
+</ResourceDictionary>

FasdDesktopUi/ResourceDictionaries/DetailsPageResources/DataHistoryResources.xaml

@@ -0,0 +1,339 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:ico="clr-namespace:FasdDesktopUi.Basics.UserControls.AdaptableIcon;assembly=F4SD-AdaptableIcon"
+                    xmlns:ctrl="clr-namespace:FasdDesktopUi.Basics.UserControls"
+                    >
+
+    <SolidColorBrush x:Key="Transparent.Custom"
+                     Color="#01010101" />
+
+    <ctrl:StatusTreshholdTooltip x:Key="Tooltip.Treshold" />
+    
+    <Style x:Key="DetailsPage.DataHistory.ControlBar.Base">
+        <Setter Property="Control.FontFamily"
+                Value="Calibri" />
+        <Setter Property="Control.FontWeight"
+                Value="Regular" />
+        <Setter Property="TextBlock.LineHeight"
+                Value="13" />
+        <Setter Property="TextBlock.LineStackingStrategy"
+                Value="BlockLineHeight" />
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.ControlBar.Text"
+           BasedOn="{StaticResource DetailsPage.DataHistory.ControlBar.Base}">
+        <Setter Property="Control.Foreground"
+                Value="{DynamicResource FontColor.DetailsPage.DataHistory.ControlBar.Text}" />
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.ControlBar.Action"
+           BasedOn="{StaticResource DetailsPage.DataHistory.ControlBar.Base}">
+        <Setter Property="Control.Foreground"
+                Value="{DynamicResource FontColor.DetailsPage.DataHistory.ControlBar.Action}" />
+        <Setter Property="Control.Cursor"
+                Value="Hand" />
+        <Style.Triggers>
+            <Trigger Property="TextBlock.IsMouseOver"
+                     Value="True">
+                <Setter Property="TextBlock.TextDecorations"
+                        Value="Underline" />
+            </Trigger>
+        </Style.Triggers>
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.ColumnHeader">
+        <Setter Property="Control.VerticalAlignment"
+                Value="Center" />
+        <Setter Property="Control.HorizontalAlignment"
+                Value="Center" />
+        <Setter Property="Control.Padding"
+                Value="10, 1.5" />
+        <Setter Property="Control.FontFamily"
+                Value="Calibri" />
+        <Setter Property="Control.FontWeight"
+                Value="Regular" />
+        <Setter Property="Control.FontSize"
+                Value="13" />
+        <Setter Property="TextBlock.LineHeight"
+                Value="15" />
+        <Setter Property="TextBlock.LineStackingStrategy"
+                Value="BlockLineHeight" />
+        <Setter Property="Control.Foreground"
+                Value="{DynamicResource FontColor.DetailsPage.DataHistory.Date}" />
+        <Setter Property="Control.IsHitTestVisible"
+                Value="False" />
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.TitleColumn.OverviewTitle">
+        <Setter Property="Control.VerticalAlignment"
+                Value="Center" />
+        <Setter Property="ItemsControl.HorizontalAlignment"
+                Value="Right" />
+        <Setter Property="Control.FontFamily"
+                Value="Calibri" />
+        <Setter Property="Control.FontWeight"
+                Value="Bold" />
+        <Setter Property="Control.FontSize"
+                Value="14" />
+        <Setter Property="TextBlock.LineHeight"
+                Value="17" />
+        <Setter Property="TextBlock.LineStackingStrategy"
+                Value="BlockLineHeight" />
+        <Setter Property="TextBlock.TextAlignment"
+                Value="Right" />
+        <Setter Property="Control.Foreground"
+                Value="{DynamicResource FontColor.DetailsPage.DataHistory.TitleColumn.OverviewTitle}" />
+        <Setter Property="Control.IsHitTestVisible"
+                Value="False" />
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.TitleColumn.Title">
+        <Setter Property="Control.VerticalAlignment"
+                Value="Center" />
+        <Setter Property="Control.FontFamily"
+                Value="Calibri" />
+        <Setter Property="Control.FontWeight"
+                Value="Regular" />
+        <Setter Property="Control.FontSize"
+                Value="14" />
+        <Setter Property="TextBlock.LineHeight"
+                Value="17" />
+        <Setter Property="TextBlock.LineStackingStrategy"
+                Value="BlockLineHeight" />
+        <Setter Property="TextBlock.TextAlignment"
+                Value="Right" />
+        <Setter Property="Control.Cursor"
+                Value="Hand" />
+        <Style.Triggers>
+            <Trigger Property="Control.IsMouseOver"
+                     Value="True">
+                <Setter Property="Control.Foreground"
+                        Value="{DynamicResource Color.FunctionMarker}" />
+            </Trigger>
+        </Style.Triggers>
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.TitleColumn.MainTitle"
+           BasedOn="{StaticResource DetailsPage.DataHistory.TitleColumn.Title}">
+        <Setter Property="Control.Foreground"
+                Value="{DynamicResource FontColor.DetailsPage.DataHistory.TitleColumn.MainTitle}" />
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.TitleColumn.SubTitle"
+           BasedOn="{StaticResource DetailsPage.DataHistory.TitleColumn.Title}">
+        <Setter Property="Control.Foreground"
+                Value="{DynamicResource FontColor.DetailsPage.DataHistory.TitleColumn.SubTitle}" />
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.Icon.Lock"
+           TargetType="ico:AdaptableIcon">
+        <Setter Property="SelectedInternIcon"
+                Value="lock_open" />
+
+        <Setter Property="PrimaryIconColor"
+                Value="{DynamicResource Color.SoftContrast}" />
+        <Setter Property="BorderPadding"
+                Value="5.5" />
+        <Setter Property="IconHeight"
+                Value="60" />
+        <Setter Property="IconWidth"
+                Value="20" />
+        <Setter Property="Cursor"
+                Value="Hand" />
+        <Style.Triggers>
+
+            <MultiDataTrigger>
+                <MultiDataTrigger.Conditions>
+                    <Condition Binding="{Binding ElementName=DataHistory, Path=IsVerticalExpandLocked}"
+                               Value="False" />
+                    <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsMouseOver}"
+                               Value="False" />
+                </MultiDataTrigger.Conditions>
+                <Setter Property="SelectedInternIcon"
+                        Value="lock_open" />
+                <Setter Property="PrimaryIconColor"
+                        Value="{DynamicResource Color.SoftContrast}" />
+            </MultiDataTrigger>
+
+            <MultiDataTrigger>
+                <MultiDataTrigger.Conditions>
+                    <Condition Binding="{Binding ElementName=DataHistory, Path=IsVerticalExpandLocked}"
+                               Value="False" />
+                    <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsMouseOver}"
+                               Value="True" />
+                </MultiDataTrigger.Conditions>
+
+                <Setter Property="SelectedInternIcon"
+                        Value="lock_openHover" />
+                <Setter Property="PrimaryIconColor"
+                        Value="{DynamicResource Color.Menu.Icon.Hover}" />
+            </MultiDataTrigger>
+
+            <MultiDataTrigger>
+                <MultiDataTrigger.Conditions>
+                    <Condition Binding="{Binding ElementName=DataHistory, Path=IsVerticalExpandLocked}"
+                               Value="True" />
+                    <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsMouseOver}"
+                               Value="False" />
+                </MultiDataTrigger.Conditions>
+
+                <Setter Property="SelectedInternIcon"
+                        Value="lock_closed" />
+                <Setter Property="PrimaryIconColor"
+                        Value="{DynamicResource Color.Menu.Icon}" />
+            </MultiDataTrigger>
+
+            <MultiDataTrigger>
+                <MultiDataTrigger.Conditions>
+                    <Condition Binding="{Binding ElementName=DataHistory, Path=IsVerticalExpandLocked}"
+                               Value="True" />
+                    <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsMouseOver}"
+                               Value="True" />
+                </MultiDataTrigger.Conditions>
+
+                <Setter Property="SelectedInternIcon"
+                        Value="lock_closedHover" />
+                <Setter Property="PrimaryIconColor"
+                        Value="{DynamicResource Color.Menu.Icon.Hover}" />
+                <Setter Property="BorderPadding"
+                        Value="3" />
+            </MultiDataTrigger>
+
+        </Style.Triggers>
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.Icon.Chevron"
+           TargetType="ico:AdaptableIcon">
+        <Setter Property="Cursor"
+                Value="Hand" />
+        <Setter Property="PrimaryIconColor"
+                Value="{DynamicResource Color.SoftContrast}" />
+        <Setter Property="IconHeight"
+                Value="60" />
+        <Setter Property="IconWidth"
+                Value="20" />
+        <Setter Property="BorderPadding"
+                Value="6.5" />
+
+        <Style.Triggers>
+            <Trigger Property="IsMouseOver"
+                     Value="True">
+                <Setter Property="PrimaryIconColor"
+                        Value="{DynamicResource Color.FunctionMarker}" />
+                <Setter Property="BorderPadding"
+                        Value="6" />
+            </Trigger>
+
+            <DataTrigger Binding="{Binding ElementName=DataHistory, Path=IsHorizontalCollapsed}"
+                         Value="True">
+                <Setter Property="SelectedInternIcon"
+                        Value="misc_chevron_right" />
+            </DataTrigger>
+
+            <DataTrigger Binding="{Binding ElementName=DataHistory, Path=IsHorizontalCollapsed}"
+                         Value="False">
+                <Setter Property="SelectedInternIcon"
+                        Value="misc_chevron_left" />
+            </DataTrigger>
+        </Style.Triggers>
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.Value">
+        <Setter Property="Control.VerticalAlignment"
+                Value="Center" />
+        <Setter Property="Control.FontFamily"
+                Value="Calibri" />
+        <Setter Property="Control.FontWeight"
+                Value="Bold" />
+        <Setter Property="Control.Foreground"
+                Value="White" />
+        <Setter Property="Control.FontSize"
+                Value="14" />
+        <Setter Property="TextBlock.LineHeight"
+                Value="17" />
+        <Setter Property="TextBlock.LineStackingStrategy"
+                Value="BlockLineHeight" />
+        <Setter Property="TextBlock.TextAlignment"
+                Value="Center" />
+        <Setter Property="TextBlock.TextTrimming"
+                Value="CharacterEllipsis" />
+        <Style.Triggers>
+            <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorLevel=1, AncestorType=Border}, Path=Background}"
+                         Value="{StaticResource Transparent.Custom}">
+
+                <Setter Property="Control.FontWeight"
+                        Value="Regular" />
+                <Setter Property="TextBlock.Foreground"
+                        Value="{DynamicResource FontColor.DetailsPage.DataHistory.Value}" />
+
+            </DataTrigger>
+        </Style.Triggers>
+
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.Value.Aggregate">
+        <Setter Property="Control.VerticalAlignment"
+                Value="Center" />
+        <Setter Property="ItemsControl.Margin"
+                Value="2,0,0,0" />
+        <Setter Property="Control.FontFamily"
+                Value="Calibri" />
+        <Setter Property="Control.FontWeight"
+                Value="Bold" />
+        <Setter Property="Control.FontSize"
+                Value="16" />
+        <Setter Property="TextBlock.LineHeight"
+                Value="17" />
+        <Setter Property="TextBlock.LineStackingStrategy"
+                Value="BlockLineHeight" />
+        <Setter Property="TextBlock.TextAlignment"
+                Value="Center" />
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.ValueBorder"
+           TargetType="Border">
+        <Setter Property="Background"
+                Value="{DynamicResource Transparent.Custom}" />
+        <Setter Property="CornerRadius"
+                Value="5" />
+        <Setter Property="Height"
+                Value="24" />
+        <Setter Property="Margin"
+                Value="-5, 0, 0, 0" />
+        <Setter Property="Padding"
+                Value="5, 1.5, 5, 1.5" />
+        <Style.Resources>
+            <Style TargetType="TextBlock"
+                   BasedOn="{StaticResource DetailsPage.DataHistory.Value}" />
+        </Style.Resources>
+    </Style>
+    
+    <Style x:Key="DetailsPage.DataHistory.ValueBorder.Blue"
+           BasedOn="{StaticResource DetailsPage.DataHistory.ValueBorder}"
+           TargetType="Border">
+        <Setter Property="Background"
+                Value="{DynamicResource HighlightColor.Blue}" />
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.ValueBorder.Green"
+           BasedOn="{StaticResource DetailsPage.DataHistory.ValueBorder}"
+           TargetType="Border">
+        <Setter Property="Background"
+                Value="{DynamicResource HighlightColor.Green}" />
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.ValueBorder.Orange"
+           BasedOn="{StaticResource DetailsPage.DataHistory.ValueBorder}"
+           TargetType="Border">
+        <Setter Property="Background"
+                Value="{DynamicResource HighlightColor.Orange}" />
+    </Style>
+
+    <Style x:Key="DetailsPage.DataHistory.ValueBorder.Red"
+           BasedOn="{StaticResource DetailsPage.DataHistory.ValueBorder}"
+           TargetType="Border">
+        <Setter Property="Background"
+                Value="{DynamicResource HighlightColor.Red}" />
+    </Style>
+
+</ResourceDictionary>

FasdDesktopUi/ResourceDictionaries/DetailsPageResources/TitleSectionResources.xaml

@@ -0,0 +1,78 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:ico="clr-namespace:FasdDesktopUi.Basics.UserControls.AdaptableIcon;assembly=F4SD-AdaptableIcon">
+
+    <Style x:Key="DetailsPage.TitleSection.Header.Base">
+        <Setter Property="Control.VerticalAlignment"
+                Value="Center" />
+        <Setter Property="Control.FontFamily"
+                Value="Calibri" />
+        <Setter Property="Control.FontWeight"
+                Value="Bold" />
+        <Setter Property="Control.FontSize"
+                Value="28" />
+        <Setter Property="Control.Margin"
+                Value="0 0 10 0" />
+        <Setter Property="Control.Foreground"
+                Value="{DynamicResource FontColor.DetailsPage.TitleSection.Header}" />
+        <Setter Property="Control.Background"
+                Value="Transparent" />
+        <Setter Property="Control.BorderThickness"
+                Value="0" />
+        <Setter Property="TextBox.IsReadOnly"
+                Value="True" />
+        <Setter Property="Control.Opacity"
+                Value="0.7" />
+    </Style>
+
+    <Style x:Key="DetailsPage.TitleSection.Header"
+           BasedOn="{StaticResource DetailsPage.TitleSection.Header.Base}">
+        <Setter Property="Control.Opacity"
+                Value="1" />
+        <Style.Triggers>
+            <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorLevel=1, AncestorType=Border}, Path=IsMouseOver}"
+                         Value="True">
+                <DataTrigger.Setters>
+                    <Setter Property="Control.Foreground"
+                            Value="{DynamicResource Color.FunctionMarker}" />
+                </DataTrigger.Setters>
+            </DataTrigger>
+        </Style.Triggers>
+    </Style>
+
+        <Style x:Key="DetailsPage.TitleSection.Icon"
+           TargetType="ico:AdaptableIcon">
+        <Setter Property="Margin"
+                Value="5, 0, 5, 0" />
+        <Setter Property="IconBackgroundColor"
+                Value="Transparent" />
+        <Setter Property="HorizontalAlignment"
+                Value="Center" />
+        <Setter Property="IconHeight"
+                Value="18" />
+        <Setter Property="BorderPadding"
+                Value="0" />
+        <Setter Property="PrimaryIconColor"
+                Value="{DynamicResource Color.Menu.Icon}" />
+    </Style>
+
+    <Style x:Key="DetailsPage.TitleSection.Border.NotSelected"
+           TargetType="Border">
+        <Setter Property="CornerRadius"
+                Value="10" />
+        <Setter Property="Height"
+                Value="42" />
+        <Setter Property="Cursor"
+                Value="Hand" />
+        <Setter Property="Background"
+                Value="{DynamicResource BackgroundColor.DetailsPage.Widget.Value}" />
+        <Style.Triggers>
+            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsMouseOver}"
+                         Value="True">
+                <Setter Property="Background"
+                        Value="{DynamicResource BackgroundColor.Menu.MainCategory}" />
+            </DataTrigger>
+        </Style.Triggers>
+    </Style>
+
+</ResourceDictionary>

FasdDesktopUi/ResourceDictionaries/DetailsPageResources/WidgetResources.xaml

@@ -0,0 +1,71 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:sys="clr-namespace:System;assembly=mscorlib">
+
+    <sys:Double x:Key="DetailsPage.Widget.MinHeight">160</sys:Double>
+    <sys:Double x:Key="DetailsPage.Widget.MaxHeight">200</sys:Double>
+
+    <sys:Double x:Key="DetailsPage.Widget.Title.MinWidth">160</sys:Double>
+    <sys:Double x:Key="DetailsPage.Widget.Title.MaxWidth">200</sys:Double>
+
+    <sys:Double x:Key="DetailsPage.Widget.Value.MinWidth">263</sys:Double>
+    <sys:Double x:Key="DetailsPage.Widget.Value.MaxWidth">400</sys:Double>
+
+    <Style x:Key="DetailsPage.Widget.Base">
+
+        <Setter Property="Control.Margin"
+                Value="10 0" />
+        <Setter Property="Control.VerticalAlignment"
+                Value="Center" />
+        <Setter Property="Control.FontFamily"
+                Value="Calibri" />
+        <Setter Property="Control.FontSize"
+                Value="14" />
+        <Setter Property="TextBlock.LineStackingStrategy"
+                Value="BlockLineHeight" />
+        <Setter Property="TextBlock.TextWrapping"
+                Value="Wrap" />
+        <Setter Property="Control.Foreground"
+                Value="{DynamicResource FontColor.DetailsPage.Widget}" />
+        <Setter Property="Control.Background"
+                Value="Transparent" />
+        <Setter Property="Control.BorderThickness"
+                Value="0" />
+        <Setter Property="TextBox.IsReadOnly"
+                Value="True" />
+    </Style>
+
+    <Style x:Key="DetailsPage.Widget.Title"
+           BasedOn="{StaticResource DetailsPage.Widget.Base}">
+        <Setter Property="Control.FontWeight"
+                Value="Light" />
+        <Setter Property="Control.Margin"
+                Value="0 0 10 0" />
+    </Style>
+
+    <Style x:Key="DetailsPage.Widget.Value"
+           BasedOn="{StaticResource DetailsPage.Widget.Base}">
+        <Setter Property="Control.Margin"
+                Value="10 0 5 0" />
+        <Setter Property="Control.FontWeight"
+                Value="Bold" />
+        <Setter Property="Control.Cursor"
+                Value="{DynamicResource Cursor.Copy}" />
+        
+        <Style.Triggers>
+            <EventTrigger RoutedEvent="Control.MouseLeftButtonUp">
+                <EventTrigger.Actions>
+                    <BeginStoryboard>
+                        <Storyboard>
+                            <DoubleAnimation From="0.4"
+                                             Duration="0:0:1"
+                                             FillBehavior="Stop"
+                                             Storyboard.TargetProperty="Opacity" />
+                        </Storyboard>
+                    </BeginStoryboard>
+                </EventTrigger.Actions>
+            </EventTrigger>
+        </Style.Triggers>
+    </Style>
+
+</ResourceDictionary>