diff --git a/Aurora/App.css b/Aurora/App.css
index 22755b6..2982121 100644
--- a/Aurora/App.css
+++ b/Aurora/App.css
@@ -1,11 +1,11 @@
 .primaryColor {
-    background-color: #232323;
+    background-color: #000000;
 }
 
 .accentColor {
-    background-color: #3a3a3a;
+    background-color: #181818;
 }
 
 .secondAccentColor {
-    background-color: #626363
+    background-color: #303030
 }
\ No newline at end of file
diff --git a/Aurora/Design/Components/Library/Library.xaml b/Aurora/Design/Components/Library/Library.xaml
index 667b502..8c06a8c 100644
--- a/Aurora/Design/Components/Library/Library.xaml
+++ b/Aurora/Design/Components/Library/Library.xaml
@@ -13,18 +13,24 @@
              x:Name="LibraryDataGrid"
              SelectionEnabled="True"
              RowHeight="30"
-             BorderColor="#3a3a3a"
+             BorderColor="#181818"
              BorderThickness="0"
-             HeaderHeight="40"
-             HeaderBackground="#222222">
+             HeaderHeight="45"
+             HeaderBackground="#181818">
             <dg:DataGrid.HeaderLabelStyle>
-                <Style TargetType="Label">
-                    <Setter Property="HorizontalOptions" Value="Start"/>
-                    <Setter Property="FontSize" Value="14"/>
-                    <Setter Property="TextColor" Value="White"/>
+                <Style
+                     TargetType="Label">
+                    <Setter
+                         Property="HorizontalOptions"
+                         Value="Start"/>
+                    <Setter
+                         Property="FontSize"
+                         Value="14"/>
+                    <Setter
+                         Property="TextColor"
+                         Value="White"/>
                 </Style>
             </dg:DataGrid.HeaderLabelStyle>
-
             <dg:DataGrid.GestureRecognizers>
                 <TapGestureRecognizer
                      NumberOfTapsRequired="2"/>
@@ -36,11 +42,11 @@
                      Width="15">
                     <dg:DataGridColumn.CellTemplate>
                         <DataTemplate>
-                            <Image Source="../../Resources/unselected.png" />
+                            <Image
+                                 Source="../../Resources/unselected.png"/>
                         </DataTemplate>
                     </dg:DataGridColumn.CellTemplate>
                 </dg:DataGridColumn>
-
                 <dg:DataGridColumn
                      Title="Title"
                      PropertyName="Metadata.Title"
@@ -48,12 +54,11 @@
                     <dg:DataGridColumn.CellTemplate>
                         <DataTemplate>
                             <Label
-                                LineBreakMode="TailTruncation"
-                                Text="{Binding .}"/>
+                                 LineBreakMode="TailTruncation"
+                                 Text="{Binding .}"/>
                         </DataTemplate>
                     </dg:DataGridColumn.CellTemplate>
                 </dg:DataGridColumn>
-
                 <dg:DataGridColumn
                      Title="Album"
                      PropertyName="Metadata.Album"
@@ -61,12 +66,11 @@
                     <dg:DataGridColumn.CellTemplate>
                         <DataTemplate>
                             <Label
-                                LineBreakMode="TailTruncation"
-                                Text="{Binding .}"/>
+                                 LineBreakMode="TailTruncation"
+                                 Text="{Binding .}"/>
                         </DataTemplate>
                     </dg:DataGridColumn.CellTemplate>
                 </dg:DataGridColumn>
-
                 <dg:DataGridColumn
                      Title="Artist"
                      PropertyName="Metadata.Artist"
@@ -74,19 +78,17 @@
                     <dg:DataGridColumn.CellTemplate>
                         <DataTemplate>
                             <Label
-                                LineBreakMode="TailTruncation"
-                                Text="{Binding .}"/>
+                                 LineBreakMode="TailTruncation"
+                                 Text="{Binding .}"/>
                         </DataTemplate>
                     </dg:DataGridColumn.CellTemplate>
                 </dg:DataGridColumn>
             </dg:DataGrid.Columns>
-
             <dg:DataGrid.RowsTextColorPalette>
                 <dg:PaletteCollection>
                     <Color>White</Color>
                 </dg:PaletteCollection>
             </dg:DataGrid.RowsTextColorPalette>
-
             <dg:DataGrid.RowsBackgroundColorPalette>
                 <dg:PaletteCollection>
                     <Color>Transparent</Color>
diff --git a/Aurora/Design/Components/MediaPlayer/Player.css b/Aurora/Design/Components/MediaPlayer/Player.css
index 82b5255..4cd53b3 100644
--- a/Aurora/Design/Components/MediaPlayer/Player.css
+++ b/Aurora/Design/Components/MediaPlayer/Player.css
@@ -1,5 +1,5 @@
 #PlayerControlContainer {
