- start implementing new ui concept

Mystify/Views/MainWindow.axaml

@@ -3,17 +3,33 @@
         xmlns:vm="using:Mystify.ViewModels"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        xmlns:themes="clr-namespace:Mystify.Resources.Themes"
         mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
         x:Class="Mystify.Views.MainWindow"
-        Icon="/Resources/MystifyIcon.ico"
+        Icon="/Resources/Icons/MystifyIcon.ico"
         Title="Mystify"
-        Background="#FF3F3F3F"
-        Foreground="#FFF0F0F0">
+        TransparencyLevelHint="AcrylicBlur"
+        ExtendClientAreaToDecorationsHint="True"
+        Background="{DynamicResource Background}"
+        Foreground="{DynamicResource Foreground}">
 
     <Design.DataContext>
         <vm:MainWindowViewModel/>
     </Design.DataContext>
     
+    <Window.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <ResourceDictionary>
+                    <SolidColorBrush x:Key="Background" Color="{x:Static themes:DarkTheme.TRANSPARENT_DARK}"/>
+                    <SolidColorBrush x:Key="Foreground" Color="{x:Static themes:DarkTheme.MAIN_LIGHT}"/>
+                </ResourceDictionary>
+                
+                <ResourceInclude Source="/Resources/ChannelTemplate.axaml"/>
+            </ResourceDictionary.MergedDictionaries>
+        </ResourceDictionary>
+    </Window.Resources>
+
     <StackPanel Orientation="Vertical">
         <StackPanel Orientation="Horizontal" Margin="10">
             <Button Margin="5" Content="Select MIDI Device Driver" Command="{Binding SelectDriverCommand}"/>
@@ -21,7 +37,17 @@
             <CheckBox Margin="20,5" Content="Use MidiView" IsChecked="{Binding UseMidiView}"/>
         </StackPanel>
         
+        <ItemsControl Items="{Binding Channels}" ItemTemplate="{StaticResource ChannelTemplate}">
+            <ItemsControl.ItemsPanel>
+                <ItemsPanelTemplate>
+                    <StackPanel Orientation="Horizontal"/>
+                </ItemsPanelTemplate>
+            </ItemsControl.ItemsPanel>
+        </ItemsControl>
+
         <StackPanel Orientation="Horizontal" Margin="10">
+            
+            
             <TextBlock Text="Select Channel:" Margin="12"/>
             <ComboBox Items="{Binding Channels}"
                       SelectedItem="{Binding SelectedChannel}"