Styles.xaml

<!-- **********************************************************************
* Copyright (C) 2016 by Savoir-faire Linux                                *
* Author: Jäger Nicolas<nicolas.jager@savoirfairelinux.com>               *
* Author: Traczyk Andreas<andreas.traczyk@savoirfairelinux.com>           *
*                                                                         *
* This program is free software; you can redistribute it and/or modify    *
* it under the terms of the GNU General Public License as published by    *
* the Free Software Foundation; either version 3 of the License, or       *
* (at your option) any later version.                                     *
*                                                                         *
* This program is distributed in the hope that it will be useful,         *
* but WITHOUT ANY WARRANTY; without even the implied warranty of          *
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
* GNU General Public License for more details.                            *
*                                                                         *
* You should have received a copy of the GNU General Public License       *
* along with this program.  If not, see <http://www.gnu.org/licenses/> .  *
*********************************************************************** -->
<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <!-- general -->
    <Style x:Key="GridLightBlue" TargetType="Grid">
        <Setter Property="Background"
                Value="#FFE4F1F9"/>
    </Style>
    <Style x:Key="StackLightBlue" TargetType="StackPanel">
        <Setter Property="Background"
                Value="#FFE4F1F9"/>
    </Style>
    <Style x:Key="TextStyle1"
           TargetType="TextBlock">
        <Setter Property="FontSize"
                Value="20"/>
        <Setter Property="Foreground"
                Value="Black"/>
    </Style>
    <Style x:Key="TextStyle2"
           TargetType="TextBlock">
        <Setter Property="FontSize"
                Value="20"/>
        <Setter Property="VerticalAlignment"
                Value="Center"/>
        <Setter Property="Foreground"
                Value="White"/>
    </Style>
    <Style x:Key="TextStyle3"
           TargetType="TextBlock">
        <Setter Property="FontSize"
                Value="15"/>
        <Setter Property="HorizontalAlignment"
                Value="Center"/>
        <Setter Property="VerticalAlignment"
                Value="Center"/>
        <Setter Property="Foreground"
                Value="White"/>
    </Style>
    <Style x:Key="TextSegoeStyle1"
           TargetType="TextBlock">
        <Setter Property="FontFamily"
                Value="Segoe MDL2 Assets"/>
        <Setter Property="FontSize"
                Value="15"/>
        <Setter Property="HorizontalAlignment"
                Value="Center"/>
        <Setter Property="VerticalAlignment"
                Value="Center"/>
        <Setter Property="Foreground"
                Value="White"/>
    </Style>
    <Style x:Key="ButtonStyle1"
           TargetType="Button">
        <Setter Property="Width"
                Value="50"/>
        <Setter Property="Height"
                Value="50"/>
        <Setter Property="FontFamily"
                Value="Segoe MDL2 Assets"/>
        <Setter Property="Foreground"
                Value="White"/>
    </Style>
    <Style x:Key="HamburgerButtonStyle"
           TargetType="Button">
        <Setter Property="Width"
                Value="50"/>
        <Setter Property="Height"
                Value="30"/>
        <Setter Property="FontFamily"
                Value="Segoe MDL2 Assets"/>
        <Setter Property="Foreground"
                Value="White"/>
        <Setter Property="Background"
                Value="Transparent"/>
    </Style>
    <Style x:Key="ButtonStyle2"
        TargetType="Button">
        <Setter Property="Width"
            Value="400"/>
        <Setter Property="Height"
            Value="30"/>
        <Setter Property="FontFamily"
            Value="Segoe MDL2 Assets"/>
        <Setter Property="Foreground"
            Value="White"/>
        <Setter Property="Background"
            Value="Transparent"/>
    </Style>
    <Style x:Key="ButtonStyle3"
           TargetType="Button">
        <Setter Property="Foreground"
                Value="Black"/>
        <Setter Property="Background"
                Value="Transparent"/>
        <Setter Property="FontFamily"
                Value="Segoe MDL2 Assets"/>
        <Setter Property="Width"
                Value="80"/>
        <Setter Property="Width"
                Value="120"/>
        <Setter Property="FontSize"
                Value="70"/>
    </Style>
    <Style x:Key="ButtonStyle4"
           TargetType="Button">
        <Setter Property="Foreground"
                Value="White"/>
        <Setter Property="Background"
                Value="LightBlue"/>
    </Style>
    <Style x:Key="ButtonStyle5"
        TargetType="Button">
        <Setter Property="Width"
            Value="160"/>
        <Setter Property="Height"
            Value="30"/>
        <Setter Property="FontFamily"
            Value="Segoe MDL2 Assets"/>
        <Setter Property="Foreground"
            Value="White"/>
        <Setter Property="Background"
            Value="Transparent"/>
    </Style>
    <Style x:Key="ToggleButtonStyle1"
           TargetType="ToggleButton">
        <Setter Property="Width"
                Value="50"/>
        <Setter Property="Height"
                Value="30"/>
        <Setter Property="FontFamily"
                Value="Segoe MDL2 Assets"/>
        <Setter Property="Foreground"
                Value="White"/>
        <Setter Property="Background"
                Value="Transparent"/>
    </Style>
    <Style x:Key="TextBoxStyle1"
           TargetType="TextBox">
        <Setter Property="MinWidth" Value="{ThemeResource TextControlThemeMinWidth}"/>
        <Setter Property="MinHeight" Value="{ThemeResource TextControlThemeMinHeight}"/>
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="Background" Value="white"/>
        <Setter Property="BorderBrush" Value="Red"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/>
        <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}"/>
        <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Auto"/>
        <Setter Property="ScrollViewer.VerticalScrollMode" Value="Auto"/>
        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden"/>
        <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden"/>
        <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False"/>
        <Setter Property="Padding" Value="4,4"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TextBox">
                    <Grid>
                        <Grid.Resources>
                            <Style x:Name="DeleteButtonStyle" TargetType="Button">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="Button">
                                            <Grid x:Name="ButtonLayoutGrid"
                                                  BorderThickness="5"
                                                  Background="Yellow">
                                            </Grid>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </Grid.Resources>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Border x:Name="BackgroundElement"
                                    Grid.Row="1"
                                    Background="{TemplateBinding Background}"
                                    Margin="5"
                                    Opacity="1"
                                    Grid.ColumnSpan="2"
                                    Grid.RowSpan="1"/>
                        <ScrollViewer x:Name="ContentElement"
                      Grid.Row="1"
                      HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
                      HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                      VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
                      VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
                      IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}"
                      IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}"
                      IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"
                      Margin="5"
                      Padding="{TemplateBinding Padding}"
                      IsTabStop="False"
                      AutomationProperties.AccessibilityView="Raw"
                      ZoomMode="Disabled"/>

                        <Button x:Name="DeleteButton"
                                    Background="Transparent"
                                    Grid.Row="1"
                                    FontFamily="Segoe MDL2 Assets"
                                    Foreground="LightBlue"
                                    Content="&#xE102;"
                                    BorderThickness="{TemplateBinding BorderThickness}"
                                    Margin="{ThemeResource HelperButtonThemePadding}"
                                    IsTabStop="False"
                                    Grid.Column="1"
                                    Visibility="Visible"
                                    FontSize="{TemplateBinding FontSize}"
                                    MinWidth="34"
                                    VerticalAlignment="Stretch"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="TextBoxStyle2"
           TargetType="TextBox">
        <Setter Property="IsReadOnly" Value="True"/>
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/>
        <Setter Property="FontSize" Value="12"/>
    </Style>

    <!-- console -->
    <Style x:Key="ConsoleScrollViewerStyle"
           TargetType="ScrollViewer">
        <Setter Property="Background"
                Value="Black"/>
    </Style>
    <Style x:Key="ConsoleTextStyle1"
           TargetType="RichTextBlock">
        <Setter Property="FontSize"
                Value="12"/>
        <Setter Property="Foreground"
                Value="GreenYellow"/>
    </Style>
    <Style x:Key="ButtonSendCmdStyle"
           TargetType="Button">
        <Setter Property="FontFamily"
                Value="Segoe MDL2 Assets"/>
        <Setter Property="Width"
                Value="50"/>
        <Setter Property="Height"
                Value="30"/>
        <Setter Property="Foreground"
                Value="Black"/>
        <Setter Property="FontSize"
                Value="17"/>
        <Setter Property="Content"
                Value="&#xE751;"/>
        <Setter Property="Background"
                Value="Transparent"/>
    </Style>
    <Style x:Key="ConsoleTextBoxStyle"
           TargetType="TextBox">
        <Setter Property="Height"
                Value="30"/>
    </Style>

    <!-- smartlist -->
    <Style x:Key="contactsListBoxStyle" TargetType="ListBoxItem">
        <Setter Property="MinWidth" Value="{StaticResource SplitViewCompactPaneThemeLength}"/>
        <Setter Property="Height" Value="auto"/>
        <Setter Property="Padding" Value="0"/>
    </Style>

    <Style x:Key ="greenRoundedButtonStyle1" TargetType ="Button">
        <Setter Property="Height" Value="50"/>
        <Setter Property="FontSize" Value="30"/>

        <Setter Property ="Template">
            <Setter.Value>
                <ControlTemplate TargetType ="Button">
                    <Grid>
                        <Ellipse Name ="OuterRing" Width ="50" Height ="50" Fill ="LightGreen"/>
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key ="redRoundedButtonStyle1" TargetType ="Button">
        <Setter Property ="Foreground" Value ="Black"/>
        <Setter Property ="FontWeight" Value ="Bold"/>
        <Setter Property ="Template">
            <Setter.Value>
                <ControlTemplate TargetType ="Button">
                    <Grid>
                        <Ellipse Name ="OuterRing" Width ="50" Height ="50" Fill ="LightCoral"/>
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="BorderStyle1"
           TargetType="Border">
        <Setter Property="Background" Value="LightBlue"/>
        <Setter Property="CornerRadius" Value="6"/>
        <Setter Property="Width" Value="25"/>
        <Setter Property="Height" Value="23"/>
        <Setter Property="Padding" Value="4"/>
    </Style>
    <Style x:Key="BorderStyle2"
           TargetType="Border">
        <Setter Property="Background" Value="Red"/>
        <Setter Property="CornerRadius" Value="6"/>
        <Setter Property="Width" Value="25"/>
        <Setter Property="Height" Value="23"/>
        <Setter Property="Padding" Value="4"/>
    </Style>
    <Style x:Key="messageBubleStyle"
       TargetType="ListBoxItem">
        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="Margin" Value="20,0,40,0"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListBoxItem">
                    <Border Background="Transparent">
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="SelectionStates">
                                <VisualState x:Name="Selected" />
                                <VisualState x:Name="Unselected">
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <ContentPresenter />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

</ResourceDictionary>