Text block style used for Settings app items

Apptacular Apps 386 Reputation points
2020-06-20T19:34:43.127+00:00

I know there are 7 different styles available but does anyone know which text block style is used for the items in the Windows 10 Settings app? I want to ensure my app gets successfully uploaded to the Store without braking any rules. 

<TextBlock Text="Header" Style="{StaticResource HeaderTextBlockStyle}"/>  
<TextBlock Text="SubHeader" Style="{StaticResource SubheaderTextBlockStyle}"/>  
<TextBlock Text="Title" Style="{StaticResource TitleTextBlockStyle}"/>  
<TextBlock Text="SubTitle" Style="{StaticResource SubtitleTextBlockStyle}"/>  
<TextBlock Text="Base" Style="{StaticResource BaseTextBlockStyle}"/>  
<TextBlock Text="Body" Style="{StaticResource BodyTextBlockStyle}"/>  
<TextBlock Text="Caption" Style="{StaticResource CaptionTextBlockStyle}"/>

10416-settings-page.png

Universal Windows Platform (UWP)
0 comments
Accepted answer
  1. Richard Zhang-MSFT 6,936 Reputation points
    2020-06-22T02:33:42.393+00:00

    Hello,

    Welcome to Microsoft Q&A

    After testing, the title and description of a single setting item are {BodyTextBlockStyle} and {CaptionTextBlockStyle}.

    Among them, the font color of the description is Gray (in Dark mode).

    The code looks like this: 

    <StackPanel>  
    <TextBlock Style="{StaticResource BodyTextBlockStyle}" Text="System"/>  
    <TextBlock Style="{StaticResource CaptionTextBlockStyle}" Text="Display, sound, notifications, power" Foreground="Gray" Margin="0,1.5,0,0"/>  
</StackPanel>

    But in fact, the text styles provided by default are limited. You can flexibly create a variety of font styles according to your needs, in order to achieve a variety of typography.

    If you want to know more about styles, you can check this document:

    Thanks.

    0 comments

0 additional answers

Sort by: Most helpful
Most helpful Newest Oldest

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.