watsonb8/aurora-sharp-desktop
Archived
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

More styling

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Aurora/App.css
View File

@ -1,11 +1,11 @@
.primaryColor { .primaryColor {
background-color: #232323; background-color: #000000;
} }
.accentColor { .accentColor {
background-color: #3a3a3a; background-color: #181818;
} }
.secondAccentColor { .secondAccentColor {
background-color: #626363 background-color: #303030
} }

42
Aurora/Design/Components/Library/Library.xaml
View File

@ -13,18 +13,24 @@
x:Name="LibraryDataGrid" x:Name="LibraryDataGrid"
SelectionEnabled="True" SelectionEnabled="True"
RowHeight="30" RowHeight="30"
BorderColor="#3a3a3a" BorderColor="#181818"
BorderThickness="0" BorderThickness="0"
HeaderHeight="40" HeaderHeight="45"
HeaderBackground="#222222"> HeaderBackground="#181818">
<dg:DataGrid.HeaderLabelStyle> <dg:DataGrid.HeaderLabelStyle>
<Style TargetType="Label"> <Style
<Setter Property="HorizontalOptions" Value="Start"/> TargetType="Label">
<Setter Property="FontSize" Value="14"/> <Setter
<Setter Property="TextColor" Value="White"/> Property="HorizontalOptions"
Value="Start"/>
<Setter
Property="FontSize"
Value="14"/>
<Setter
Property="TextColor"
Value="White"/>
</Style> </Style>
</dg:DataGrid.HeaderLabelStyle> </dg:DataGrid.HeaderLabelStyle>
<dg:DataGrid.GestureRecognizers> <dg:DataGrid.GestureRecognizers>
<TapGestureRecognizer <TapGestureRecognizer
NumberOfTapsRequired="2"/> NumberOfTapsRequired="2"/>
@ -36,11 +42,11 @@
Width="15"> Width="15">
<dg:DataGridColumn.CellTemplate> <dg:DataGridColumn.CellTemplate>
<DataTemplate> <DataTemplate>
<Image Source="../../Resources/unselected.png" /> <Image
Source="../../Resources/unselected.png"/>
</DataTemplate> </DataTemplate>
</dg:DataGridColumn.CellTemplate> </dg:DataGridColumn.CellTemplate>
</dg:DataGridColumn> </dg:DataGridColumn>
<dg:DataGridColumn <dg:DataGridColumn
Title="Title" Title="Title"
PropertyName="Metadata.Title" PropertyName="Metadata.Title"
@ -48,12 +54,11 @@
<dg:DataGridColumn.CellTemplate> <dg:DataGridColumn.CellTemplate>
<DataTemplate> <DataTemplate>
<Label <Label
LineBreakMode="TailTruncation" LineBreakMode="TailTruncation"
Text="{Binding .}"/> Text="{Binding .}"/>
</DataTemplate> </DataTemplate>
</dg:DataGridColumn.CellTemplate> </dg:DataGridColumn.CellTemplate>
</dg:DataGridColumn> </dg:DataGridColumn>
<dg:DataGridColumn <dg:DataGridColumn
Title="Album" Title="Album"
PropertyName="Metadata.Album" PropertyName="Metadata.Album"
@ -61,12 +66,11 @@
<dg:DataGridColumn.CellTemplate> <dg:DataGridColumn.CellTemplate>
<DataTemplate> <DataTemplate>
<Label <Label
LineBreakMode="TailTruncation" LineBreakMode="TailTruncation"
Text="{Binding .}"/> Text="{Binding .}"/>
</DataTemplate> </DataTemplate>
</dg:DataGridColumn.CellTemplate> </dg:DataGridColumn.CellTemplate>
</dg:DataGridColumn> </dg:DataGridColumn>
<dg:DataGridColumn <dg:DataGridColumn
Title="Artist" Title="Artist"
PropertyName="Metadata.Artist" PropertyName="Metadata.Artist"
@ -74,19 +78,17 @@
<dg:DataGridColumn.CellTemplate> <dg:DataGridColumn.CellTemplate>
<DataTemplate> <DataTemplate>
<Label <Label
LineBreakMode="TailTruncation" LineBreakMode="TailTruncation"
Text="{Binding .}"/> Text="{Binding .}"/>
</DataTemplate> </DataTemplate>
</dg:DataGridColumn.CellTemplate> </dg:DataGridColumn.CellTemplate>
</dg:DataGridColumn> </dg:DataGridColumn>
</dg:DataGrid.Columns> </dg:DataGrid.Columns>
<dg:DataGrid.RowsTextColorPalette> <dg:DataGrid.RowsTextColorPalette>
<dg:PaletteCollection> <dg:PaletteCollection>
<Color>White</Color> <Color>White</Color>
</dg:PaletteCollection> </dg:PaletteCollection>
</dg:DataGrid.RowsTextColorPalette> </dg:DataGrid.RowsTextColorPalette>
<dg:DataGrid.RowsBackgroundColorPalette> <dg:DataGrid.RowsBackgroundColorPalette>
<dg:PaletteCollection> <dg:PaletteCollection>
<Color>Transparent</Color> <Color>Transparent</Color>

