Skip to content

Instantly share code, notes, and snippets.

@LanceMcCarthy
Created February 19, 2018 19:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save LanceMcCarthy/ed6d37d8706182a0419edca635262349 to your computer and use it in GitHub Desktop.
Save LanceMcCarthy/ed6d37d8706182a0419edca635262349 to your computer and use it in GitHub Desktop.
Custom Theme for UI for Xamarin
<ResourceDictionary xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="TelerikXamarinApp1.Portable.Themes.CustomTheme">
<!-- Chart -->
<Color x:Key="ChartAxisColor">#919191</Color>
<Color x:Key="ChartGridLinesColor">#D9D9D9</Color>
<!-- ListView -->
<Color x:Key="ListViewItemBorderColor">Azure</Color>
<Color x:Key="ListViewSelectionColor">Red</Color>
<Color x:Key="ListViewBackgroundColor">Black</Color>
<Color x:Key="ListViewForegroundColor">LightSkyBlue</Color>
<Color x:Key="ListViewSelectionBackgroundColor">Black</Color>
<!-- Grid -->
<Color x:Key="DataGridAccentColor">#3148CA</Color>
<!-- Calendar -->
<Color x:Key="CalendarBasicFontColor">#4A4949</Color>
<Color x:Key="CalendarAlternativeFontColor">#919191</Color>
<Color x:Key="CalendarGridColor">#D9D9D9</Color>
<Color x:Key="CalendarMenuBarColor">#F8F8F8</Color>
<Color x:Key="CalendarAccentColor1">#3148CA</Color>
<Color x:Key="CalendarAccentColor2">#30BCFF</Color>
<Color x:Key="CalendarBackgroundColor1">#3D5AFE</Color>
<Color x:Key="CalendarBackgroundColor2">#000000</Color>
<Color x:Key="CalendarBackgroundColor3">#FFFFFF</Color>
<Color x:Key="CalendarComplementaryColor1">#FF5225</Color>
<Color x:Key="CalendarComplementaryColor2">#FFC325</Color>
<!-- DataForm -->
<Color x:Key="DataFormEditorAccentColor">#3148CA</Color>
<Color x:Key="DataFormBackgroundColor">White</Color>
<Color x:Key="DataFormHeaderFontColor">#919191</Color>
<Color x:Key="DataFormEditorBorderColor">#D9D9D9</Color>
<!-- MaskedInput -->
<Color x:Key="MaskedInputBorderColor">#D9D9D9</Color>
<Color x:Key="MaskedInputWatermarkColor">#919191</Color>
<Color x:Key="MaskedInputErrorColor">#D50002</Color>
<Color x:Key="MaskedInputDisplayedTextColor">#4A4949</Color>
<!-- SegmentedControl -->
<Color x:Key="SegmentControlAccentColor">#3148CA</Color>
<Color x:Key="SegmentControlMainColor">#FFFFFF</Color>
<!-- Rating -->
<Color x:Key="RatingControlAccentColor">#3148CA</Color>
<!-- AutoComplete -->
<Color x:Key="AutoCompleteSelectedTokenBackgroundColor">#3148CA</Color>
<Color x:Key="AutoCompleteSelectedTokenStrokeColor">#3148CA</Color>
<Color x:Key="AutoCompleteSelectedTokenTextColor">#FFFFFF</Color>
<Color x:Key="AutoCompleteSuggestionItemTextColor">#3148CA</Color>
<Color x:Key="AutoCompleteBorderColor">#D9D9D9</Color>
<Color x:Key="AutoCompleteSuggestionViewBackgroundColor">#F8F8F8</Color>
<OnPlatform x:Key="AutoCompleteTokenBackgroundColor"
x:TypeArguments="Color">
<On Platform="Android"
Value="#F8F8F8" />
<On Platform="iOS"
Value="#4A4949" />
</OnPlatform>
<OnPlatform x:Key="AutoCompleteTokenTextColor"
x:TypeArguments="Color">
<On Platform="Android"
Value="#7C7C7C" />
<On Platform="iOS"
Value="#F8F8F8" />
</OnPlatform>
<OnPlatform x:Key="AutoCompleteTokenStrokeColor"
x:TypeArguments="Color">
<On Platform="Android"
Value="#7C7C7C" />
<On Platform="iOS"
Value="Transparent" />
</OnPlatform>
<!-- TabView-->
<Color x:Key="ToolbarItemSelected">#3148CA</Color>
<!-- BusyIndicator -->
<Color x:Key="BusyIndicatorContent">#3148CA</Color>
<!-- SlideView -->
<Color x:Key="SlideViewIndicator">#D9D9D9</Color>
<Color x:Key="SlideViewSelectedIndicator">#3148CA</Color>
<Color x:Key="SlideViewPreviousItemButton">#3148CA</Color>
</ResourceDictionary>
public partial class CustomTheme : ResourceDictionary
{
public CustomTheme ()
{
InitializeComponent ();
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment