More styling
This commit is contained in:
parent
109457d6fa
commit
43c6a5a2c6
@ -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
|
||||
}
|
@ -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>
|
||||
|
@ -1,5 +1,5 @@
|
||||
#PlayerControlContainer {
|
||||
background-color: #626363;
|
||||
background-color: #303030;
|
||||
}
|
||||
|
||||
Label {
|
||||
|
@ -1,5 +1,5 @@
|
||||
#MembersList {
|
||||
background-color: #3a3a3a;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
Grid {
|
||||
|
@ -16,7 +16,7 @@
|
||||
RowHeight="150"
|
||||
VerticalOptions="FillAndExpand"
|
||||
SeparatorVisibility="None"
|
||||
BackgroundColor="#3a3a3a"
|
||||
BackgroundColor="#181818"
|
||||
HasUnevenRows="false">
|
||||
<flv:FlowListView.FlowColumnTemplate>
|
||||
<DataTemplate>
|
||||
|
@ -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;
|
||||
|
@ -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>
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -19,7 +19,7 @@
|
||||
VerticalOptions="FillAndExpand"
|
||||
TabSizeOption="100"
|
||||
SelectedTabIndex="{Binding SelectedTabIndex}"
|
||||
HeaderBackgroundColor="#232323"
|
||||
HeaderBackgroundColor="#181818"
|
||||
x:Name="TabView">
|
||||
<tabView:TabViewControl.ItemSource>
|
||||
<tabView:TabItem
|
||||
|
Reference in New Issue
Block a user