2
Aurora/Design/Components/MediaPlayer/Player.css
View File

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

2
Aurora/Design/Components/MemberList/MemberList.css
View File

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

2
Aurora/Design/Components/MemberList/MemberList.xaml
View File

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

6
Aurora/Design/Components/NavigationMenu/NavigationMenu.css
View File

@ -1,9 +1,4 @@
#Layout {
background-color: #232323;
}
ListView { ListView {
background-color: #232323;
margin-left: 15; margin-left: 15;
margin-top: 40; margin-top: 40;
} }
@ -22,7 +17,6 @@ ListView {
#ItemCell Label { #ItemCell Label {
color: white; color: white;
background-color: #232323;
font-size: 15; font-size: 15;
font-family: Courier New, Courier, monospace; font-family: Courier New, Courier, monospace;
font-style: normal; font-style: normal;

14
Aurora/Design/Components/NavigationMenu/NavigationMenu.xaml
View File

@ -8,17 +8,21 @@
Source="NavigationMenu.css"/> Source="NavigationMenu.css"/>
</ContentView.Resources> </ContentView.Resources>
<ContentView.Content> <ContentView.Content>
<StackLayout x:Name="Layout"> <StackLayout
x:Name="Layout"
StyleClass="primaryColor">
<ListView <ListView
x:Name="MenuItemsListView" x:Name="MenuItemsListView"
HasUnevenRows="true" HasUnevenRows="true"
SeparatorVisibility="None" SeparatorVisibility="None"
IsGroupingEnabled="true" IsGroupingEnabled="true"
RowHeight="35" RowHeight="35"
StyleClass="primaryColor"
CachingStrategy="RecycleElement"> CachingStrategy="RecycleElement">
<ListView.GroupHeaderTemplate> <ListView.GroupHeaderTemplate>
<DataTemplate> <DataTemplate>
<ViewCell x:Name="GroupCell"> <ViewCell
x:Name="GroupCell">
<Label <Label
VerticalTextAlignment="Center" VerticalTextAlignment="Center"
Text="{Binding GroupHeading}"/> Text="{Binding GroupHeading}"/>
@ -27,9 +31,11 @@
</ListView.GroupHeaderTemplate> </ListView.GroupHeaderTemplate>
<ListView.ItemTemplate> <ListView.ItemTemplate>
<DataTemplate> <DataTemplate>
<ViewCell x:Name="ItemCell"> <ViewCell
x:Name="ItemCell">
<Label <Label
Text="{Binding Title}"/> StyleClass="primaryColor"
Text="{Binding Title}"/>
</ViewCell> </ViewCell>
</DataTemplate> </DataTemplate>
</ListView.ItemTemplate> </ListView.ItemTemplate>

5
Aurora/Design/Views/MainView/MainView.css
View File

@ -11,18 +11,19 @@
#TitleContainer { #TitleContainer {
margin-top: 10; margin-top: 10;
margin-left: 10;
background-color: transparent; background-color: transparent;
} }
#TitleContainer Label { #TitleContainer Label {
color: white; color: white;
margin-left: 155; margin-left: 155;
font-size: 18; font-size: 22;
vertical-align: bottom; vertical-align: bottom;
} }
#Player { #Player {
background-color: #626363; background-color: #303030;
height: 60; height: 60;
} }

2
Aurora/Design/Views/Party/PartyView.xaml
View File

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