AndroidのtimePickerDialogの文字や背景色を変えたい

AndroidStudio4.0にて、timePickerDialogのヘッダーの色や時計の円の周りの色（白い部分）をxmlにて変えたいと思っています。

styles.xmlを記載します。

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:alertDialogTheme">@style/MyAlertDialogStyle</item>
<!--↓コピペ個所↓-->
        <item name="android:timePickerDialogTheme">@style/MyTimePickerDialogStyle</item>
<!--↑コピペ個所↑-->
    </style>
    <style name="MyAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert">
    <item name="colorAccent">@android:color/holo_blue_dark</item>
    <item name="android:background">@android:color/white</item>
    <item name="android:textColorPrimary">@android:color/black</item>
    </style>
<!--↓コピペ個所↓-->　　
   <style name="MyTimePickerDialogStyle" parent="@style/ThemeOverlay.AppCompat.Dialog.Alert">
        <item name="showTitle">false</item>
        <item name="colorControlActivated">#ffd600</item>
        <item name="colorAccent">#b71c1c</item>
        <item name="android:textColorPrimary">#43a047</item>
        <item name="android:textColorSecondary">#f44336</item>
    </style>
<!--↑コピペ個所↑-->
</resources>

下記のページの答えをコピペ（ソースの太文字）してみたのですが、
https://stackoverrun.com/ja/q/9002961
colorAccentの色を指定しても灰色のままです。何が邪魔をしているでしょうか？
それと時計の円の外の白い部分を青色(#0000ff)にしたいなと思ってます。
方法を教えていただけませんか？
・ページに載ってるtimePickerDialog