dialog black theme cannot be changed

dialog black theme cannot be changed

You might not have found that the dialog theme cannot even be changed, which is by default black.

The dialog header, content and footer can be changed to any other theme, but dialog page itself is fixed to be black.

Is black better for a dialog? or can it be set somewhere I don't know?

  1. <div data-role="page" data-theme="c" id="newword">
  2.                                 <div data-role="header" data-theme="b">
  3.                                         <h1>{% trans "search a word" %}</h1>
  4.                                 </div>
  5.                                 <div data-role="content" data-theme="c">
  6.                                         <h1>{% trans "Search it, then Save it" %}</h1>
  7.                                         <form action="/m/search" method="get">
  8.                                                 <div data-role="fieldcontain">
  9.                                                         <label>
  10.                                                                 <input type="text" name="query_word" value=""/>
  11.                                                         </label>
  12.                                                 </div>
  13.                                         </form>
  14.                                 </div>
  15.                         </div>
The dialog data theme c can not be applied? something wrong with my code?