Reply to thread

Message

<blockquote data-quote="morpheus_xx" data-source="post: 920256" data-attributes="member: 48495">Let me describe some basic steps here, how to find the information you want. Take this as a small tour into the MP2 xaml files <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />&nbsp;Let's start to investigate the &quot;default&quot; skin. It's defined inside the &quot;SkinBase&quot; plugin.&nbsp;For buttons we check the folder structure of the &quot;SkinBase&quot; plugin:&nbsp;[CODE][SkinBase]&nbsp; Skin&nbsp; &nbsp; default (skin name)&nbsp; &nbsp; &nbsp; themes&nbsp; &nbsp; &nbsp; &nbsp; default (theme name)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; styles&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Buttons.xaml[/CODE]&nbsp;So yes, Buttons.xaml we are looking for. So next look into this xaml file:&nbsp;[CODE]....&nbsp; &lt;!-- ************************* Control styles for buttons ************************* --&gt;&nbsp;&nbsp; &lt;Style x:Key=&quot;ButtonControlStyle&quot; TargetType=&quot;{x:Type Control}&quot;&gt;&nbsp; &nbsp; &lt;Setter Property=&quot;Template&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;Setter.Value&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ControlTemplate&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Rectangle x:Name=&quot;ButtonControlRectangle&quot; Stroke=&quot;{ThemeResource ButtonStrokeColor}&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; RadiusX=&quot;{ThemeResource ButtonControlRadiusX}&quot; RadiusY=&quot;{ThemeResource ButtonControlRadiusY}&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Rectangle.Fill&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RadialGradientBrush GradientOrigin=&quot;0.85,0.82&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RadialGradientBrush.RelativeTransform&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;TransformGroup&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ScaleTransform CenterX=&quot;0.5&quot; CenterY=&quot;0.5&quot; ScaleX=&quot;1.335&quot; ScaleY=&quot;1.582&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;TranslateTransform X=&quot;0.027&quot; Y=&quot;-0.006&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/TransformGroup&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/RadialGradientBrush.RelativeTransform&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;GradientStop Color=&quot;{ThemeResource ButtonGradient1Color}&quot; Offset=&quot;0&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;GradientStop Color=&quot;{ThemeResource ButtonGradient2Color}&quot; Offset=&quot;1&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/RadialGradientBrush&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Rectangle.Fill&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Rectangle&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ControlTemplate&gt;&nbsp; &nbsp; &nbsp; &lt;/Setter.Value&gt;&nbsp; &nbsp; &lt;/Setter&gt;&nbsp; &lt;/Style&gt;[/CODE]&nbsp;This is the main definition of the button &quot;background&quot;. Here is no content yet...Next:[CODE]&nbsp; &lt;!-- ***************************** Standard buttons ******************************** --&gt;&nbsp;&nbsp; &lt;Style x:Key=&quot;DefaultButtonStyle&quot; TargetType=&quot;{x:Type Button}&quot;&gt;&nbsp; &nbsp; &lt;Setter Property=&quot;Template&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;Setter.Value&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ControlTemplate&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid x:Name=&quot;GrowControl&quot; RenderTransformOrigin=&quot;0.5,0.5&quot; Margin=&quot;2&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid.ColumnDefinitions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ColumnDefinition Width=&quot;*&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Grid.ColumnDefinitions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid.RowDefinitions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RowDefinition Height=&quot;*&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Grid.RowDefinitions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid.RenderTransform&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;TransformGroup&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ScaleTransform ScaleX=&quot;1&quot; ScaleY=&quot;1&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/TransformGroup&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Grid.RenderTransform&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Control Style=&quot;{ThemeResource ButtonControlStyle}&quot; VerticalAlignment=&quot;Stretch&quot; HorizontalAlignment=&quot;Stretch&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ContentPresenter x:Name=&quot;ButtonContentPresenter&quot; Margin=&quot;10,5,10,5&quot; HorizontalAlignment=&quot;Stretch&quot; VerticalAlignment=&quot;Stretch&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Grid&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ControlTemplate.Triggers&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger Property=&quot;HasFocus&quot; Value=&quot;True&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger.EnterActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;BeginStoryboard x:Name=&quot;Focused_BeginStoryboard&quot; Storyboard=&quot;{ThemeResource FocusedButtonStoryboard}&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;SoundPlayerAction Source=&quot;button12.wav&quot; DisableOnAudioOutput=&quot;True&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger.EnterActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger.ExitActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;StopStoryboard BeginStoryboardName=&quot;Focused_BeginStoryboard&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger.ExitActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger Property=&quot;IsPressed&quot; Value=&quot;True&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger.EnterActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;BeginStoryboard x:Name=&quot;Pressed_BeginStoryboard&quot; Storyboard=&quot;{ThemeResource PressedButtonStoryboard}&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; HandoffBehavior=&quot;TemporaryReplace&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;SoundPlayerAction Source=&quot;button7.wav&quot; DisableOnAudioOutput=&quot;True&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger.EnterActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger.ExitActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;StopStoryboard BeginStoryboardName=&quot;Pressed_BeginStoryboard&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger.ExitActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger Property=&quot;IsEnabled&quot; Value=&quot;False&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger.EnterActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;BeginStoryboard x:Name=&quot;Disabled_BeginStoryBoard&quot; Storyboard=&quot;{ThemeResource DisabledButtonStoryboard}&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger.EnterActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger.ExitActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;StopStoryboard BeginStoryboardName=&quot;Disabled_BeginStoryBoard&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger.ExitActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ControlTemplate.Triggers&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ControlTemplate&gt;&nbsp; &nbsp; &nbsp; &lt;/Setter.Value&gt;&nbsp; &nbsp; &lt;/Setter&gt;&nbsp; &lt;/Style&gt;&nbsp;&nbsp; &lt;!-- Implicit default style for Button controls --&gt;&nbsp; &lt;Style BasedOn=&quot;{ThemeResource DefaultButtonStyle}&quot; TargetType=&quot;{x:Type Button}&quot;/&gt;[/CODE]The style for all generic buttons is found! There are more styles (like ButtonWideStyle, which are quite similar).&nbsp;But still no real button content, that we can change here directly. All content is replaced into this template by[CODE]&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ContentPresenter x:Name=&quot;ButtonContentPresenter&quot; Margin=&quot;10,5,10,5&quot; HorizontalAlignment=&quot;Stretch&quot; VerticalAlignment=&quot;Stretch&quot;/&gt;[/CODE]&nbsp;Now let's check where this style get's used. Do a &quot;find in project&quot; and search for 'Style=&quot;{ThemeResource ButtonWideStyle}&quot;'.&nbsp;One occurence leads to &quot;othercontrols.xaml&quot;:[CODE]&nbsp; &lt;!-- An item list container represented by a standard &quot;Button&quot;, scrolling its &quot;ItemLabel&quot; label when focused --&gt;&nbsp; &lt;Style x:Key=&quot;DefaultMenuItemContainerStyle&quot; BasedOn=&quot;{ThemeResource DefaultItemContainerStyle}&quot;&gt;&nbsp; &nbsp; &lt;Setter Property=&quot;Template&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;Setter.Value&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ControlTemplate TargetType=&quot;{x:Type ListViewItem}&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Button Style=&quot;{ThemeResource ButtonWideStyle}&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Command=&quot;{DynamicResource ResourceKey=Menu_Command}&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; IsEnabled=&quot;{Binding Enabled}&quot; SetFocus=&quot;{Binding Path=Selected,Mode=OneTime}&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Button.Triggers&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger Property=&quot;HasFocus&quot; Value=&quot;True&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Setter TargetName=&quot;ItemLabel&quot; Property=&quot;Scroll&quot; Value=&quot;Auto&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Setter Property=&quot;StackPanel.ZIndex&quot; Value=&quot;100.0&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Button.Triggers&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Button&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ControlTemplate&gt;&nbsp; &nbsp; &nbsp; &lt;/Setter.Value&gt;&nbsp; &nbsp; &lt;/Setter&gt;&nbsp; &lt;/Style&gt;[/CODE]Yes, there is a button used as a ListViewItem, in general lists (menu, media items), which uses our '&lt;Button Style=&quot;{ThemeResource ButtonWideStyle}&quot;...'&nbsp;There you find a first reference to the label, called '&lt;Setter TargetName=&quot;ItemLabel&quot; Property=&quot;Scroll&quot; Value=&quot;Auto&quot;/&gt;'. Label contains the text content. Text has a color... So next question, where is this &quot;DefaultMenuItemContainerStyle&quot; used?&nbsp;[CODE]&nbsp; &lt;!-- ListView style to be used for main menu --&gt;&nbsp; &lt;Style x:Key=&quot;MainMenuListViewStyle&quot; BasedOn=&quot;{ThemeResource DefaultListViewStyle}&quot;&gt;&nbsp; &nbsp; &lt;Setter Property=&quot;ItemTemplate&quot; Value=&quot;{ThemeResource MainMenuItemDataTemplate}&quot;/&gt;&nbsp; &nbsp; &lt;Setter Property=&quot;DataStringProvider&quot; Value=&quot;{ThemeResource MainMenuItemDataStringProvider}&quot;/&gt;&nbsp; &nbsp; &lt;Setter Property=&quot;ItemContainerStyle&quot; Value=&quot;{ThemeResource DefaultMenuItemContainerStyle}&quot;/&gt;&nbsp; &lt;/Style&gt;[/CODE]Getting better, now let's check the ItemTemplate &quot;MainMenuItemDataTemplate&quot;...&nbsp;Well, we got it (finally!):[CODE]&nbsp; &lt;DataTemplate x:Key=&quot;MainMenuItemDataTemplate&quot;&gt;&nbsp; &nbsp; &lt;DockPanel x:Name=&quot;ItemControl&quot; LastChildFill=&quot;True&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;Label x:Name=&quot;ItemLabel&quot; DockPanel.Dock=&quot;Center&quot; Content=&quot;{Binding [Name]}&quot; Color=&quot;{ThemeResource TextColor}&quot;/&gt;&nbsp; &nbsp; &lt;/DockPanel&gt;&nbsp; &lt;/DataTemplate&gt;[/CODE]There is our label, using the Color &quot;TextColor&quot;.&nbsp;When we now search for the definition of &quot;TextColor&quot; this leads us to the real color, defined inside &quot;colors.xml&quot;&nbsp;[CODE]&nbsp; &lt;!-- White --&gt;&nbsp; &lt;ResourceWrapper x:Key=&quot;TextColor&quot; Resource=&quot;White&quot;/&gt;[/CODE]&nbsp;This value you can change now to any other color, &quot;Red&quot;, &quot;Green&quot;, &quot;#FFFFFF&quot; (white), &quot;#A0FFFFFF&quot; (semi transparent white).&nbsp;As a rule of thumb, look into the .xaml files with suitable names, here &quot;color.xaml&quot; contains all definitions of main colors (or gradients).</blockquote>

