助讯通 WaleChat 文档中心































助讯通 ( WaleChat ) 主题 配置

test result

如上图中,针对客户端的主题色彩配置,只需编辑以下 xml 文件模板,之后,上传到某个能下载的网站下,并将下载地址填入到如上图的 主题 URL 设置框中即可;
注意:请同时制作一个界面色彩效果的缩略图,上传到以上相同的位置,并将该缩略图下载网址置入到以下的 xml 文件的 Thumbnail 节点中:

<Thumbnail>https://www.walechat.com/theme/white.png</Thumbnail>

下载主题包官方配置模板

点击下载 主题包 配置模板 ,可以基于此配置包修改扩展自己的主题。


xml 文件模板

以下模板文件中,是一套配色的 "theme" 节点值,都是类似于 0,20,50 这样的形式,其分别代表颜色 Red、Green、Blue 红绿蓝三色值。
要增加多套颜色主题,只需配置添加多个 "theme" 即可,以下双斜框 // 开头的文字是说明,编辑 xml 时,请去掉:

<?xml version="1.0" encoding="utf-8" ?>
<themelist>

    <theme name="Indigo" android="true">

        // 主题名称
        <extra>深蓝色</extra>

        // 顶部状态条的背景色
        <ActionBarColor>0,20,50</ActionBarColor>

        // 顶部状态条上图标的颜色色
        <ActionBarIconColor>100,160,200</ActionBarIconColor>

        // 顶部状态条上的文字颜色
        <ActionBarTextColor>255,255,255</ActionBarTextColor>

        // 顶部状态条的新消息数数字颜色
        <ActionBarNumberTextColor>255,255,255</ActionBarNumberTextColor>

        <TabbarIconNormalColor>255,255,255</TabbarIconNormalColor>
        <TabbarIconOverColor>100,160,200</TabbarIconOverColor>
        <EditHintTextColor>25,60,100</EditHintTextColor>

        <ContentBackgroundColor>10,40,70</ContentBackgroundColor>
        <ContentBackgroundColorLight>20,50,80</ContentBackgroundColorLight>
        <ContentBackgroundColorDeeper>0,30,60</ContentBackgroundColorDeeper>

        <ContentBackgroundColorFrom>50,85,130</ContentBackgroundColorFrom>
        <ContentTextColorFrom>233,233,233</ContentTextColorFrom>
        <ContentBackgroundColorTo>30,65,110</ContentBackgroundColorTo>
        <ContentTextColorTo>233,233,233</ContentTextColorTo>

        <ContentTimeColor>85,115,160</ContentTimeColor>
        <ContentTimeColorFrom>85,115,160</ContentTimeColorFrom>
        <ContentTimeColorTo>60,95,140</ContentTimeColorTo>

        <ContentTextColor>220,220,220</ContentTextColor>
        <ContentTextLinkColor>100,130,240</ContentTextLinkColor>
        <ContentTextColorLight>100,160,200</ContentTextColorLight>

        <ContentIconColor>150,150,150</ContentIconColor>
        <ContentMoreIconColor>40,70,100</ContentMoreIconColor>

        <Thumbnail>https://www.walechat.com/theme/indigo.png</Thumbnail>

        <ThemeStyle>dark</ThemeStyle>

    </theme>

</themelist>


WaleChat 文档中心
Powered by WaleHelp.com