Keys of Syncfusion Controls

23 Sep 202024 minutes to read

This page lists the keys for each control and the element to which it is mapped for all the controls.

SfChart

Theme Dictionary

Keys

Description

SfChartStyles

SfChartTheme

By merging this key in application resources, you can customize the appearance of SfChart without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfChartTheme">CommonTheme</x:String> 
                    <Color x:Key="SfChartBackgroundColor">Transparent</Color> 
                    <Color x:Key="SfChartTitleBackgroundColor">Transparent</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Stroke color of annotation.

    Text color of annotation label.

    Background color of the axis label of VerticalLine and HorizontalLine annotations.

    Border color of the axis label of VerticalLine and HorizontalLine annotations.

    SfChartTitleTextColor

    Text color of the chart title.

    SfChartTitleBorderColor

    Border color of the chart title.

    SfChartTitleBackgroundColor

    Background color of the chart title.

    SfChartBackgroundColor

    Background color of the chart.

    SfChartSelectionRectFillColor

    Fill color of the selection rectangle when selection zooming the chart.

    SfChartSelectionRectStrokeColor

    Stroke color of the selection rectangle when selection zooming the chart.

    SfChartAnnotationFillColor

    Fill color of annotation.

    SfChartAnnotationLabelBorderColor

    Border color of the annotation label.

    SfChartAnnotationLabelBackgroundColor

    Background color of the annotation label.

    SfChartAnnotationAxisLabelTextColor

    Text color of axis label of VerticalLine and HorizontalLine annotations.

    SfChartTrackballLineStrokeColor

    Stroke color of the trackball line.

    SfChartTrackballBackgroundColor

    Background color of the trackball label.

    SfChartTrackballBorderColor

    Border color of the trackball label.

    SfChartTrackballTextColor

    Text color of the trackball label.

    SfChartTrackballAxisLabelBackgroundColor

    Background color of the axis label of trackball.

    SfChartTrackballAxisLabelBorderColor

    Border color of the axis label of trackball.

    SfChartTrackballAxisLabelTextColor

    Text color of axis label of trackball.

    SfChartDataPointSelectionColor

    Color of the selected segment of the series.

    SfChartSeriesSelectionColor

    Color of the selected series.

    SfChartStriplineBackgroundColor

    Background color of the strip line.

    SfChartStriplineBorderColor

    Border color of the strip line.

    SfChartStriplineTextColor

    Text color of the strip line label.

    SfChartStriplineLabelBorderColor

    Border color of the strip line label.

    SfChartStriplineLabelBackgroundColor

    Background color of the strip line label.

    SfChartMajorGridLineColor

    Color of the axis major grid line.

    SfChartMinorGridLineColor

    Color of the axis minor grid line.

    SfChartMajorTickLineColor

    Color of the axis major tick line.

    SfChartMinorTickLineColor

    Color of the axis minor tick line.

    SfChartAxisLineColor

    Color of the axis line.

    SfChartAxisTitleTextColor

    Color of the axis title text.

    SfChartAxisTitleBackgroundColor

    Background color of the axis title.

    SfChartAxisTitleBorderColor

    Border color of the axis title.

    SfChartAxisLabelColor

    Color of the axis label.

    SfChartAxisLabelBackgroundColor

    Background color of the axis label.

    SfChartAxisLabelBorderColor

    Border color of the axis label.

    SfChartLegendTitleTextColor

    Color of the Legend title text.

    SfChartLegendTitleBorderColor

    Border color of the legend title.

    SfChartLegendTitleBackgroundColor

    Background color of the legend title.

    SfChartLegendLabelColor

    Color of the legend label.

    SfChat

    Theme Dictionary

    Keys

    Description

    SfChatStyles

    SfChatTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfChat without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfChatTheme">CustomTheme</x:String> 
                    <Color x:Key="SfChatIncomingMessageTextColor">Blue</Color> 
                    <Color x:Key="SfChatIncomingMessageAuthorTextColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Background color of the outgoing message.

    Color of the date picker icon and the border color of date picker.

    Color of time picker icon and the border color of time picker.

    SyncPrimaryLightColor

    Text color of the text in the time break view, date picker, time picker and the item in the list of suggestions.

    Text color of the URL in a incoming hyper link message.

    Color of the load more indicator, color of the text in the load more and the color of the load more border color.

    Color of the text in card view action button in SfChat for the Xamarin.Forms.Android and Xamarin.Forms.iOS platform.

    SyncPrimaryForegroundColor

    Text color of outgoing message and the text color of the URL in a outgoing hyper link message.

    Color of the text in card view action button in SfChat for the Xamarin.Forms.UWP platform.

    SfChatIncomingMessageTextColor

    Text color of the incoming message.

    SfChatIncomingMessageAuthorTextColor

    Text color of the author name in an incoming message.

    SfChatIncomingMessageTimestampTextColor

    Text color of the timestamp in an incoming message.

    SfChatIncomingMessageBackgroundColor

    Background color of the incoming message.

    SfChatIncomingMessageFontFamily

    Font family of the incoming message.

    SfChatIncomingMessageFontAttributes

    Font attributes of the incoming message.

    SfChatIncomingMessageFontSize

    Font size of the incoming message.

    SfChatIncomingMessageAuthorFontFamily

    Font family of the author name in an incoming message.

    SfChatIncomingMessageAuthorFontAttributes

    Font attributes of the author name in an incoming message.

    SfChatIncomingMessageAuthorFontSize

    Font size of the author name in an incoming message.

    SfChatIncomingMessageTimestampFontFamily

    Font family of the timestamp in an incoming message.

    SfChatIncomingMessageTimestampFontAttributes

    Font attributes of the timestamp in an incoming message.

    SfChatIncomingMessageTimestampFontSize

    Font size of the timestamp in an incoming message.

    SfChatOutgoingMessageAuthorTextColor

    Text color of the author name in an outgoing message.

    SfChatOutgoingMessageTimestampTextColor

    Text color of the timestamp in an outgoing message.

    SfChatOutgoingMessageFontFamily

    Font family of the outgoing message.

    SfChatOutgoingMessageFontAttributes

    Font attributes of the outgoing message.

    SfChatOutgoingMessageFontSize

    Font size of the outgoing message.

    SfChatOutgoingMessageAuthorFontFamily

    Font family of the author name in an outgoing message.

    SfChatOutgoingMessageAuthorFontAttributes

    Font attributes of the author name in an outgoing message.

    SfChatOutgoingMessageAuthorFontSize

    Font size of the author name in an outgoing message.

    SfChatOutgoingMessageTimestampFontSize

    Font size of the timestamp in an outgoing message.

    SfChatOutgoingMessageTimestampFontFamily

    Font family of the timestamp in an outgoing message.

    SfChatOutgoingMessageTimestampFontAttributes

    Font attributes of the timestamp in an outgoing message.

    SfChatEditorTextColor

    Color of the text in the editor.

    SfChatEditorBackgroundColor

    Background color of the editor.

    SfChatEditorFontFamily

    Font family of the text in the editor.

    SfChatEditorFontAttributes

    Font attributes of the text in the editor.

    SfChatEditorFontSize

    Font size of the text in the editor.

    SfChatSendButtonColor

    Color of the send button.

    SfChatSendButtonDisabledColor

    Color of the send button when it is in `Disabled` state.

    SfChatTypingIndicatorTextColor

    Text color in the typing indicator.

    SfChatTypingIndicatorBackgroundColor

    Background color of the typing indicator.

    SfChatTypingIndicatorFontFamily

    Font family of the text in the typing indicator.

    SfChatTypingIndicatorFontAttributes

    Font attributes of the text in the typing indicator.

    SfChatTypingIndicatorFontSize

    Font size of the text in the typing indicator.

    SfChatTimeBreakViewBackgroundColor

    Background color of the time break view.

    SfChatTimeBreakViewFontFamily

    Font family of the text in the time break view.

    SfChatTimeBreakViewFontAttributes

    Font attributes of the text in the time break view.

    SfChatTimeBreakViewFontSize

    Font size of the text in the time break view.

    SfChatSuggestionListItemBackgroundColor

    Background color of an item in the list of suggestions.

    SfChatSuggestionListItemFontFamily

    Font family of an item in the list of suggestions.

    SfChatSuggestionListItemFontAttributes

    Font attributes of an item in the list of suggestions.

    SfChatSuggestionListItemFontSize

    Font size of an item in the list of suggestions.

    SfChatSuggestionListItemBorderColor

    Border color of an item in the list of suggestions.

    SfChatDatePickerBackgroundColor

    Background color of date picker.

    SfChatTimePickerBackgroundColor

    Background color of time picker.

    SfChatEditorPlaceholderTextColor

    Place holder text color of the editor.

    SfChatEditorBorderColor

    The border color of editor.

    SfChatMessageInputViewBackgroundColor

    Message input view background color.

    SfChatTimeBreakViewBorderColor

    Border color of the time break view.

    SfChatHyperlinkDescriptionTextColor

    Text color of the URL's meta description in a hyper link message.

    SfChatHyperlinkDescriptionBackgroundColor

    Background color of the URL description area in a hyper link message.

    SfChatHyperlinkMetaTitleTextColor

    Text color of the URL's meta title in a hyper link message.

    SfChatHyperlinkImageBackgroundColor

    Background color of the image in a hyper link message.

    SfChatCalendarBackgroundColor

    Background color of the calendar message.

    SfChatAttachmentButtonColor

    Color of the attachment button.

    SfChatAttachmentButtonEffectColor

    Color of the attachment button effect.

    SfChatCardBackgroundColor

    Background color of the card view.

    SfChatCardButtonBackgroundColor

    Background color of the card view action button in SfChat Xamarin.Forms.iOS platform.

    Note : Background color of the card view action button in SfChat Xamarin.Forms.UWP platform will be set from `SyncPrimaryColor` key value and in SfChat Xamarin.Forms.Android platform card button background color will take up the color of 'Card background'.

    SfChatCardButtonBorderColor

    Color of the border in card view action button in SfChat for the Xamarin.Forms.Android platform.

    Note : Color of the border in card view action button in SfChat for the Xamarin.Forms.iOS platform will be set from `SyncPrimaryLightColor` key value.

    SfChatCardTitleTextColor

    Color of the text in the card view title.

    SfChatCardSubtitleTextColor

    Color of the text in the card view subtitle.

    SfChatCardDescriptionTextColor

    Color of the text in the card view description.

    SfChatCardTitleFontFamily

    Font family of the text in the card view title.

    SfChatCardSubtitleFontFamily

    Font family of the text in the card view subtitle.

    SfChatCardDescriptionFontFamily

    Font family of the text in the card view description.

    SfChatCardButtonFontFamily

    Font family of the text in the card view action button.

    SfChatCardTitleFontSize

    Font size of the text in the card view title.

    SfChatCardSubtitleFontSize

    Font size of the text in the card view subtitle.

    SfChatCardDescriptionFontSize

    Font size of the text in the card view description.

    SfChatCardButtonFontSize

    Font size of the text in the card view action button.

    SfChatCardTitleFontAttributes

    Font attributes of the text in the card view title.

    SfChatCardSubtitleFontAttributes

    Font attributes of the text in the card view subtitle.

    SfChatCardDescriptionFontAttributes

    Font attributes of the text in the card view description.

    SfChatCardButtonFontAttributes

    Font attributes of the text in the card view action button.

    SfChatLoadMoreBackgroundColor

    Background color of the load more.

    SfDateTimeRangeNavigator

    Theme Dictionary

    Keys

    Description

    SfDateTimeRangeNavigatorStyles

    SfDateTimeRangeNavigatorTheme

    By merging this key in application resources, you can customize the appearance of SfDateTimeRangeNavigator without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfDateTimeRangeNavigatorTheme">CommonTheme</x:String> 
                    <Color x:Key="SfDateTimeRangeNavigatorBackgroundColor">Transparent</Color> 
                    <Color x:Key="SfDateTimeRangeNavigatorOverlayColor">White</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Border color of tooltip and thumb.

    Line color of thumb.

    Background color of tooltip.

    SyncPrimaryLightColor

    Selected label text color of scale.

    SfDateTimeRangeNavigatorBackgroundColor

    Background color of the date-time range navigator.

    SfDateTimeRangeNavigatorOverlayColor

    Overlay color of unselected region of the date time range navigator.

    SfDateTimeRangeNavigatorLabelTextColor

    Text color of the date time range navigator label.

    SfDateTimeRangeNavigatorLabelBackgroundColor

    Background color of the date time range navigator label.

    SfDateTimeRangeNavigatorLabelBorderColor

    Border color of the date time range navigator label.

    SfDateTimeRangeNavigatorSelectedLabelBackgroundColor

    Background color of the date time range navigator selected label.

    SfDateTimeRangeNavigatorSelectedLabelBorderColor

    Border color of the date time range navigator selected label.

    SfDateTimeRangeNavigatorGridLineColor

    Color of the date time range navigator grid lines.

    SfDateTimeRangeNavigatorTickLineColor

    Color of the date time range navigator tick lines.

    SfDateTimeRangeNavigatorThumbBackgroundColor

    Background color of the date time range navigator thumb.

    SfDateTimeRangeNavigatorThumbBorderColor

    Border color of the date time range navigator thumb.

    SfDateTimeRangeNavigatorThumbLineColor

    Color of the date time range navigator thumb line.

    SfDateTimeRangeNavigatorTooltipTextColor

    Text color of the date time range navigator tooltip.

    SfKanban

    Theme Dictionary

    Keys

    Description

    SfKanbanStyles

    SfKanbanTheme

    By merging this key in application resources, you can customize the appearance of SfKanban without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 xmlns:chart="clr-namespace:Syncfusion.SfKanban.XForms;assembly=Syncfusion.SfKanban.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfKanbanTheme">CommonTheme</x:String> 
                    <Color x:Key="SfKanbanBackgroundColor">Transparent</Color> 
                    <Color x:Key="SfKanbanPlaceholderBackgroundColor">White Smoke</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfKanbanBackgroundColor

    Background color of kanban.

    SfKanbanMinValidationColor

    Color value of the error bar for minimum limit validation.

    SfKanbanMaxValidationColor

    Color value of the error bar for maximum limit validation.

    SfKanbanValidationColor

    Color value of the error bar for validation.

    SfKanbanPlaceholderBackgroundColor

    Background color of the placeholder.

    SfKanbanPlaceholderBorderColor

    Border color of the placeholder.

    SfKanbanPlaceholderTextColor

    Text color of the placeholder.

    SfKanbanPlaceholderSelectedBackgroundColor

    Background color of the selected placeholder.

    SfKanbanPlaceholderSelectedBorderColor

    Border color of the selected placeholder.

    SfKanbanPlaceholderSelectedTextColor

    Text color of the selected placeholder.

    SfKanbanCardBackgroundColor

    Background color of the card.

    SfKanbanCardBorderColor

    Border color of the card.

    SfKanbanCardTextColor

    Text color of the card.

    SfKanbanCardTitleColor

    Color of card title.

    SfKanbanCardTagBackgroundColor

    Background color of the card tag.

    SfKanbanCardTagTextColor

    Text color of the card tag.

    SfKanbanHeaderTitleTextColor

    Text color of the header.

    SfKanbanHeaderBackgroundColor

    Background color of the header.

    SfKanbanHeaderCollapsedBackgroundColor

    Background color of the collapsed header.

    SfKanbanHeaderInfoTextColor

    Text color of the header info.

    SfListView

    Theme Dictionary

    Keys

    Description

    SfListViewStyles

    SfListViewTheme

    By merging this key in application resources, you can customize the appearance of the SfListView without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncTheme:SyncfusionThemeDictionary>
            <syncTheme:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                        <x:String x:Key="SfListViewTheme">CustomTheme</x:String>
                        <Color x:Key="SfListViewBackgroundColor">LightGreen</Color>
                        <Color x:Key="SfListViewForegroundColor">DarkGreen</Color>
                </ResourceDictionary>
            </syncTheme:SyncfusionThemeDictionary.MergedDictionaries>
        </syncTheme:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfListViewBackgroundColor

    Background color of ListView.

    SfListViewForegroundColor

    Text color of the ListViewItem, when it in the default state.

    SfListViewSelectionBackgroundColor

    Background color of the ListViewItem when it is in selection.

    SfListViewFocusBorderThickness

    Border thickness of the ListViewItem when it is in selection.

    SfListViewFocusBorderColor

    Border color of the ListViewItem when it is in selection.

    SfListViewGroupHeaderForegroundColor

    Text color of the GroupHeaderItem, when it in the default state.

    SfListViewLoadMoreForegroundColor

    Text color of the LoadMoreItem When it is in the default state.

    SyncPrimaryLightColor

    Color of the LoadMoreIndicator when the indicator is in the progressed state.

    SfListViewLoadMoreBackgroundColor

    Background color of the LoadMoreItem when it is in the default state.

    SfListViewLoadMoreOpacity

    Percentage of transparency level for the text in the LoadMoreItem when it is in the default state.

    SfLinearProgressBar

    Theme Dictionary

    Keys

    Description

    SfProgressBarStyles

    SfProgressBarTheme

    By merging this key in application resources, you can customize the appearance of SfLinearProgressBar without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
    ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfProgressBarTheme">CustomTheme</x:String> 
                    <Color x:Key="SyncPrimaryColor">Blue</Color> 
                    <Color x:Key="SfProgressBarSecondaryProgressColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Color of the progress indicator in the linear progress bar.

    SfProgressBarTrackColor

    Color of the track in the linear progress bar.

    SfProgressBarSecondaryProgressColor

    Color of the secondary progress(buffer) indicator in the linear progress bar.

    SfCircularProgressBar

    Theme Dictionary

    Keys

    Description

    SfProgressBarStyles

    SfProgressBarTheme

    By merging this key in application resources, you can customize the appearance of SfCircularProgressBar without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
    ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfProgressBarTheme">CustomTheme</x:String> 
                    <Color x:Key="SyncPrimaryColor">Blue</Color> 
                    <Color x:Key="SfProgressBarTrackColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Color of the progress indicator in the circular progress bar.

    SfProgressBarTrackColor

    Color of the track in the circular progress bar.

    SfNumericTextBox

    Theme Dictionary

    Keys

    Description

    SfNumericTextBoxStyles

    SfNumericTextBoxTheme

    By merging this key in application resources, you can customize the appearance of SfNumericTextBox without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
    ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfNumericTextBoxTheme">CustomTheme</x:String> 
                    <Color x:Key="SyncPrimaryColor">Blue</Color> 
                    <Color x:Key="SfNumericTextBoxTextColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Border color of the numeric text box.

    SfNumericTextBoxTextColor

    Text color of the numeric text box.

    SfNumericTextBoxBackgroundColor

    Background color of the numeric text box.

    SfNumericTextBoxBorderColor

    Border color of the numeric text box.

    SfNumericUpDown

    Theme Dictionary

    Keys

    Description

    SfNumericUpDownStyles

    SfNumericUpDownTheme

    By merging this key in application resources, you can customize the appearance of SfNumericUpDown without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
    ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfNumericUpDownTheme">CustomTheme</x:String> 
                    <Color x:Key="SyncPrimaryColor">Blue</Color> 
                    <Color x:Key="SfNumericUpDownTextColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Border color of numeric up down.

    SfNumericUpDownTextColor

    Text color of the numeric up down.

    SfNumericUpDownBackgroundColor

    Background color of numeric up down.

    SfNumericUpDownButtonBackgroundColor

    Background color of the up and down buttons.

    SfNumericUpDownButtonForegroundColor

    Foreground color of the up and down buttons.

    SfNumericUpDownBorderColor

    Border color of the numeric up down.

    SfNumericUpDownHighlightedBackgroundColor

    Sets the background color for the up-down button when it is pressed.

    SfNumericUpDownHighlightedFontColor

    Sets the font color for the up-down button when it is pressed.

    SfDiagram

    Theme Dictionary

    Keys

    Description

    SfDiagramStyles

    SfDiagramTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfDiagram without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfDiagramTheme">CustomTheme</x:String> 
                    <Color x:Key="SfDiagramStencilBorderColor">Blue</Color> 
                    <Color x:Key="SfDiagramStencilHeaderForegroundColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfDiagramStencilHeaderBackgroundColor

    Background color of the stencil header.

    SfDiagramStencilHeaderForegroundColor

    Foreground color of the stencil header.

    SfDiagramDialogHeaderForegroundColor

    Foreground color of header in dialog box.

    SfDiagramDialogBackgroundColor

    Background color of header in dialog box.

    SfDiagramLabelBackgroundColor

    Background color of Label in dialog box.

    SfDiagramStencilBorderColor

    Border color of stencil.

    SfDiagramStencilBackgroundColor

    Background color of stencil.

    SfMaskedEdit

    Theme Dictionary

    Keys

    Description

    SfMaskedEditStyles

    SfMaskedEditTheme

    By merging this key in application resources, you can customize the appearance of SfMaskedEdit without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
    ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfMaskedEditTheme">CustomTheme</x:String> 
                    <Color x:Key="SyncPrimaryColor">Blue</Color> 
                    <Color x:Key="SfMaskedEditTextColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Border color of the masked edit.

    SfMaskedEditTextColor

    Text color of the masked edit.

    SfMaskedEditBackgroundColor

    Background color of the masked edit.

    SfMaskedEditWatermarkColor

    Watermark color of the masked edit.

    SfTreeView

    Theme Dictionary

    Keys

    Description

    SfTreeViewStyles

    SfTreeViewTheme

    By merging this key in application resources, you can customize the appearance of SfTreeView without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncTheme:SyncfusionThemeDictionary>
            <syncTheme:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfTreeViewTheme">CustomTheme</x:String> 
                    <Color x:Key="SfTreeViewSelectionBackgroundColor">Blue</Color> 
                    <Color x:Key="SyncPrimaryLightColor">White</Color> 
                </ResourceDictionary>
            </syncTheme:SyncfusionThemeDictionary.MergedDictionaries>
        </syncTheme:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfTreeViewBackgroundColor

    Background color of TreeView.

    SfTreeViewSelectionBackgroundColor

    Background color of TreeViewItem when it is in selection.

    SfTreeViewContentForegroundColor

    Text color of content view label when it is in default state.

    SyncPrimaryLightColor

    Text color of content view label when it is in selection.

    SfTreeViewExpanderColor

    Color of expander icon.

    SfTreeViewFocusBorderColor

    Border color of focused item.

    SfTreeViewFocusBorderThickness

    Border thickness of focused item.

    SfTextInputLayout

    Theme Dictionary

    Keys

    Description

    SfTextInputLayoutStyles

    SfTextInputLayoutTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfTextInputLayout without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfTextInputLayoutTheme">CustomTheme</x:String> 
                    <Color x:Key="SfTextInputLayoutCounterLabelColor">Blue</Color> 
                    <Color x:Key="SfTextInputLayoutCounterLabelDisabledColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryLightColor

    Color of hint when text input layout is focused.

    SyncPrimaryColor

    Color of line/border when text input layout is focused.

    SyncErrorColor

    Color of hint when the input view contains error and is focused.

    Color of border when input view contains error.

    Color of counter label when input view contains error.

    SfTextInputLayoutHintColor

    Color of hint when the text input layout is in the default state.

    SfTextInputLayoutDisabledHintColor

    Color of hint when text input layout is disabled.

    SfTextInputLayoutFloatedHintDisabledColor

    Color of hint when text input layout is disabled, and text inside the input view is floated.

    SfTextInputLayoutLineColor

    Color of line/border when text input layout is in the default state.

    SfTextInputLayoutFilledLineDisabledColor

    Color of line when text input layout is in the disabled state.

    SfTextInputLayoutOutlinedLineDisabledColor

    Color of border when text input layout is in the disabled state.

    SfTextInputLayoutCounterLabelColor

    Color of counter label when text input layout is in the default state.

    SfTextInputLayoutCounterLabelDisabledColor

    Color of counter label when text input layout is in the disabled state.

    SfTextInputLayoutContainerBackgroundColor

    Color of container background when the text input layout is in the default state.

    SfTextInputLayoutContainerBackgroundDisabledColor

    Color of container background when text input layout is in the disabled state.

    SfTextInputLayoutHelperTextColor

    Color of helper text when text input layout is in the default state.

    SfTextInputLayoutHelperTextDisabledColor

    Color of helper text when text input layout is in the disabled state.

    SfTextInputLayoutErrorTextColor

    Color of error text when text input layout is in the default state.

    SfTextInputLayoutErrorTextDisabledColor

    Color of error text when text input layout is in the disabled state.

    SfTextInputLayoutPasswordToggleFocusedColor

    Color of password toggle button when the input view is focused.

    SfTextInputLayoutPasswordToggleDisabledColor

    Color of password toggle button when the text input layout is in the disabled state.

    SfTextInputLayoutPasswordToggleUnfocusedColor

    Color of password toggle button when the input view is unfocused.

    SfTextInputLayoutFloatedHintUnfocusedColor

    Color of floated hint text when input view is unfocused.

    SfBackdropPage

    Theme Dictionary

    Keys

    Description

    SfBackdropPageStyles

    SfBackdropPageTheme

    By merging this key in application resources, you can customize the appearance of SfBackdropPage without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfBackdropPageTheme">CustomTheme</x:String> 
                    <Color x:Key="SfBackdropPageFrontLayerBackgroundColor">Red</Color>
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfBackdropPageFrontLayerBackgroundColor

    Background color of the front layer.

    SfCardView

    Theme Dictionary

    Keys

    Description

    SfCardViewStyles

    SfCardViewTheme

    By merging this key in application resources, you can customize the appearance of SfCardView without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfCardViewTheme">CustomTheme</x:String> 
                    <Color x:Key="CardViewContentBackgroundColor">Red</Color>
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    CardViewContentBackgroundColor

    Background color of the card view content.

    SfPdfViewer

    </tr> </tr> </tr>
    Theme Dictionary

    Keys

    Description

    SfPdfViewerStyles

    SfPdfViewerTheme

    By merging this key in application resources, you can customize the appearance of SfPdfViewer without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 xmlns:chart="clr-namespace:Syncfusion.SfPdfViewer.XForms;assembly=Syncfusion.SfPdfViewer.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfPdfViewerTheme">CommonTheme</x:String> 
                    <Color x:Key="SfPdfViewerToolbarBackgroundColor">Cyan</Color> 
                    <Color x:Key="SfPdfViewerToolbarSeparatorColor">Red</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfPdfViewerButtonIconEnabledColor

    Text color of the button when it is in enabled state.

    SfPdfViewerButtonIconDisabledColor

    Text color of the button when it is in disabled state.

    SfPdfViewerButtonPressedColor

    Pressed color of the toolbar buttons.

    SfPdfViewerToolbarBackgroundColor

    Background color of the toolbar.

    SfPdfViewerToolbarBorderColor

    Border color of the toolbar.

    SfPdfViewerToolbarSeparatorColor

    Toolbar separator color.

    SfPdfViewerEntryTextColor

    Text color of entry.

    SfPdfViewerEntryBorderColor

    Border color of entry.

    SfPdfViewerEntryPlaceholderColor

    Placeholder color of entry.

    SfPdfViewerEntryBackgroundColor

    Background color of entry.

    SfPdfViewerBookmarkItemBackgroundColor

    Background color of the bookmark items.

    SfPdfViewerBookmarkTitleBarBackgroundColor

    Background color of the bookmark title bar.

    SfPdfViewerBookmarkTitleBarTextColor

    Text color of the bookmark title bar.

    SfPdfViewerTextElementColor

    Text color of the `PDF Viewer` text labels.

    SfPdfViewerMoreMenuBackgroundColor

    Background color of the more menu bar.

    SfPdfViewerMoreMenuTextDisabledColor

    Text color of the more menu items when it is in disabled state.

    SfPdfViewerMoreMenuTextEnabledColor

    Text color of the more menu items when it is in enabled state.

    SfPdfViewerScrollHeadColor

    Background color of the scroll head label.

    SfPdfViewerScrollHeadBorderColor

    Border color of the scroll head.

    SfPdfViewerScrollHeadPageNumberViewBackgroundColor

    Background color of the page number alert dialog.

    SfPdfViewerScrollHeadPageNumberViewSeparatorColor

    Separator color of the page number alert dialog.

    SfPdfViewerSignaturePadTitleColor

    Title color of the signature pad.

    SfPdfViewerSignaturePadColor

    Background color of the signature pad view.

    SfPdfViewerSignaturePadHeaderFooterColor

    Background color of header and footer of signature pad.

    SfPdfViewerSignatureBorderColor

    Border color of the signature pad.

    SfPdfViewerSignaturePadConfirmationButtonDisabledColor

    Text color of the signature pad confirmation button when it is in disabled state.

    SfPdfViewerSignaturePadCancelButtonEnabledColor

    Text color of the signature pad cancel button when it is in enabled state.

    SfPdfViewerSignaturePadCancelButtonDisabledColor

    Text color of the signature pad cancel button when it is in disabled state.

    SfPdfViewerSignaturePadClearButtonEnabledColor

    Text color of the signature pad clear button when it is in enabled state.

    SfPdfViewerSignaturePadClearButtonDisabledColor

    Text color of the signature pad clear button when it is in disabled state.

    SfPdfViewerEditWindowPlaceHolderColor

    Placeholder color of the edit text window.

    SfPdfViewerSearchBarBackgroundColor

    Background color of the search bar.

    SfPdfViewerFreeTextConfirmationButtonDisabledColor

    Text color of the FreeText confirmation button when it is in disabled state.

    SfPdfViewerFreeTextCancelButtonEnabledColor

    Text color of the FreeText cancel button when it is in enabled state.

    SfPdfViewerFreeTextCancelButtonDisabledColor

    Text color of the FreeText cancel button when it is in disabled state.

    SfPdfViewerThicknessViewBackgroundColor

    Background color of the thickness selector toolbar.

    SfPdfViewerThicknessViewButtonBackgroundColor

    Background color of the thickness button in thickness selector toolbar.

    SfPdfViewerThicknessViewButtonBorderDisabledColor

    Border color of the thickness button when it is in disabled state.

    SfPdfViewerAlertDialogBackgroundColor

    Background color of the page number alert dialog.

    SfPdfViewerAlertDialogTitleColor

    Title color of the page number alert dialog.

    SfPdfViewerAlertDialogTextColor

    Text color of the page number alert dialog.

    SfPdfViewerAlertDialogBorderColor

    Border color of the page number alert dialog.

    SfDataGrid

    Theme Dictionary

    Keys

    Description

    SfDataGridStyles

    SfDataGridTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfDataGrid without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfDataGridTheme">CustomTheme</x:String> 
                    <Color x:Key="SfDataGridRecordBackgroundColor">Blue</Color> 
                    <Color x:Key="SfDataGridRecordForegroundColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfDataGridBackgroundColor

    Background color of the remaining area other than rows/columns is rendered in DataGrid.

    SfDataGridHeaderBackgroundColor

    Background color of the row and column headers in the SfDataGrid.

    SfDataGridHeaderForegroundColor

    Foreground color of the row and column headers in the SfDataGrid.

    SfDataGridHeaderBorderColor

    Border color of the row and column header cells in the SfDataGrid.

    SfDataGridRecordBackgroundColor

    Background color of the grid cells in the SfDataGrid.

    SfDataGridRecordForegroundColor

    Foreground color of the grid cells in the SfDataGrid.

    SfDataGridBorderColor

    Border color of the grid cells in the SfDataGrid.

    SfDataGridSelectionBackgroundColor

    Background color of the selected row in SfDataGrid.

    SfDataGridSelectionForegroundColor

    Foreground color of the selected row in SfDataGrid.

    SfDataGridAlternatingRowBackgroundColor

    Background color of the alternate rows in SfDataGrid.

    SfDataGridRowDragViewBackgroundColor

    Background color of the row drag view.

    SfDataGridRowDragViewForegroundColor

    Foreground color of the row drag view.

    SfDataGridColumnDragViewBackgroundColor

    Background color of the column drag view.

    SfDataGridColumnDragViewForegroundColor

    Foreground color of the column drag view.

    SfDataGridColumnDragViewBorderColor

    Border color of the column drag view.

    SfDataGridTableSummaryBackgroundColor

    Background color of the [TableSummaryRow](http://help.syncfusion.com/cr/xamarin/Syncfusion.SfDataGrid.XForms.GridTableSummaryRow.html) in SfDataGrid.

    SfDataGridTableSummaryForegroundColor

    Foreground color of the `TableSummaryRow` in SfDataGrid.

    SfDataGridCaptionSummaryRowBackgroundColor

    Background color of the [CaptionSummaryRow](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfDataGrid.XForms.SfDataGrid.html#Syncfusion_SfDataGrid_XForms_SfDataGrid_CaptionSummaryRow) in SfDataGrid.

    SfDataGridCaptionSummaryRowForegroundColor

    Foreground color of the `CaptionSummaryRow` in SfDataGrid.

    SfDataGridGroupSummaryRowBackgroundColor

    Background color of the [GroupSummaryRow](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfDataGrid.XForms.SfDataGrid.html#Syncfusion_SfDataGrid_XForms_SfDataGrid_GroupSummaryRows) in SfDataGrid.

    SfDataGridGroupSummaryRowForegroundColor

    Foreground color of the `GroupSummaryRow` in SfDataGrid.

    SfDataGridUnboundRowBackgroundColor

    Background color of the 'UnboundRow' in SfDataGrid.

    SfDataGridUnboundRowForegroundColor

    Foreground color of the 'UnboundRow' in SfDataGrid.

    SfDataGridLoadMoreViewBackgroundColor

    Background color of the LoadMore view in SfDataGrid.

    SfDataGridLoadMoreViewForegroundColor

    Foreground color of the LoadMore view in SfDataGrid.

    SfDataGridIndentBackgroundColor

    Background color of the indent column in SfDataGrid.

    SfDataPager

    Theme Dictionary

    Keys

    Description

    SfDataPagerStyles

    SfDataPagerTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfDataPager without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfDataPager">CustomTheme</x:String> 
                    <Color x:Key="SfDataPagerNumericButtonForegroundColor">White</Color> 
                    <Color x:Key="SfDataPagerNumericButtonBackgroundColor">Red</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfDataPagerBackgroundColor

    Background color of the SfDataPager.

    SfDataPagerNumericButtonForegroundColor

    Foreground color of the numeric button.

    SfDataPagerNumericButtonBackgroundColor

    Background color of the numeric button.

    SfDataPagerButtonBorderColor

    Border color of all the pager buttons.

    SfDataPagerNavigationButtonBackgroundColor

    Background color of the navigation button.

    SfDataPagerEnabledNavigationButtonIconColor

    Color of the icon in the navigation button in enabled state.

    SfDataPagerDisabledNavigationButtonIconColor

    Color of the icon in the navigation button in disabled state.

    SyncPrimaryForegroundColor

    Foreground color of the selection numeric button.

    SyncPrimaryColor

    Background color of the selection numeric button.

    SfPopupLayout

    Theme Dictionary

    Keys

    Description

    SfPopupLayoutStyles

    SfPopupLayoutTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfPopupLayout without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfPopupLayoutTheme">CustomTheme</x:String> 
                    <Color x:Key="SfPopupLayoutHeaderBackgroundColor">Blue</Color> 
                    <Color x:Key="SfPopupLayoutFooterBackgroundColor">Blue</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfPopupLayoutHeaderBackgroundColor

    Background color of the header view in SfPopupLayout.

    SfPopupLayoutFooterBackgroundColor

    Background color of the footer view in SfPopupLayout.

    SfPopupLayoutAcceptButtonBackgroundColor

    Background color of the accept button in Xamarin.Forms.Android and Xamarin.Forms.iOS platform.

    Note: Background color of the accept button for Xamarin.Forms.UWP platform is obtained from SyncPrimaryColor key value.

    SfPopupLayoutDeclineButtonTextColor

    Text color of the decline button in Xamarin.Forms.UWP platform.

    Note: Text color of the decline button for Xamarin.Forms.Android and Xamarin.Forms.iOS platform is obtained from SyncPrimaryLightColor key value.

    SfPopupLayoutBorderColor

    Border color of the SfPopupLayout in Xamarin.Forms.Android and Xamarin.Forms.iOS platform.

    Note: Border color of the SfPopupLayout for Xamarin.Forms.UWP platform is obtained from SyncPrimaryColor key value.

    SfPopupLayoutDeclineButtonBackgroundColor

    Background color of the decline button in Xamarin.Forms.UWP platform.

    Note: Background color of the decline button for Xamarin.Forms.Android and Xamarin.Forms.iOS platform is obtained from SyncPrimaryLightColor key value.

    SfPopupLayoutHeaderTextColor

    Text color of the header in SfPopupLayout.

    SfPullToRefresh

    Theme Dictionary

    Keys

    Description

    SfPullToRefreshStyles

    SfPullToRefreshTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfPullToRefresh without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfPullToRefreshTheme">CustomTheme</x:String> 
                    <Color x:Key="SfPullToRefreshBackgroundColor">Blue</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfPullToRefreshBackgroundColor

    Background color of the circle view in SfPullToRefresh.

    SfDataForm

    Theme Dictionary

    Keys

    Description

    SfDataFormStyles

    SfDataFormTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfDataForm without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfDataFormTheme">CustomTheme</x:String>
                    <Color x:Key="SfDataFormEditorTextColor">Red</Color>
                    <Color x:Key="SfDataFormLabelTextColor">Pink</Color>
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Border color of dataform editors when focused and date time picker's background color in dataform.

    SfDataFormBackgroundColor

    Background color of the dataform.

    SfDataFormEditorBackgroundColor

    Background color of the dataform editors.

    SfDataFormEditorDisabledBackgroundColor

    Disabled editor`s background color in dataform.

    SfDataFormEditorTextColor

    Text color of the dataform editors.

    SfDataFormEditorPlaceholderColor

    Placeholder color of the editor in dataform.

    SfDataFormEditorDisabledTextColor

    Disabled editor`s text color in dataform.

    SfDataFormLabelTextColor

    Text color of the dataform labels.

    SfDataFormLabelDisabledTextColor

    Disabled label`s text color in dataform.

    SfDataFormLabelBackgroundColor

    Background color of the dataform labels.

    SfDataFormLabelDisabledBackgroundColor

    Disabled label`s background color in dataform.

    SfDataFormEditorBorderColor

    Border color of the dataform editors.

    SfSchedule

    Theme Dictionary

    Keys

    Description

    SfScheduleStyles

    SfScheduleTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfSchedule without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfScheduleTheme">CustomTheme</x:String> 
                    <Color x:Key="SfScheduleHeaderTextColor">Red</Color>
                    <Color x:Key="SfScheduleViewHeaderDayTextColor">Blue</Color>
                    <Color x:Key="SfScheduleViewHeaderDateTextColor">Blue</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Change the color of today selection background in schedule month view.

    SyncPrimaryLightColor.

    Change the color of current day(Sun,Mon,etc) text in schedule day, week and work week view.

    Change the color of current date(10,11,etc) text in schedule day, week and work week view.

    SyncPrimaryForegroundColor

    Change the color of current day text in schedule month view.

    SfScheduleBackgroundColor

    Change the color of schedule background.

    SfScheduleDayViewNonWorkingHoursTimeSlotColor

    Change the color of non working hour time slot in schedule day view.

    SfScheduleDayViewNonWorkingHoursTimeSlotBorderColor

    Change the color of non working hour time slot border in schedule day view.

    SfScheduleDayViewTimeSlotColor

    Change the color of time slot in schedule day view.

    SfScheduleDayViewTimeSlotBorderColor

    Change the color of time slot border color of schedule day view.

    SfScheduleDayViewVerticalLineColor

    Change the color of time slot vertical lines at schedule day view.

    SfScheduleDayViewAllDayAppointmentLayoutColor

    Change the color of all day appointment layout color, when enable the all day appointment in schedule day view.

    SfScheduleWeekViewNonWorkingHoursTimeSlotColor

    Change the color of non working hour time slot in schedule week view.

    SfScheduleWeekViewNonWorkingHoursTimeSlotBorderColor

    Change the color of non working hour time slot border in schedule week view.

    SfScheduleWeekViewTimeSlotColor

    Change the color of time slot in schedule week view.

    SfScheduleWeekViewTimeSlotBorderColor

    Change the color of time slot border in schedule week view.

    SfScheduleWeekViewVerticalLineColor

    Change the color of time slots vertical line in schedule week view.

    SfScheduleWeekViewAllDayAppointmentLayoutColor

    Change the color of all day appointment layout color, when enable the all day appointment in schedule week view.

    SfScheduleWorkWeekViewNonWorkingHoursTimeSlotColor

    Change the color of non working hour timeslot in schedule work week view.

    SfScheduleWorkWeekViewNonWorkingHoursTimeSlotBorderColor

    Change the color of non working hour time slot border in schedule work week view.

    SfScheduleWorkWeekViewTimeSlotColor

    Change the color of time slot in schedule work week view.

    SfScheduleWorkWeekViewTimeSlotBorderColor

    Change the color of time slot border in schedule work week view.

    SfScheduleWorkWeekViewVerticalLineColor

    Change the color of time slot vertical line in schedule work week view.

    SfScheduleWorkWeekViewAllDayAppointmentLayoutColor

    Change the color of all day appointment layout color, when enable the all day appointment in schedule work week view.

    SfScheduleMonthViewTodayBackground

    Change the color of current date circle background at schedule month view.

    SfScheduleMonthViewSelectionTextColor

    Change the color of select month cell text at schedule month view.

    SfScheduleDayViewLabelTimeLabelColor

    Change the color of time slot labels(2pm,3pm,etc) at schedule day view.

    SfScheduleWeekViewLabelTimeLabelColor

    Change the color of time slot labels(2pm,3pm,etc) at schedule week view.

    SfScheduleWorkWeekViewLabelTimeLabelColor

    Change the color of time slot labels(2pm,3pm,etc) at schedule work week view.

    SfScheduleHeaderBackgroundColor

    Change the color of header layout in schedule.

    SfScheduleHeaderTextColor

    Change the color of header text in schedule.

    SfScheduleViewHeaderDayTextColor

    Change the color of view header day text(Sunday,Monday,etc) in schedule.

    SfScheduleViewHeaderBackgroundColor

    Change the color of view header layout in schedule.

    SfScheduleViewHeaderDateTextColor

    Change the color of view header date text(10,11,etc) in schedule.

    SfScheduleSelectionBackgroundColor

    Change the color of selection background at schedule.

    SfScheduleSelectionBorderColor

    Change the color of selection border at schedule.

    SfScheduleAppointmentTextColor

    Change the color of appointment text in schedule day, week and work week view.

    SfScheduleAppointmentBorderColor

    Change the border color of appointment layout in schedule day, week and work week view.

    SfScheduleAppointmentSelectionBorderColor

    Change the border color of appointment layout while select in schedule day, week and work week view.

    SfScheduleAppointmentSelectionTextColor

    Change the text color of appointment while select in schedule day, week and work week view.

    SfScheduleMonthCellTextColor

    Change the color of month cell text in schedule month view.

    SfScheduleMonthCellBackgroundColor

    Change the color of month cell background in schedule month view.

    SfScheduleMonthCellTodayBackgroundColor

    Change the current day background color of month cell in schedule month view.

    SfScheduleMonthCellTodayTextColor

    Change the current date text color of month cell in schedule month view.

    SfScheduleMonthCellPreviousMonthTextColor

    Change the previous month date text color of month cell in schedule month view.

    SfScheduleMonthCellPreviousMonthBackgroundColor

    Change the previous month background color of month cell in schedule month view.

    SfScheduleMonthCellNextMonthBackgroundColor

    Change the next month background color of month cell in schedule month view.

    SfScheduleMonthCellNextMonthTextColor

    Change the next month date text color of month cell in schedule month view.

    SfScheduleMonthViewWeekNumberTextColor

    Change the week number text color, when enable the week number view in schedule month view.

    SfScheduleMonthViewWeekNumberBackgroundColor

    Change the week number background color, when enable the week number view in schedule month view.

    SfScheduleMonthAgendaViewSubjectFontColor

    Change the appointment subject text color, when enable the agenda view in schedule month view.

    SfScheduleMonthAgendaViewBackgroundColor

    Change the agenda view layout background color of schedule month view.

    SfScheduleMonthAgendaViewTimeFontColor

    Change the appointment time text color, when enable the agenda view in schedule month view.

    SfScheduleMonthAgendaViewDateFontColor

    Change the selected date text color, when enable the agenda view in schedule month view.

    SfScheduleTimeIndicatorTextColor

    Change the time indicator text color, when enable drag and drop in schedule day, week and work week view.

    SfCalendar

    Theme Dictionary

    Keys

    Description

    SfCalendarStyles

    SfCalendarTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfCalendar without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfCalendarTheme">CustomTheme</x:String> 
                    <Color x:Key="SfCalendarInlineBackgroundColor">Green</Color>
                        <Color x:Key="SfCalendarInlineTextColor">White</Color>
                        <Color x:Key="SfCalendarWeekEndBackgroundColor">Blue</Color>
                        <Color x:Key="SfCalendarYearViewHeaderTextColor">Blue</Color>
                        <Color x:Key="SfCalendarYearViewDateTextColor">Green</Color>
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryLightColor.

    Change the color of current day text in calendar month view.

    Change the color of month header text in calendar year view.

    SfCalendarInlineTextColor

    Change the color of inline appointment text in calendar month view.

    SfCalendarBlackoutColor

    Change the color of black out date denoting view in calendar month view.

    SfCalendarDateSelectionColor

    Change the color of selected date background in calendar month view.

    SfCalendarInlineBackgroundColor

    Change the color of inline layout background in calendar month view.

    SfCalendarSelectedDayTextColor

    Change the color of select date text color in calendar month view.

    SfCalendarBorderColor

    Change the border color(vertical/horizontal line) of calendar month view.

    SfCalendarWeekDayBackgroundColor

    Change the color of week day(Monday to Friday month cell) background in calendar month view.

    SfCalendarWeekDayTextColor

    Change the color of week day(Monday to Friday month cell) text in calendar month view.

    SfCalendarDisabledBackgroundColor

    Change the color of disabled month cell date background in calendar month view.

    SfCalendarDisabledTextColor

    Change the color of disabled month cell date text in calendar month view.

    SfCalendarPreviousMonthBackgroundColor

    Change the color of previous month cell date background in calendar month view.

    SfCalendarPreviousMonthTextColor

    Change the color of previous month cell date text in calendar month view.

    SfCalendarCurrentMonthBackgroundColor

    Change the color of current month cell background in calendar month view.

    SfCalendarCurrentMonthTextColor

    Change the color of current month cell date text in calendar month view.

    SfCalendarWeekEndTextColor

    Change the color of week end(Sunday & Saturday month cell) text in calendar month view.

    SfCalendarDayHeaderTextColor

    Change the color day header (Sunday,Monday,etc) text color in calendar month view.

    SfCalendarDayHeaderBackgroundColor

    Change the color day header (Sunday,Monday,etc) background color in calendar month view.

    SfCalendarWeekEndBackgroundColor

    Change the color of week end(Sunday & Saturday month cell) background in calendar month view.

    SfCalendarHeaderBackgroundColor

    Change the color of header layout background in calendar.

    SfCalendarHeaderTextColor

    Change the color of header layout date text in calendar.

    SfCalendarYearViewLayoutBackground

    Change the color of year view layout background in calendar.

    SfCalendarYearViewHeaderBackground

    Change the color of header layout background in calendar year view.

    SfCalendarYearViewMonthLayoutBackground

    Change the color of month layout(Jan,Feb,etc) background in calendar year view.

    SfCalendarYearViewMonthHeaderBackground

    Change the color of month layout header(Jan,Feb,etc) background in calendar year view.

    SfCalendarYearViewDateTextColor

    Change the color of month date (10,11,etc) text in calendar year view.

    SfCalendarYearViewHeaderTextColor

    Change the color of month header text(Jan,Feb,etc) in calendar year view.

    SfCalendarAgendaSelectedDateColor

    Change the color of agenda view Date text(12 Tue, 13 Wed, 14 Thu) in calendar month view.

    SfMaps

    Theme Dictionary

    Keys

    Description

    SfMapsStyles

    SfMapsTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfMaps without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfMapsTheme">CustomTheme</x:String> 
                    <Color x:Key="SfMapsShapeFillColor">Blue</Color> 
                    <Color x:Key="SfMapsShapeStrokeColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfMapsBackgroundColor

    Color of maps background.

    SfMapsSelectedShapeColor

    Color of selected shape in maps.

    SfMapsSelectedShapeStrokeColor

    Color of selected shape stroke color in maps.

    SfMapsBubbleMarkerFillColor

    Color of bubble marker in maps.

    SfMapsLegendTextColor

    Color of legend text in maps.

    SfMapsDataLabelTextColor

    Color of data label text in maps.

    SfMapsMarkerLabelColor

    Color of marker label in maps.

    SfMapsMarkerIconColor

    Color of marker icon in maps.

    SfMapsTooltipBackgroundColor

    Color of tooltip background in maps.

    SfMapsTooltipStrokeColor

    Color of tooltip stroke in maps.

    SfMapsTooltipTextColor

    Color of tooltip text in maps.

    SfCircularGauge

    Theme Dictionary

    Keys

    Description

    SfCircularGaugeStyles

    SfCircularGaugeTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfCircularGauge without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfCircularGaugeTheme">CustomTheme</x:String> 
                    <Color x:Key="SfCircularGaugeScaleLabelColor">Blue</Color> 
                    <Color x:Key="SfCircularGaugeScaleRimColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfCircularGaugeBackgroundColor

    Color of circular gauge background.

    SfCircularGaugeNeedlePointerColor

    Color of needle pointer in circular gauge.

    SfCircularGaugeSymbolPointerColor

    Color of symbol pointer in circular gauge.

    SfCircularGaugeRangePointerColor

    Color of range pointer in circular gauge.

    SfCircularGaugeRangeColor

    Color of range in circular gauge.

    SfCircularGaugeHeaderColor

    Color of header in circular gauge.

    SfCircularGaugeMinorTickColor

    Color of minor tick in circular gauge.

    SfCircularGaugeMajorTickColor

    Color of major tick in circular gauge.

    SfCircularGaugeKnobColor

    Color of knob in circular gauge.

    SfCircularGaugeKnobStrokeColor

    Color of knob stroke in circular gauge.

    SfCircularGaugeTailColor

    Color of tail in circular gauge.

    SfCircularGaugeTailStrokeColor

    Color of tail stroke in circular gauge.

    SfLinearGauge

    Theme Dictionary

    Keys

    Description

    SfLinearGaugeStyles

    SfLinearGaugeTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfLinearGauge without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfLinearGaugeTheme">CustomTheme</x:String> 
                    <Color x:Key="SfLinearGaugeBackgroundColor">Blue</Color> 
                    <Color x:Key="SfLinearGaugeScaleBarColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfLinearGaugeLabelColor

    Color of label in linear gauge.

    SfLinearGaugeRangeColor

    Color of range in linear gauge.

    SfLinearGaugeHeaderColor

    Color of header in linear gauge.

    SfLinearGaugeSymbolColor

    Color of symbol pointer in linear gauge.

    SfLinearGaugeTickColor

    Color of tick in linear gauge.

    SfLinearGaugeBarColor

    Color of bar pointer in linear gauge.

    SfDigitalGauge

    Theme Dictionary

    Keys

    Description

    SfDigitalGaugeStyles

    SfDigitalGaugeTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfDigitalGauge without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfDigitalGaugeTheme">CustomTheme</x:String> 
                    <Color x:Key="SfDigitalGaugeBackgroundColor">Blue</Color> 
                    <Color x:Key="SfDigitalGaugeDisabledSegmentColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfDigitalGaugeCharacterStrokeColor

    Color of character stroke in digital gauge.

    SfSunburstChart

    Theme Dictionary

    Keys

    Description

    SfSunburstChartStyles

    SfSunburstChartTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfSunburstChart without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfSunburstChartTheme">CustomTheme</x:String> 
                    <Color x:Key="SfSunburstChartTitleColor">Blue</Color> 
                    <Color x:Key="SfSunburstLegendTextColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfSunburstChartBackgroundColor

    Color of sunburst background.

    SfSunburstSelectionColor

    Color of selection when segment is focused in sunburst.

    SfSunburstSelectionStrokeColor

    Color of selection stroke when segment is focused in sunburst.

    SfSunburstTooltipBorderColor

    Color of tooltip border in sunburst.

    SfSunburstTooltipBackgroundColor

    Color of tooltip background in sunburst.

    SfSunburstTooltipTextColor

    Color of tooltip text in sunburst.

    SfSparkline

    Theme Dictionary

    Keys

    Description

    SfSparklineStyles

    SfSparklineTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfSparkline without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfSparklineTheme">CustomTheme</x:String> 
                    <Color x:Key="SfSparklineAreaFillColor">Blue</Color> 
                    <Color x:Key="SfLineSparklineStrokeColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfSparklineAreaBackgroundColor

    Color of area sparkline background.

    SfLineSparklineBackgroundColor

    Color of line sparkline background.

    SfColumnSparklineBackgroundColor

    Color of column sparkline background.

    SfWinLossSparklineBackgroundColor

    Color of win loss sparkline background.

    SfSparklineMarkerBaseColor

    Color of marker base in sparkline.

    SfSparklineAxisStrokeColor

    Color of axis stroke in sparkline.

    SfSparklineRangeBandColor

    Color of range band in sparkline.

    SfWinLossSparklineStrokeColor

    Color of stroke color in sparkline.

    SfWinLossSparklineColor

    Color of win loss in sparkline.

    SfColumnSparklineStrokeColor

    Color of stroke in column sparkline.

    SfColumnSparklineColor

    Color of column sparkline.

    SfTreeMap

    Theme Dictionary

    Keys

    Description

    SfTreeMapStyles

    SfTreeMapTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfTreeMap without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfTreeMapTheme">CustomTheme</x:String> 
                    <Color x:Key="SfTreemapBackgroundColor">Blue</Color> 
                    <Color x:Key="SfTreemapGroupBorderColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfTreemapGroupBackgroundColor

    Color of group background in treemap.

    SfTreemapLeafItemBorderColor

    Color of leaf item border in maps.

    SfTreemapTooltipBackgroundColor

    Color of tooltip background in treemap.

    SfTreemapTooltipStrokeColor

    Color of tooltip stroke in treemap.

    SfTreemapTooltipTextColor

    Color of tooltip text in treemap.

    SfImageEditor

    Theme Dictionary

    Keys

    Description

    SfImageEditorStyles

    SfImageEditorTheme

    By merging this key in application resources, it is possible to customize the appearance of the SfImageEditor without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfImageEditorTheme">CustomTheme</x:String> 
                    <Color x:Key="SfImageEditorToolbarBackgroundColor">Blue</Color> 
                    <Color x:Key="SfImageEditorToolbarTextColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfImageEditorToolbarBackgroundColor

    Color of background in image editor.

    SfImageEditorToolbarTextColor

    Color of tool bar text in image editor.

    SfImageEditorToolbarBorderColor

    Color of tool bar border in image editor.

    SfImageEditorToolbarPressedColor

    Color of tool bar item background in image editor when it is in pressed state.

    SfImageEditorToolbarLineSeparatorColor

    Color of tool bar line separator in image editor.

    SfImageEditorToolbarPressedColor

    Color of tool bar item in image editor when it is selected.

    SfImageEditorDeleteBackgroundColor

    Color of delete background in image editor.

    SfImageEditorDeletePressedColor

    Color of delete background in image editor when it is in pressed state.

    SyncPrimaryColor

    Color of slider progress in image editor.

    SfImageEditorToolbarColorPaletteHighlightColor

    Color of toolbar color palette border in image editor.

    SfImageEditorBackgroundColor

    Color of ImageEditor control background.

    SfImageEditorTextPreviewerEditTextColor

    Color of Text previewer window EditText in Image editor.

    SfImageEditorTextPreviewerBackgroundColor

    Color of Text previewer window background in Image editor.

    SyncPrimaryLightColor

    Color of Text previewer window button text in Image editor.

    SfImageEditorTextPreviewerButtonBackgroundColor

    Color of Text previewer window button background in Image editor.

    SyncPrimaryForegroundColor

    Color of Text previewer window button background in Image editor when it is in pressed state.

    SfImageEditorTextPreviewerButtonTextColor

    Color of Text previewer window button text color in Image editor.

    SyncPrimaryLightColor

    Color of CheckBox stroke in Image editor.

    SfImageEditorDeleteBorderColor

    Color of delete border in Image editor.

    SfTextPreviewerButtonDisabledColor

    Color of Text previewer window button background in Image editor when it is disabled.

    SfTextPreviewerButtonDisabledTextColor

    Color of Text previewer window button text in Image editor when it is disabled.

    SfAutoComplete

    Theme Dictionary

    Keys

    Description

    SfAutoCompleteStyles

    SfAutoCompleteTheme

    By merging this key in application resources, you can customize the appearance of SfAutoComplete without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfAutoCompleteTheme">CustomTheme</x:String> 
                    <Color x:Key="SfAutoCompleteBackgroundColor">Red</Color> 
                    <Color x:Key="SfAutoCompleteTextColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Color of indicator text in AutoComplete.

    SyncPrimaryLightColor

    Color of highlighted text in AutoComplete.

    SfAutoCompleteBackgroundColor

    Background color of AutoComplete.

    SfAutoCompleteTextColor

    Text color of AutoComplete.

    SfAutoCompleteBorderColor

    Border color of AutoComplete.

    SfAutoCompleteClearButtonColor

    Color of the close button when enter the input text.

    SfAutoCompleteWatermarkColor

    Color of AutoComplete's watermark text.

    SfAutoCompleteDropDownBackgroundColor

    Background color of the drop-down box.

    SfAutoCompleteDropDownTextColor

    Text color of items in the drop-down box.

    SfAutoCompleteTokenBackgroundColor

    Background color of token.

    SfAutoCompleteTokenTextColor

    Color of token's text.

    SfAutoCompleteTokenDeleteButtonColor

    Color of token's delete button.

    SfBusyIndicator

    Theme Dictionary

    Keys

    Description

    SfBusyIndicatorStyles

    SfBusyIndicatorTheme

    By merging this key in application resources, you can customize the appearance of SfBusyIndicator without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfBusyIndicatorTheme">CustomTheme</x:String> 
                    <Color x:Key="SfBusyIndicatorTextColor">Black</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Color of the SfBusyIndicator text.

    SfButton

    Theme Dictionary

    Keys

    Description

    SfButtonStyles

    SfButtonTheme

    By merging this key in application resources, you can customize the appearance of SfButton without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfButtonTheme">CustomTheme</x:String> 
                    <Color x:Key="SyncPrimaryColor">Black</Color> 
                    <Color x:Key="SyncPrimaryForegroundColor">White</Color>
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Background color of the SfButton.

    Border color of the SfButton.

    SyncPrimaryDarkColor

    Color of the button when it is in the pressed state.

    SyncPrimaryForegroundColor

    Text color of the SfButton.

    SfSwitch

    Theme Dictionary

    Keys

    Description

    SfSwitchStyles

    SfSwitchTheme

    By merging this key in application resources, you can customize the appearance of SfSwitch without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfSwitchTheme">CustomTheme</x:String> 
                    <Color x:Key="MaterialOnTrackColor">Black</Color> 
                    <Color x:Key="MaterialOnTrackBorderColor">White</Color>
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Thumb color of the material switch in On state.

    Thumb border color of the material switch in On state.

    Track color of the Cupertino switch in On state.

    Track border color of the Cupertino switch in On state.

    Track color of the Fluent switch in On state.

    Track border color of the Fluent switch in On state.

    SyncPrimaryForegroundColor

    Thumb color of the Cupertino switch in On state.

    Thumb border color of the Cupertino switch in On state.

    Thumb color of the Fluent switch in On state.

    Thumb border color of the Fluent switch in On state.

    MaterialOffThumbColor

    Thumb color of the material switch in off state.

    MaterialOffTrackColor

    Track color of the material switch in off state.

    MaterialOffThumbBorderColor

    Thumb border color of the material switch in off state.

    MaterialOffTrackBorderColor

    Track border color of the material switch in off state.

    MaterialIndeterminateTrackColor

    Indeterminate track color of the material switch.

    MaterialIndeterminateTrackBorderColor

    Indeterminate track border color of the material switch.

    CupertinoOffThumbBorderColor

    Thumb border color of the Cupertino switch in off state.

    CupertinoOffTrackColor

    Track color of the Cupertino switch in off state.

    CupertinoOffTrackBorderColor

    Track border color of the Cupertino switch in off state.

    FluentOffThumbColor

    Thumb color of the fluent switch in off state.

    FluentOffTrackColor

    Track color of the fluent switch in off state.

    FluentOffThumbBorderColor

    Thumb border color of the fluent switch in off state.

    FluentOffTrackBorderColor

    Border color of the fluent switch in off state.

    SfBorder

    Theme Dictionary

    Keys

    Description

    SfBorderStyles

    SfBorderTheme

    By merging this key in application resources, you can customize the appearance of SfBorder without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfBorderTheme">CustomTheme</x:String> 
                    <Color x:Key="SfBorderBackgroundColor">LightGray</Color> 
                    <Color x:Key="SfBorderBorderColor">Gray</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfBorderBackgroundColor

    Background color of the border.

    SfBorderBorderColor

    Border color of the border control.

    SfCarousel

    Theme Dictionary

    Keys

    Description

    SfCarouselStyles

    SfCarouselTheme

    By merging this key in application resources, you can customize the appearance of SfCarousel without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfCarouselTheme">CustomTheme</x:String> 
                    <Color x:Key="SfCarouselBackgroundColor">White</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfCarouselBackgroundColor

    Background color of the SfCarousel.

    SfCheckBox

    Theme Dictionary

    Keys

    Description

    SfCheckBoxStyles

    SfCheckBoxTheme

    By merging this key in application resources, you can customize the appearance of SfCheckBox without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfCheckBoxTheme">CustomTheme</x:String> 
                    <Color x:Key="SfCheckBoxBackgroundColor">White</Color> 
                    <Color x:Key="SfCheckBoxTextColor">Black</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfCheckBoxUncheckedColor

    Color of unchecked item.

    SyncPrimaryColor

    Color of checked item.

    SfCheckBoxBackgroundColor

    Background color of the SfCheckBox.

    SfCheckBoxTextColor

    Text color of the SfCheckBox.

    SfChip

    Theme Dictionary

    Keys

    Description

    SfChipStyles

    SfChipTheme

    By merging this key in application resources, you can customize the appearance of SfChip without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfChipTheme">CustomTheme</x:String> 
                    <Color x:Key="SfChipBackgroundColor">LightGray</Color> 
                    <Color x:Key="SfChipBorderColor">Transparent</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfChipTextColor

    Color of the text in the SfChip.

    SfChipCloseButtonColor

    Color of the close button in SfChip.

    SfChipSelectionIndicatorColor.

    Color of the selection indicator in SfChip.

    SfChipBackgroundColor

    Background color of the SfChip.

    SfChipBorderColor

    Border color of the SfChip.

    SfChipGroup

    Theme Dictionary

    Keys

    Description

    SfChipGroupStyles

    SfChipGroupTheme

    By merging this key in application resources, you can customize the appearance of SfChipGroup without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfChipGroupTheme">CustomTheme</x:String> 
                    <Color x:Key="SfChipGroupBackgroundColor">Blue</Color> 
                    <Color x:Key="SfChipBorderColor">Transparent</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfChipGroupTextColor

    Color of the text in SfChipGroup.

    SfChipGroupCloseButtonColor

    Color of the close button in SfChipGroup.

    SfChipSelectionIndicatorColor.

    Color of the selection indicator in SfChipGroup.

    SfChipGroupBackgroundColor

    Background color of SfChipGroup.

    SfChipGroupBorderColor

    Border color of SfChipGroup.

    SyncPrimaryColor

    Background color of the selected chip in SfChipGroup.

    SyncPrimaryForegroundColor

    Text color of the selected chip in SfChipGroup.

    SfComboBox

    Theme Dictionary

    Keys

    Description

    SfComboBoxStyles

    SfComboBoxTheme

    By merging this key in application resources, you can customize the appearance of SfComboBox without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfComboBoxTheme">CustomTheme</x:String> 
                    <Color x:Key="SfComboBoxBackgroundColor">White</Color> 
                    <Color x:Key="SfComboBoxTextColor">Black</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Color of indicator text in ComboBox.

    SyncPrimaryLightColor

    Color of highlighted text in ComboBox.

    SfComboBoxBackgroundColor

    BackgroundColor of SfComboBox.

    SfComboBoxTextColor

    Text color of SfComboBox.

    SfComboBoxBorderColor

    Border color of SfComboBox.

    SfComboBoxClearButtonColor

    Color of the close button in SfComboBox.

    SfComboBoxWatermarkColor

    Color of the watermark's text in SfComboBox.

    SfComboBoxDropDownBackgroundColor

    Background color of the suggestion box in SfComboBox.

    SfComboBoxSelectedDropDownItemColor

    Color of the suggestion box's item in SfComboBox.

    SfComboBoxDropDownTextColor

    Color of the suggestion box's text in SfComboBox.

    SfComboBoxTokenBackgroundColor

    Background color of the token in SfComboBox.

    SfComboBoxTokenTextColor

    Color of the token's text in SfComboBox.

    SfComboBoxTokenDeleteButtonColor

    Color of the token's delete button in SfComboBox.

    SfComboBoxDropDownButtonBackgroundColor

    Background color of the drop-down button in SfComboBox.

    SfComboBoxDropDownButtonTextColor

    Color of the drop-down button's text in SfComboBox.

    SfComboBoxHighlightedDropDownButtonBackgroundColor

    Highlighted Background color of the drop-down button in SfComboBox.

    SfNavigationDrawer

    Theme Dictionary

    Keys

    Description

    SfNavigationDrawerStyles

    SfNavigationDrawerTheme

    By merging this key in application resources, you can customize the appearance of SfNavigationDrawer without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfNavigationDrawerTheme">CustomTheme</x:String> 
                    <Color x:Key="SfNavigationDrawerBackgroundColor">Black</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfNavigationDrawerBackgroundColor

    Background color of the SfNavigationDrawer.

    SfPicker

    Theme Dictionary

    Keys

    Description

    SfPickerStyles

    SfPickerTheme

    By merging this key in application resources, you can customize the appearance of SfPicker without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfPickerTheme">CustomTheme</x:String> 
                    <Color x:Key="SfPickerBackgroundColor">Black</Color> 
                    <Color x:Key="SfPickerBorderColor">Red</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Background color of header in SfPicker.

    SyncPrimaryLightColor

    Color of SelectedItem's text in SfPicker.

    SyncPrimaryForegroundColor

    Color of Header's text in SfPicker.

    SfPickerUnselectedItemTextColor

    Color of UnSelectedItem's text in SfPicker.

    SfPickerColumnHeaderTextColor

    Color of column header's text in SfPicker.

    SfPickerColumnHeaderBackgroundColor

    Background color of theColumn header in SfPicker.

    SfPickerSelectionBackgroundColor

    Background color of the selected item in SfPicker.

    SfPickerBackgroundColor

    Background color of the SfPicker.

    SfPickerBorderColor

    Border color of the SfPicker.

    SfRadioButton

    Theme Dictionary

    Keys

    Description

    SfRadioButtonStyles

    SfRadioButtonTheme

    By merging this key in application resources, you can customize the appearance of SfRadioButton without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfRadioButtonTheme">CustomTheme</x:String> 
                    <Color x:Key="SfRadioButtonBackgroundColor">White</Color> 
                    <Color x:Key="SfRadioButtonTextColor">Black</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Color of checked item.

    SfRadioButtonUncheckedColor

    Color of unchecked item.

    SfRadioButtonBackgroundColor

    Background color of the SfRadioButton.

    SfRadioButtonTextColor

    Text color of the SfRadioButton.

    SfRadialMenu

    Theme Dictionary

    Keys

    Description

    SfRadialMenuStyles

    SfRadialMenuTheme

    By merging this key in application resources, you can customize the appearance of SfRadialMenu without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfRadialMenuTheme">CustomTheme</x:String> 
                    <Color x:Key="SfRadialMenuCenterButtonBackgroundColor">Gray</Color> 
                    <Color x:Key="SfRadialMenuCenterButtonTextColor">White</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfRadialMenuPressedColor

    Selection color of SfRadialMenu.

    SfRadialMenuCenterButtonBorderColor

    Color of the center button's border in SfRadialMenu.

    SfRadialMenuCenterButtonBackgroundColor

    Color of the center button's background in SfRadialMenu.

    SfRadialMenuCenterButtonTextColor

    Color of the center button's text in SfRadialMenu.

    SfRadialMenuRimColor

    Color of the rim when tap the center button of SfRadialMenu.

    SfRadialMenuSeparatorColor

    Color of separator that appears between two items in SfRadialMenu.

    SfRadialMenuTextColor

    Color of RadialMenu's text.

    SfRadialMenuIconFontColor

    Color of font icon in SfRadialMenu.

    SfRangeSlider

    Theme Dictionary

    Keys

    Description

    SfRangeSliderStyles

    SfRangeSliderTheme

    By merging this key in application resources, you can customize the appearance of SfRangeSlider without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfRadialMenuTheme">CustomTheme</x:String> 
                    <Color x:Key="SfRangeSliderBackgroundColor">White</Color> 
                    <Color x:Key="SfRangeSliderTickColor">Gray</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Selection color of track in SfRangeSlider.

    Knob color in SfRangeSlider

    SfRangeSliderBackgroundColor

    Background color of SfRangeSlider.

    SfRangeSliderTickColor

    Color for ticks in SfRangeSlider.

    SfRangeSliderLabelColor

    Color of SfRangeSlider's label.

    SfRangeSliderUnselectedTrackColor

    Color of unselected track in SfRangeSlider.

    SfRangeSliderToolTipBackgroundColor

    Background color of tooltip in SfRangeSlider.

    SfRangeSliderToolTipTextColor

    Color of tooltip's text in SfRangeSlider.

    SfRating

    Theme Dictionary

    Keys

    Description

    SfRatingStyles

    SfRatingTheme

    By merging this key in application resources, you can customize the appearance of SfRating without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfRatingTheme">CustomTheme</x:String> 
                    <Color x:Key="SfRatingUnratedFillColor">White</Color> 
                    <Color x:Key="SfRatingUnratedStrokeColor">Green</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Stroke color of rated items.

    Fill color of rated items.

    SfRatingTooltipBackgroundColor

    Background color of the tooltip in SfRating.

    SfRatingTooltipTextColor

    Text color inside the tooltip in SfRating.

    SfRatingUnratedFillColor

    Fill color for unrated items in SfRating.

    SfRatingUnratedStrokeColor

    Stroke color for unrated items in SfRating.

    SfRotator

    Theme Dictionary

    Keys

    Description

    SfRotatorStyles

    SfRotatorTheme

    By merging this key in application resources, you can customize the appearance of SfRotator without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfRotatorTheme">CustomTheme</x:String> 
                    <Color x:Key="SfRotatorUnselectedDotColor">White</Color> 
                    <Color x:Key="SfRotatorDotsBorderColor">Gray</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryColor

    Color of selected dots in SfRotator.

    SfRotatorUnselectedDotColor

    Color of Unselected dots in SfRotator.

    SfRotatorDotsBorderColor

    Color of dots border in SfRotator.

    SfSegmentedControl

    Theme Dictionary

    Keys

    Description

    SfSegmentedControlStyles

    SfSegmentedControlTheme

    By merging this key in application resources, you can customize the appearance of SfSegmentedControl without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfSegmentedControlTheme">CustomTheme</x:String> 
                    <Color x:Key="SfSegmentedControlBorderColor">Gray</Color> 
                    <Color x:Key="SfSegmentColor">White</Color> 
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SyncPrimaryForegroundColor

    Text color of selected item in the SfSegmentedControl.

    SfSegmentFontIconFontColor

    Color of font icon in the SfSegmentedControl.

    SfSegmentFontColor

    Color of font in the SfSegmentedControl.

    SfSegmentedControlBorderColor

    Color of segment's border in the SfSegmentedControl.

    SfSegmentColor

    Color of segment in the SfSegmentedControl.

    SyncPrimaryColor

    Background color of the selected item in the SfSegmentedControl.

    SfTabView

    Theme Dictionary

    Keys

    Description

    SfTabViewStyles

    SfTabViewTheme

    By merging this key in application resources, you can customize the appearance of SfTabView without merging common theme resource and control style resource dictionaries.
  • XAML
  • <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
                 ...>
    <Application.Resources>
        <syncCore:SyncfusionThemeDictionary>
            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <x:String x:Key="SfTabViewTheme">CustomTheme</x:String> 
                    <Color x:Key="SfTabItemFontColor">Red</Color>  
                </ResourceDictionary>
            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>
        </syncCore:SyncfusionThemeDictionary>
    </Application.Resources>
    
    ....
    
    </Application>


    SfTabItemFontColor

    Font color of title in SfTabView.

    Font color of font icon in SfTabView.

    SyncPrimaryColor

    Background color of tab header in SfTabView.

    SyncPrimaryForegroundColor

    Selection color of tab item in SfTabView.

    Color of selection indicator in SfTabView.