网站菜单

theme目录下的css文件是SimUI的主题文件。主题文件可以自由新增和修改。

  • 主题文件的文件名将会作为标题显示在SimUI的主题列表中。
  • 如果要新增主题,可以将现有主题文件复制一份,进行修改。
  • 新增主题时,主题文件第一句html:theme(唯一标识) 中的唯一标识不能和其他主题文件重复。
  • 文件中的 /**/ 内容是注释行。
  • 主题所用到的图片文件建议和主题文件放到同目录下。
  • 文件编码必须是UTF-8

主题文件参数说明

html:theme(myid) {

    /* 主窗体背景图片 */
    var(window-background-image) : dark_bg.jpg;

    /* rom列表区域背景颜色 */
    var(center-background-color) : #383838;

    /* rom列表区域边界阴影颜色 */
    var(center-box-shadow-color) : #333;

    /* 攻略窗口背景图片 */
    var(desc-background-image) : dark_bg.jpg;

    /* rom列表默认缩略图 */
    var(default-thumb-image) : 黑色.png;

    /* 主窗体透明度 */
    var(window-opacity) :1;

    /* 内容区域透明度 */
    var(body-opacity) : 0.9;

    /* 主窗体外边框颜色 */
    var(window-outside-border-color) : #0d0d0d;

    /* 主窗体内边框颜色 */
    var(window-inside-border-color) : #6e6e6e;

    /* logo文字颜色 */
    var(logo-text-color) : #FFF;

    /* 侧边栏背景颜色 */
    var(sidebar-background-color) : #575757;

    /* 侧边栏文本颜色 */
    var(sidebar-title-text-color):#999;

    /* 左侧文件夹列表分割线颜色 */
    var(menu-separator-color) : #5f5f5f;

    /* 左侧文件夹列表文本颜色 */
    var(menu-text-color) : #fff;

    /* 左侧文件夹列表活动文本颜色 */
    var(menu-active-text-color) : #fff;

    /* 左侧文件夹列表活动背景颜色 */
    var(menu-active-background-color) : #1366cc;

    /* 标题栏背景颜色 */
    var(titlebar-background-color) : #2d2d2d;

    /* 标题栏按钮背景颜色 */
    var(titlebar-button-background-color) : #373737;

    /* 标题栏按钮文本颜色 */
    var(titlebar-button-text-color) : #fff;

    /* 平台按钮背景颜色 */
    var(platform-background-color) : #373737;

    /* 平台按钮文本颜色 */
    var(platform-text-color) : #fff;

    /* 平台下拉按钮边框(高亮)颜色 */
    var(platform-arrow-border-light) : #3f3f3f;

    /* 平台下拉按钮边框(阴影)颜色 */
    var(platform-arrow-border-dark) : #2f2f2f;

    /* 平台下拉按钮活动文本颜色 */
    var(platform-active-background-color) : #1366cc;

    /* 状态栏文本颜色 */
    var(statebar-text-color) : #999;

    /* 状态栏背景颜色 */
    var(statebar-background-color) : #4a4949;

    /* 状态栏按钮文本颜色 */
    var(statebar-button-text-color) : #999;

    /* 状态栏按钮背景颜色 */
    var(statebar-button-background-color) : #444;

    /* 搜索栏背景颜色 */
    var(search-background-color) : #444;

    /* 搜索栏输入文本颜色 */
    var(search-input-text-color) : #999;

    /* 搜索栏图标颜色 */
    var(search-ico-text-color) : #bababa;

    /* 公用下拉菜单边框颜色 */
    var(context-border-color) : #666;

    /* 公用下拉菜单文本颜色 */
    var(context-text-color) : #ccc;

    /* 公用下拉菜单奇数行背景颜色 */
    var(context-odd-background-color) : #323232;

    /* 公用下拉菜单偶数行背景颜色 */
    var(context-even-background-color) : #383838;

    /* 公用下拉菜单鼠标指向文本颜色 */
    var(context-hover-text-color) : #fff;

    /* 公用下拉菜单鼠标指向背景颜色 */
    var(context-hover-background-color) : #585757;

    /* 右侧边栏功能按钮文本颜色 */
    var(func-button-text-color) : #adb5bd;

    /* 右侧边栏功能按钮活动文本颜色 */
    var(func-button-active-text-color) : yellow;

    /* 右侧边栏功能按钮背景颜色 */
    var(func-button-background-color) : #444444;

    /* 右侧边栏功能按钮鼠标指向背景颜色 */
    var(func-button-hover-background-color) : #4a4a4a;

    /* 右侧边栏功能按钮禁用状态文本颜色 */
    var(func-button-disable-text-color) : #adb5bd;

    /* 右侧边栏模拟器选择 文本颜色 */
    var(sim-switch-text-color) : #333;

    /* 右侧边栏模拟器选择 鼠标指向文本颜色 */
    var(sim-switch-hover-text-color) : #444;

    /* 右侧边栏模拟器选择 活动文本颜色 */
    var(sim-switch-active-text-color) : #FFF;

    /* 右侧边栏模拟器选择 活动背景颜色 */
    var(sim-switch-active-background-color) : #666;

    /* 右侧边栏游戏启动按钮 文本颜色 */
    var(run-button-text-color) : #FFF;

    /* 右侧边栏游戏启动按钮 背景颜色 */
    var(run-button-background-color) : #1366cc;

    /* 右侧边栏游戏启动按钮 鼠标指向文本颜色 */
    var(run-button-hover-text-color) : #FFF;

    /* 右侧边栏游戏启动按钮 鼠标指向背景颜色 */
    var(run-button-hover-background-color) : #5088c7;

    /* 右侧边栏游戏启动按钮 活动文本颜色 */
    var(run-button-active-text-color) : #FFF;

    /* 右侧边栏游戏启动按钮 活动背景颜色 */
    var(run-button-active-background-color) : #4276b2;

    /* 右侧边栏简介 边框颜色 */
    var(right-doc-border-color) : #666;

    /* 右侧边栏简介 文本颜色 */
    var(right-doc-text-color) : #ccc;

    /* 右侧边栏简介 背景颜色 */
    var(right-doc-background-color) : #575757;

    /* 字母索引 文本颜色 */
    var(num-index-text-color) : #666;

    /* 字母索引 鼠标指向文本颜色 */
    var(num-index-hover-text-color) : #FFF;

    /* 字母索引 活动文本颜色 */
    var(num-index-active-text-color) : #FFF;

    /* rom模块 文本颜色 */
    var(rom-block-text-color) : #ccc;

    /* rom模块 背景颜色 */
    var(rom-block-background-color) : #666;

    /* rom模块 鼠标指向阴影 */
    var(rom-block-hover-box-shadow-color) : #222;

    /* rom模块 活动边框颜色 */
    var(rom-block-active-border-color) : #1366cc;

    /* rom列表 奇数行文本颜色 */
    var(rom-list-odd-text-color) : #FFF;

    /* rom列表 奇数行背景颜色 */
    var(rom-list-odd-background-color) : #323232;

    /* rom列表 偶数行文本颜色 */
    var(rom-list-even-text-color) : #FFF;

    /* rom列表 偶数行背景颜色 */
    var(rom-list-even-background-color) : #383838;

    /* rom列表 活动文本颜色 */
    var(rom-list-active-text-color) : #FFF;

    /* rom列表 活动背景颜色 */
    var(rom-list-active-background-color) : #1366cc;

    /* rom列表 分类文本颜色 */
    var(rom-list-cate-text-color) : #79828b;

    /* 攻略窗口 背景颜色 */
    var(desc-background-color) : #444;

    /* 攻略窗口 标题栏 文本颜色 */
    var(desc-titlebar-text-color) : #FFF;

    /* 攻略窗口 标题栏 鼠标指向背景颜色 */
    var(desc-titlebar-hover-background-color) : #333;

    /* 攻略窗口 菜单文本颜色 */
    var(desc-menu-text-color) : #FFF;

    /* 攻略窗口 菜单活动背景颜色 */
    var(desc-menu-active-background-color) : #5088c7;

    /* 攻略窗口 正文文本颜色 */
    var(desc-content-text-color) : #ccc;

    /* 攻略窗口 标题颜色 */
    var(desc-title-text-color) : #FFF;
}