bib_Talk_Chatprogramm/bibtalk/bib-talk/UI/RegisterWindow.xaml

<Window x:Class="bib_talk.RegisterWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="Register" 
        Height="530" 
        Width="400"
        WindowStyle="None"
        AllowsTransparency="True"
        Background="Transparent"
        WindowStartupLocation="CenterScreen">

    <Window.Resources>
        <Style x:Key="InvisibleButtonStyle" TargetType="Button">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderBrush" Value="Transparent"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="OverridesDefaultStyle" Value="True"/>
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="Transparent"/>
                    <Setter Property="BorderBrush" Value="Transparent"/>
                </Trigger>
                <Trigger Property="IsPressed" Value="True">
                    <Setter Property="Background" Value="Transparent"/>
                    <Setter Property="BorderBrush" Value="Transparent"/>
                </Trigger>
            </Style.Triggers>
        </Style>
        <Style x:Key="CustomCheckBoxStyle" TargetType="CheckBox">
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="CheckBox">
                        <Grid>
                            <Ellipse x:Name="OuterEllipse"
                                     Width="20"
                                     Height="20"
                                     Fill="#FF323134"
                                     Margin="0,0,10,0"

                                     StrokeThickness="1"/>
                            <Ellipse x:Name="InnerEllipse"
                                     Width="14"
                                     Height="14"
                                     Fill="#FF323134"
                                     StrokeThickness="0"
                                     Margin="3,8,13,7"/>
                            <Path x:Name="CheckMark"
                                  Stroke="#FF6332A0"
                                  StrokeThickness="2"
                                   Data="M 3,8 L 7,12 L 14,5"
                                   Visibility="Visible" Stretch="Fill" Margin="3,10,13,9" RenderTransformOrigin="0.967,1.39"/>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter TargetName="CheckMark" Property="Visibility" Value="Visible"/>
                            </Trigger>
                            <Trigger Property="IsChecked" Value="False">
                                <Setter TargetName="CheckMark" Property="Visibility" Value="Collapsed"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="NoHoverButtonStyle" TargetType="Button">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Padding="{TemplateBinding Padding}">
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="HoverUnderlineTextBlockStyle" TargetType="TextBlock">
            <Setter Property="TextDecorations" Value="None"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType=Button}}" Value="True">
                    <Setter Property="TextDecorations" Value="Underline"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
        <Style TargetType="Hyperlink">
            <EventSetter Event="RequestNavigate" Handler="Hyperlink_RequestNavigate"/>
        </Style>
    </Window.Resources>

    <Border CornerRadius="15" BorderThickness="20" BorderBrush="#FF282828">
        <Grid Margin="-10,-10,-10,-10" Background="#FF282828">
            <!-- Draggable Area -->
            <Grid VerticalAlignment="Top" Height="40" Background="Transparent" MouseLeftButtonDown="DraggableArea_MouseLeftButtonDown">

            </Grid>
            <!-- Close Button -->
            <Button Style="{StaticResource InvisibleButtonStyle}"
                    Width="30" 
                    Height="30" 
                    VerticalAlignment="Top" 
                    HorizontalAlignment="Right" 
                    Margin="0,0,0,0" 
                    Click="CloseButton_Click">
                <TextBlock Text="❌" 
                           FontSize="20"
                           Foreground="White" 
                           FontWeight="Bold" 
                           HorizontalAlignment="Center" 
                           VerticalAlignment="Center"/>
            </Button>
            <!-- Centered Content -->
            <StackPanel VerticalAlignment="Top" HorizontalAlignment="Center" Margin="0,40,0,0" Height="473">
                <!-- Account erstellen Text -->
                <TextBlock Text="Account erstellen" 
                           FontSize="24" 
                           Foreground="White" 
                           HorizontalAlignment="Center"/>

                <!-- Email TextBox -->
                <TextBlock Text="E-Mail"
                           Foreground="White"
                           FontSize="16"
                           Margin="0,40,0,-30"/>
                <TextBox Width="300"
                         Height="30"
                         FontSize="20"
                         x:Name="emailbox"
                         BorderBrush="Transparent"
                         Margin="0,30,0,0"
                         Background="#FF323134"
                         Foreground="White"
                         SelectionBrush="#FF6332A0"/>

                <!-- Benutzername TextBox -->
                <TextBlock Text="Benutzername"
                           Foreground="White"
                           FontSize="16"
                           Margin="0,20,0,-30"/>
                <TextBox Width="300"
                         Height="30"
                         FontSize="20"
                         x:Name="usernbox"
                         BorderBrush="Transparent"
                         Margin="0,30,0,0"
                         Background="#FF323134"
                         Foreground="White"
                         SelectionBrush="#FF6332A0"/>

                <!-- Passwort PasswordBox -->
                <TextBlock Text="Passwort"
                           FontSize="16"
                           Foreground="White"
                           Margin="0,20,0,-30"/>
                <PasswordBox Width="300"
                             Height="30"
                             FontSize="20"
                             x:Name="passwordbox"
                             BorderBrush="Transparent"
                             Margin="0,30,0,0"
                             Background="#FF323134"
                             Foreground="White"
                             SelectionBrush="#FF6332A0"/>

                <!-- Geburtsdatum Text -->
                <TextBlock Text="Geburtsdatum"
                           Foreground="White"
                           FontSize="16"
                           Margin="0,20,0,-30"/>
                <StackPanel Orientation="Horizontal" Margin="0,30,0,0">
                    <TextBox Width="100"
                             Height="30"
                             FontSize="20"
                             x:Name="bday1"
                             BorderBrush="Transparent"
                             Background="#FF323134"
                             Foreground="White"
                             SelectionBrush="#FF6332A0"/>
                    <TextBox Width="100"
                             Height="30"
                             FontSize="20"
                             x:Name="bday2"
                             BorderBrush="Transparent"
                             Background="#FF323134"
                             Foreground="White"
                             SelectionBrush="#FF6332A0"/>
                    <TextBox Width="100"
                             Height="30"
                             FontSize="20"
                             x:Name="bday3"
                             BorderBrush="Transparent"
                             Background="#FF323134"
                             Foreground="White"
                             SelectionBrush="#FF6332A0"/>
                </StackPanel>

                <!-- Checkbox -->
                <Grid Margin="0,20,0,0" Height="30.1" Width="250">
                    <CheckBox x:Name="checkboxAGB" Style="{StaticResource CustomCheckBoxStyle}" Checked="CheckBox_Checked" Unchecked="CheckBox_Unchecked" Margin="-21,0,240,0"/>
                    <TextBlock FontSize="9" TextWrapping="Wrap" VerticalAlignment="Center" Height="24" Margin="15,0,-28,0">
                        <Run Text="Ich habe die " Foreground="White"/>
                        <Run x:Name="nutzungsbedingungenRun" Text="Nutzungsbedingungen" Foreground="#FF6332A0"/>
                        <Run Text=" und die " Foreground="White"/>
                        <Run x:Name="datenschutzRun" Text="Datenschutzerklärung" Foreground="#FF6332A0"/>
                        <Run Text=" von bib-talk gelesen und akzeptiert." Foreground="White"/>
                    </TextBlock>
                </Grid>
                    
                <Button x:Name="weiterbutton" Content="Weiter" Foreground="Gray"  Background="#FF323134" BorderThickness="0" Margin="0,20,0,0" Height="30" BorderBrush="{x:Null}" Click="WeiterButton_Click" Style="{StaticResource NoHoverButtonStyle}"/>
                <Button Style="{StaticResource InvisibleButtonStyle}" Click="Login_Click">
                    <TextBlock Text="Ich habe bereits einen Account"
                           Foreground="#FF6332A0"
                           FontSize="12"
                           Width="167"
                           Margin="-130,5,0,0"
                           Style="{StaticResource HoverUnderlineTextBlockStyle}"/>
                </Button>
            </StackPanel>

        </Grid>
    </Border>
</Window>