CyberX8/CyberX8_Themes/UserControls/TempControl.xaml

<UserControl x:Class="CyberX8_Themes.UserControls.TempControl"
             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" 
             mc:Ignorable="d" x:Name="temp"
             d:DesignHeight="450" d:DesignWidth="800">
    <Viewbox Stretch="Fill">
        <Canvas Width="150" Height="100" Canvas.Left="778" Canvas.Top="476" HorizontalAlignment="Center" VerticalAlignment="Top">
            <Border  Grid.Row="1" BorderThickness="1" BorderBrush="Blue" Background="#0000CD" HorizontalAlignment="Center" VerticalAlignment="Center" Width="150" Margin="0,5"  CornerRadius="4">
                <Grid Height="90">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="108*"/>
                        <ColumnDefinition Width="41*"/>
                    </Grid.ColumnDefinitions>
                    <Rectangle Fill="#0000CD" Margin="3,3,3,3" RadiusX="2" RadiusY="2" Grid.ColumnSpan="2"/>
                    <Grid Margin="0,5,0,5" Grid.ColumnSpan="2">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="15"/>
                            <RowDefinition Height="50"/>
                            <RowDefinition Height="12"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="90"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <TextBlock Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Text="Temp Controller" FontFamily="Arial" FontSize="12" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center"/>

                        <Border Grid.Row="1" Height="40" Grid.ColumnSpan="2" VerticalAlignment="Center" Margin="5,0,5,0"  BorderBrush="Gray" Background="DimGray" >
                            <Rectangle Width="128" Height="30" Fill="Black" Margin="0,0,0,0"  RadiusX="0.5" RadiusY="0.5">
                                <Rectangle.Effect>
                                    <DropShadowEffect Direction="270" BlurRadius="0" ShadowDepth="1"/>
                                </Rectangle.Effect>
                            </Rectangle>
                        </Border>
                        <TextBlock Grid.Row="1" Grid.ColumnSpan="2" Text="{Binding ElementName=temp,Path=TempValue,StringFormat=\{0:F1\} ℃}" FontFamily="Arial" FontWeight="ExtraBold" FontSize="14" Foreground="Lime" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        <Border Grid.Row="2" Grid.Column="0" Background="Black" BorderThickness="1" Margin="5,0,15,-3">
                            <TextBlock Text="{Binding ElementName=temp,Path=Status}"  FontFamily="Arial" FontSize="12" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Border>

                        <Border Grid.Row="2" Background="Black" BorderThickness="1" Margin="79,0,5,-3" Grid.ColumnSpan="2">
                            <TextBlock Text="{Binding ElementName=temp,Path=DisableStatus}"  FontFamily="Arial" FontSize="12" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" Height="12"/>
                        </Border>

                    </Grid>
                </Grid>
            </Border>
        </Canvas>
    </Viewbox>
</UserControl>