以前面向智能手机的标准主题只有黑色，但从2018Summer开始，面向智能手机的标准主题添加了白色主题。
如果使用2018Spring及以前版本来创建面向智能手机的页面，则当用户切换为白色主题时可能会显示非预期的外观。
已对iAP的现有页面进行了下述的修改。

首先，请确认每个主题模块的外观差异。以下是每个主题的颜色信息。

【样本集（Swatch Sets）的外观】
・https://www.intra-mart.jp/document/library/iap/public/development/script_programming_guide/texts/application/im_sp/smartphone_theme/index.html#%E3%83%86%E3%83%BC%E3%83%9E%E3%81%A8%E3%82%B9%E3%82%A6%E3%82%A9%E3%83%83%E3%83%81

【黑色主题】
theme_black.PNG

【白色主题】
theme_white.PNG

【如何判断是否需要修改】
想要支持白色主题时，如果符合以下任意一个情况，则白色主题中的布局可能会崩坏。
不使用jQueryMobile的样本（Swatch），且有通过特有的css和js来指定了颜色信息的地方
例：background-color 和 text-shadow 的颜色信息
使用或者自己创建在白色背景中不能显示的图标
例：im-smart-icon-common-32-mail、im-smart-icon-common-32-more 等主要是放置在页脚的图标
存在指定了data-theme="c"的地方
首先，通过上述方法判断了是否有需要修改的地方。如果需要修改，请进行以下操作。


【修改方法】
■　不使用jQueryMobile的样本（Swatch），且有通过特有的css和js来指定了颜色信息的地方时的修改方法

・通过特有的css和js来指定了颜色信息时，不管选择什么主题，都将设置为固定的颜色。因此，请考虑不使用特有css，而使用样本（Swatch）。（使用data-theme的修改）

・如果无法进行使用data-theme的修改，请对特有css进行白色主题用的处理。在白色主题中，im_theme_smartphone_white的类会被赋予给body元素。请使用此类，创建白色主题用的css。

・检查整个页面的布局后，如果判断不需要修改，则不需要任何操作。


■　使用或者自己创建在白色背景中不能显示的图标时的修改方法

・切换为白色主题后，以白色为基调的图标可能会看不到（或看不清楚）。使用特有的图标的情况下，请创建在白色主题和黑色主题中都能看到的图标。
・iAP的图标通过在灰色背景上面添加了白色线条，让它在两个主题中都能看到。使用现有的图标的情况下，请使用向现有的类名添加“-2”的类。例：如果已指定im-smart-icon-common-32-home，则指定im-smart-icon-common-32-home-2 
・在显示图标的元素中未指定data-theme="a" 或者 data-theme=”c”的地方，背景不会设置为白色，所以不需要修改。


■　存在指定了data-theme="c"的地方时的修改方法

・白色主题时，指定了data-theme="c"的地方将显示为黑色。iAP的页面即使在使用白色主题时，也想要让它显示为白色，因此已指定data-theme=”d”。 
通过指定d，黑色主题时和白色主题时都可以让元素背景颜色显示为白色。
・如果判断为黑色也没问题，就不需要任何操作。


■　不符合上述情况时的处理
・上述的说明都是在iAP页面上发生的问题的解决方法。虽然认为除了上述以外没有其他问题，但请看白色主题的页面，并确认在白色主题时不会显示非预期的外观。

-- 适用对象 ----------------------------------------------------------------
iAP/Accel Platform/2018 Summer及以后版本
--------------------------------------------------------------------------------

FAQID:692