title: How to style PreferenceFragmentCompat
body: <p>I'm using a <code>PreferenceFragmentCompat</code>, but I don't think it is styled correctly.</p>
  
  <p><a href="https://i.stack.imgur.com/GlyWd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/GlyWd.png" alt="enter image description here"></a></p>
  
  <p>Preferences' title seems way to big, PreferenceCategory text is unreadable, the whole think seems off.</p>
  
  <p>This is what I have in theme.xml</p>
  
  <pre><code>&lt;style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"&gt;
      ...
      &lt;item name="preferenceTheme"&gt;@style/PreferenceThemeOverlay&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="PreferenceThemeOverlay"&gt;
      &lt;item name="preferenceScreenStyle"&gt;@style/Preference.PreferenceScreen&lt;/item&gt;
      &lt;item name="preferenceFragmentStyle"&gt;@style/PreferenceFragment&lt;/item&gt;
      &lt;item name="preferenceCategoryStyle"&gt;@style/Preference.Category&lt;/item&gt;
      &lt;item name="preferenceStyle"&gt;@style/Preference&lt;/item&gt;
      &lt;item name="preferenceInformationStyle"&gt;@style/Preference.Information&lt;/item&gt;
      &lt;item name="checkBoxPreferenceStyle"&gt;@style/Preference.CheckBoxPreference&lt;/item&gt;
      &lt;item name="switchPreferenceCompatStyle"&gt;@style/Preference.SwitchPreferenceCompat&lt;/item&gt;
      &lt;item name="dialogPreferenceStyle"&gt;@style/Preference.DialogPreference&lt;/item&gt;
      &lt;item name="editTextPreferenceStyle"&gt;@style/Preference.DialogPreference.EditTextPreference
      &lt;/item&gt;
      &lt;item name="preferenceFragmentListStyle"&gt;@style/PreferenceFragmentList&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>