More styling

This commit is contained in:
watsonb8 2019-12-23 20:07:07 -05:00
parent 109457d6fa
commit 43c6a5a2c6
9 changed files with 42 additions and 39 deletions

View File

@ -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
}

View File

@ -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>

View File

@ -1,5 +1,5 @@
#PlayerControlContainer {
background-color: #626363;
background-color: #303030;
}
Label {

View File

@ -1,5 +1,5 @@
#MembersList {
background-color: #3a3a3a;
background-color: #1e1e1e;
}
Grid {

View File

@ -16,7 +16,7 @@
RowHeight="150"
VerticalOptions="FillAndExpand"
SeparatorVisibility="None"
BackgroundColor="#3a3a3a"
BackgroundColor="#181818"
HasUnevenRows="false">
<flv:FlowListView.FlowColumnTemplate>
<DataTemplate>

View File

@ -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;

View File

@ -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>

View File

@ -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;
}

View File

@ -19,7 +19,7 @@
VerticalOptions="FillAndExpand"
TabSizeOption="100"
SelectedTabIndex="{Binding SelectedTabIndex}"
HeaderBackgroundColor="#232323"
HeaderBackgroundColor="#181818"
x:Name="TabView">
<tabView:TabViewControl.ItemSource>
<tabView:TabItem