[QUOTE="morpheus_xx, post: 920256, member: 48495"] Let me describe some basic steps here, how to find the information you want. Take this as a small tour into the MP2 xaml files :) Let's start to investigate the "default" skin. It's defined inside the "SkinBase" plugin. For buttons we check the folder structure of the "SkinBase" plugin: [CODE][SkinBase] Skin default (skin name) themes default (theme name) styles Buttons.xaml[/CODE] So yes, Buttons.xaml we are looking for. So next look into this xaml file: [CODE] ....  <Style x:Key="ButtonControlStyle" TargetType="{x:Type Control}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate> <Rectangle x:Name="ButtonControlRectangle" Stroke="{ThemeResource ButtonStrokeColor}" RadiusX="{ThemeResource ButtonControlRadiusX}" RadiusY="{ThemeResource ButtonControlRadiusY}"> <Rectangle.Fill> <RadialGradientBrush GradientOrigin="0.85,0.82"> <RadialGradientBrush.RelativeTransform> <TransformGroup> <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.335" ScaleY="1.582"/> <TranslateTransform X="0.027" Y="-0.006"/> </TransformGroup> </RadialGradientBrush.RelativeTransform> <GradientStop Color="{ThemeResource ButtonGradient1Color}" Offset="0"/> <GradientStop Color="{ThemeResource ButtonGradient2Color}" Offset="1"/> </RadialGradientBrush> </Rectangle.Fill> </Rectangle> </ControlTemplate> </Setter.Value> </Setter> </Style> [/CODE] This is the main definition of the button "background". Here is no content yet... Next: [CODE]  <Style x:Key="DefaultButtonStyle" TargetType="{x:Type Button}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate> <Grid x:Name="GrowControl" RenderTransformOrigin="0.5,0.5" Margin="2"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Grid.RenderTransform> <TransformGroup> <ScaleTransform ScaleX="1" ScaleY="1"/> </TransformGroup> </Grid.RenderTransform> <Control Style="{ThemeResource ButtonControlStyle}" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/> <ContentPresenter x:Name="ButtonContentPresenter" Margin="10,5,10,5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> </Grid> <ControlTemplate.Triggers> <Trigger Property="HasFocus" Value="True"> <Trigger.EnterActions> <BeginStoryboard x:Name="Focused_BeginStoryboard" Storyboard="{ThemeResource FocusedButtonStoryboard}"/> <SoundPlayerAction Source="button12.wav" DisableOnAudioOutput="True"/> </Trigger.EnterActions> <Trigger.ExitActions> <StopStoryboard BeginStoryboardName="Focused_BeginStoryboard"/> </Trigger.ExitActions> </Trigger> <Trigger Property="IsPressed" Value="True"> <Trigger.EnterActions> <BeginStoryboard x:Name="Pressed_BeginStoryboard" Storyboard="{ThemeResource PressedButtonStoryboard}" HandoffBehavior="TemporaryReplace"/> <SoundPlayerAction Source="button7.wav" DisableOnAudioOutput="True"/> </Trigger.EnterActions> <Trigger.ExitActions> <StopStoryboard BeginStoryboardName="Pressed_BeginStoryboard"/> </Trigger.ExitActions> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Trigger.EnterActions> <BeginStoryboard x:Name="Disabled_BeginStoryBoard" Storyboard="{ThemeResource DisabledButtonStoryboard}"/> </Trigger.EnterActions> <Trigger.ExitActions> <StopStoryboard BeginStoryboardName="Disabled_BeginStoryBoard"/> </Trigger.ExitActions> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style>  <Style BasedOn="{ThemeResource DefaultButtonStyle}" TargetType="{x:Type Button}"/> [/CODE] The style for all generic buttons is found! There are more styles (like ButtonWideStyle, which are quite similar). But still no real button content, that we can change here directly. All content is replaced into this template by [CODE] <ContentPresenter x:Name="ButtonContentPresenter" Margin="10,5,10,5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> [/CODE] Now let's check where this style get's used. Do a "find in project" and search for 'Style="{ThemeResource ButtonWideStyle}"'. One occurence leads to "othercontrols.xaml": [CODE]  <Style x:Key="DefaultMenuItemContainerStyle" BasedOn="{ThemeResource DefaultItemContainerStyle}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type ListViewItem}"> <Button Style="{ThemeResource ButtonWideStyle}" Command="{DynamicResource ResourceKey=Menu_Command}" IsEnabled="{Binding Enabled}" SetFocus="{Binding Path=Selected,Mode=OneTime}"> <Button.Triggers> <Trigger Property="HasFocus" Value="True"> <Setter TargetName="ItemLabel" Property="Scroll" Value="Auto"/> <Setter Property="StackPanel.ZIndex" Value="100.0"/> </Trigger> </Button.Triggers> </Button> </ControlTemplate> </Setter.Value> </Setter> </Style> [/CODE] Yes, there is a button used as a ListViewItem, in general lists (menu, media items), which uses our '<Button Style="{ThemeResource ButtonWideStyle}"...' There you find a first reference to the label, called '<Setter TargetName="ItemLabel" Property="Scroll" Value="Auto"/>'. Label contains the text content. Text has a color... So next question, where is this "DefaultMenuItemContainerStyle" used? [CODE]  <Style x:Key="MainMenuListViewStyle" BasedOn="{ThemeResource DefaultListViewStyle}"> <Setter Property="ItemTemplate" Value="{ThemeResource MainMenuItemDataTemplate}"/> <Setter Property="DataStringProvider" Value="{ThemeResource MainMenuItemDataStringProvider}"/> <Setter Property="ItemContainerStyle" Value="{ThemeResource DefaultMenuItemContainerStyle}"/> </Style> [/CODE] Getting better, now let's check the ItemTemplate "MainMenuItemDataTemplate"... Well, we got it (finally!): [CODE] <DataTemplate x:Key="MainMenuItemDataTemplate"> <DockPanel x:Name="ItemControl" LastChildFill="True"> <Label x:Name="ItemLabel" DockPanel.Dock="Center" Content="{Binding [Name]}" Color="{ThemeResource TextColor}"/> </DockPanel> </DataTemplate> [/CODE] There is our label, using the Color "TextColor". When we now search for the definition of "TextColor" this leads us to the real color, defined inside "colors.xml" [CODE]  <ResourceWrapper x:Key="TextColor" Resource="White"/> [/CODE] This value you can change now to any other color, "Red", "Green", "#FFFFFF" (white), "#A0FFFFFF" (semi transparent white). As a rule of thumb, look into the .xaml files with suitable names, here "color.xaml" contains all definitions of main colors (or gradients). [/QUOTE]

Verification