-    background-color: #626363;
+    background-color: #303030;
 }
 
 Label {
diff --git a/Aurora/Design/Components/MemberList/MemberList.css b/Aurora/Design/Components/MemberList/MemberList.css
index cfc8172..ae63d98 100644
--- a/Aurora/Design/Components/MemberList/MemberList.css
+++ b/Aurora/Design/Components/MemberList/MemberList.css
@@ -1,5 +1,5 @@
 #MembersList {
-    background-color: #3a3a3a;
+    background-color: #1e1e1e;
 }
 
 Grid {
diff --git a/Aurora/Design/Components/MemberList/MemberList.xaml b/Aurora/Design/Components/MemberList/MemberList.xaml
index 90e9bce..6ef4d0e 100644
--- a/Aurora/Design/Components/MemberList/MemberList.xaml
+++ b/Aurora/Design/Components/MemberList/MemberList.xaml
@@ -16,7 +16,7 @@
              RowHeight="150"
              VerticalOptions="FillAndExpand"
              SeparatorVisibility="None"
-             BackgroundColor="#3a3a3a"
+             BackgroundColor="#181818"
              HasUnevenRows="false">
             <flv:FlowListView.FlowColumnTemplate>
                 <DataTemplate>
diff --git a/Aurora/Design/Components/NavigationMenu/NavigationMenu.css b/Aurora/Design/Components/NavigationMenu/NavigationMenu.css
index 7044720..b4c88d1 100644
--- a/Aurora/Design/Components/NavigationMenu/NavigationMenu.css
+++ b/Aurora/Design/Components/NavigationMenu/NavigationMenu.css
@@ -1,9 +1,4 @@
-#Layout {
-    background-color: #232323;
-}
-
 ListView {
-    background-color: #232323;
     margin-left: 15;
     margin-top: 40;
 }
@@ -22,7 +17,6 @@ ListView {
 
 #ItemCell Label {
     color: white;
-    background-color: #232323;
     font-size: 15;
     font-family: Courier New, Courier, monospace;
     font-style: normal;
diff --git a/Aurora/Design/Components/NavigationMenu/NavigationMenu.xaml b/Aurora/Design/Components/NavigationMenu/NavigationMenu.xaml
index 71b5394..f8b6dc0 100644
--- a/Aurora/Design/Components/NavigationMenu/NavigationMenu.xaml
+++ b/Aurora/Design/Components/NavigationMenu/NavigationMenu.xaml
@@ -8,17 +8,21 @@
              Source="NavigationMenu.css"/>
     </ContentView.Resources>
     <ContentView.Content>
-        <StackLayout x:Name="Layout">
+        <StackLayout
+             x:Name="Layout"
+             StyleClass="primaryColor">
             <ListView
                  x:Name="MenuItemsListView"
                  HasUnevenRows="true"
                  SeparatorVisibility="None"
                  IsGroupingEnabled="true"
                  RowHeight="35"
+                 StyleClass="primaryColor"
                  CachingStrategy="RecycleElement">
                 <ListView.GroupHeaderTemplate>
                     <DataTemplate>
-                        <ViewCell x:Name="GroupCell">
+                        <ViewCell
+                             x:Name="GroupCell">
                             <Label
                                  VerticalTextAlignment="Center"
                                  Text="{Binding GroupHeading}"/>
@@ -27,9 +31,11 @@
                 </ListView.GroupHeaderTemplate>
                 <ListView.ItemTemplate>
                     <DataTemplate>
-                        <ViewCell x:Name="ItemCell">
+                        <ViewCell
+                             x:Name="ItemCell">
                             <Label
-                               Text="{Binding Title}"/>
+                                 StyleClass="primaryColor"
+                                 Text="{Binding Title}"/>
                         </ViewCell>
                     </DataTemplate>
                 </ListView.ItemTemplate>
diff --git a/Aurora/Design/Views/MainView/MainView.css b/Aurora/Design/Views/MainView/MainView.css
index 5746ed7..c033d59 100644
--- a/Aurora/Design/Views/MainView/MainView.css
+++ b/Aurora/Design/Views/MainView/MainView.css
@@ -11,18 +11,19 @@
 
 #TitleContainer {
     margin-top: 10;
+    margin-left: 10;
     background-color: transparent;
 }
 
     #TitleContainer Label {
         color: white;
         margin-left: 155;
-        font-size: 18;
+        font-size: 22;
         vertical-align: bottom;
     }
 
 #Player {
-    background-color: #626363;
+    background-color: #303030;
     height: 60;
 }
 
diff --git a/Aurora/Design/Views/Party/PartyView.xaml b/Aurora/Design/Views/Party/PartyView.xaml
index 60838d6..ce1a91a 100644
--- a/Aurora/Design/Views/Party/PartyView.xaml
+++ b/Aurora/Design/Views/Party/PartyView.xaml
@@ -19,7 +19,7 @@
                  VerticalOptions="FillAndExpand"
                  TabSizeOption="100"
                  SelectedTabIndex="{Binding SelectedTabIndex}"
-                 HeaderBackgroundColor="#232323"
+                 HeaderBackgroundColor="#181818"
                  x:Name="TabView">
                 <tabView:TabViewControl.ItemSource>
                     <tabView:TabItem