GWT のテーマを指定する方法

Slim3 + GWT でアプリを開発していて「DialogBox の背景が透明になっていて変だな」と思っていたら、それは GWT のテーマを適用していないからでした。

下記のように、メインのモジュールでテーマを指定してやれば、オサレな DialogBox が表示されるようになります。

<?xml version="1.0" encoding="UTF-8"?>
<!-- Could not determine the version of your GWT SDK; using the module DTD from GWT 1.6.4. You may want to change this. -->
<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 1.6.4//EN" "http://google-web-toolkit.googlecode.com/svn/tags/1.6.4/distro-source/core/src/gwt-module.dtd">
<module rename-to='main'>
        <inherits name="com.google.gwt.user.User" />
        <inherits name="org.slim3.gwt.emul.S3Emulation" />

        <!--GWT のテーマを指定-->
        <inherits name="com.google.gwt.user.theme.chrome.Chrome" />

        <entry-point class="sample.client.Main"/>
        <source path="client"/>
        <source path="shared"/>
</module>

ちなみに、テーマは Default・Chrome・Dark があるみたい。

• Step 7: Apply Style - Google Web Toolkit — Google Developers

個人的に、Chrome がシンプルで使いやすいと思います。

それにしても、デフォルトでテーマを設定してくれればいいのに。