Kepler-Release/Venus/Venus_MainPages/Views/LoginView.xaml

<Window x:Class="Venus_MainPages.Views.LoginView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Venus_MainPages.Views"
             WindowStyle="None" AllowsTransparency="True"  Background="Transparent"
             mc:Ignorable="d" 
             ResizeMode="NoResize"
             xmlns:userControl="clr-namespace:Venus_Themes.UserControls;assembly=Venus_Themes"
             xmlns:customControls="clr-namespace:Venus_Themes.CustomControls;assembly=Venus_Themes"
             WindowStartupLocation="CenterScreen"           
             Width="1920" Height="1080" Closed="Window_Closed">
    <Viewbox>
        <Grid x:Name="grid1">
            <Image x:Name="image1" Source="Pack://application:,,,/Venus_Themes;Component/Resources/Login.png" Stretch="Fill" Width="1920" Height="1080"/>
            <Border Width="500" Height="650" Background="#FFFFFF" Margin="100 200 0 0" HorizontalAlignment="Left" VerticalAlignment="Top" BorderThickness="1" BorderBrush="Silver" CornerRadius="15,15,15,15">
                <Grid Margin="50 0 0 0">
                    <Grid.RowDefinitions>
                        <RowDefinition/>
                        <RowDefinition/>
                        <RowDefinition/>
                        <RowDefinition Height="30"/>
                        <RowDefinition/>
                        <RowDefinition Height="30"/>
                        <RowDefinition/>
                        <RowDefinition/>
                        <RowDefinition/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <Image Source="Pack://application:,,,/Venus_Themes;Component/Resources/JetLogo.png" HorizontalAlignment="Left" Width="154" Height="14"></Image>
                    <TextBlock Grid.Row="1" Text="Login"                                       FontSize="42" FontFamily="D-DIN" Foreground="#222222" FontWeight="Bold"/>
                    <TextBlock Grid.Row="2" Text="Welcome back! Please login to your account." FontSize="16" FontFamily="D-DIN" Foreground="#999999"/>
                    <TextBlock Grid.Row="3" Text="UserName"                                    FontSize="16" FontFamily="D-DIN" Foreground="#666666"/>
                    <TextBox  x:Name="UserTextBox" Grid.Row="4" Height="40" Width="400" HorizontalAlignment="Left" VerticalAlignment="Center"  FontSize="16" VerticalContentAlignment="Center" Padding="20 0 0 0" Foreground="Gray"  KeyDown="UserTextBox_KeyDown" LostFocus="UserTextBox_LostFocus">
                        <TextBox.Resources>
                            <VisualBrush x:Key="WaterText" TileMode="None" Opacity="0.3" Stretch="None" AlignmentX="Center" AlignmentY="Center">
                                <VisualBrush.Visual>
                                    <TextBlock  Text="please enter your name"/>
                                </VisualBrush.Visual>
                            </VisualBrush>
                            <Style TargetType="{x:Type Border}">
                                <Setter Property="CornerRadius" Value="8"/>
                                <Setter Property="BorderBrush" Value="#c1d0dc"/>
                            </Style>

                        </TextBox.Resources>
                        <TextBox.Style>

                            <Style TargetType="TextBox">
                                <Style.Triggers>
                                    <Trigger Property="Text" Value="{x:Null}">
                                        <Setter Property="Background" Value="{StaticResource WaterText}"/>
                                    </Trigger>
                                    <Trigger Property="Text" Value="">
                                        <Setter Property="Background" Value="{StaticResource WaterText}"/>
                                    </Trigger>
                                </Style.Triggers>
                            </Style>
                        </TextBox.Style>
                    </TextBox>
                    <TextBlock Grid.Row="5" Text="Password"                                    FontSize="16" FontFamily="D-DIN" Foreground="#666666"/>
                    <customControls:CustomPasswordBox  x:Name="PassWordTextBox"  Grid.Row="6" Height="40" Width="400" HorizontalAlignment="Left" VerticalAlignment="Center"  FontSize="16" VerticalContentAlignment="Center" Padding="20 5 0 0" Foreground="Gray" KeyDown="PassWordTextBox_KeyDown">
                        <customControls:CustomPasswordBox.Resources>
                            <VisualBrush x:Key="WaterText" TileMode="None" Opacity="0.3" Stretch="None" AlignmentX="Center" AlignmentY="Center">
                                <VisualBrush.Visual>
                                    <TextBlock  Text="please enter your password"/>
                                </VisualBrush.Visual>
                            </VisualBrush>
                            <Style TargetType="{x:Type Border}">
                                <Setter Property="CornerRadius" Value="8"/>
                                <Setter Property="BorderBrush" Value="#c1d0dc"/>
                            </Style>
                        </customControls:CustomPasswordBox.Resources>
                        <customControls:CustomPasswordBox.Style>

                            <Style TargetType="TextBox">
                                <Style.Triggers>
                                    <Trigger Property="Text" Value="{x:Null}">
                                        <Setter Property="Background" Value="{StaticResource WaterText}"/>
                                    </Trigger>
                                    <Trigger Property="Text" Value="">
                                        <Setter Property="Background" Value="{StaticResource WaterText}"/>
                                    </Trigger>
                                </Style.Triggers>
                            </Style>
                        </customControls:CustomPasswordBox.Style>
                    </customControls:CustomPasswordBox>
                    <TextBlock Grid.Row="7" Text="Role"                                    FontSize="16" FontFamily="D-DIN" Foreground="#666666"/>
                    <!--<customControls:CustomComBobox x:Name="MangerComboBox" Grid.Row="8" Height="40" Width="400" HorizontalAlignment="Left" VerticalAlignment="Top"  CustomCornerRadius="4" Margin="0 -30 0 0" SelectedIndex="0" FontSize="16" BorderBrush="Silver" BorderThickness="1">
                        <ComboBoxItem>Manager</ComboBoxItem>
                        <ComboBoxItem>Engineer</ComboBoxItem>
                        <ComboBoxItem>Technician</ComboBoxItem>
                        <ComboBoxItem>Operator</ComboBoxItem>
                    </customControls:CustomComBobox>-->
                    <Border Grid.Row="8" Height="40" Width="400" HorizontalAlignment="Left" VerticalAlignment="Top"  CornerRadius="8" Margin="0 -30 0 0"   BorderBrush="Silver" BorderThickness="1" Background="White">
                        <TextBlock FontSize="16" x:Name="roleTextBlock" Text="UnKnow" VerticalAlignment="Center" Padding="20 0 0 0" Foreground="Gray"/>
                    </Border>
                    <customControls:PathButton x:Name="loginButton" Grid.Row="9" Width="400" Height="40" Content="Login"        Command="{Binding LoginCommand}"   HorizontalAlignment="Left"    VerticalAlignment="Top"   Click="Login_Click" />

                </Grid>
            </Border>

            <userControl:PathButton x:Name="closeButton" Width="15" Height="15" Cursor="Hand"
                                PathData="{StaticResource Icon_Close}" 
                                Margin="1880 -1000 0 0" 
                                DefaultFillBrush="DimGray"
                                MouseOverBrush="Red"
                                IsPressedBrush="Blue" Click="Close_Click"/>
        </Grid>

    </Viewbox>
</Window>