From 9ea0af9253b1ced6655cb714f9931fd5c73db62b Mon Sep 17 00:00:00 2001
From: Simon G <simon.gockner@gmail.com>
Date: Wed, 14 Apr 2021 15:56:50 +0200
Subject: [PATCH] - start implementing new ui concept

---
 Mystify/Views/MainWindow.axaml | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/Mystify/Views/MainWindow.axaml b/Mystify/Views/MainWindow.axaml
index 3badd02..f5a11d8 100644
--- a/Mystify/Views/MainWindow.axaml
+++ b/Mystify/Views/MainWindow.axaml
@@ -3,16 +3,32 @@
         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">
@@ -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}"