自定义主题

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

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

主题文件参数说明

/* 复制出新主题，一定要注意第一行的标识，不能和其他主题重复 */
html:theme(light) {

    /* 窗体背景 */
    var(center-background-color) : #d8dce3;
    var(center-box-shadow-color) : #999;

    /* 侧边栏初始化图片 */
    var(sidebar-image) : sidebar.png;

    /* 默认缩略图 */
    var(default-thumb-image) : light_thumbs.png;

    /* 窗体边框 */
    var(window-outside-border-color) : #1c2129;
    var(window-inside-border-color) : #3c4857;

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

    /* 侧边栏 */
    var(sidebar-background-color) : #fff;
    var(sidebar-title-text-color): #999;

    /* 左边栏文件夹列表 */
    var(menu-separator-color) : #e9ecef;
    var(menu-text-color) : #444;
    var(menu-active-text-color) : #fff;
    var(menu-active-background-color) : #5b93d3;

    /* 标题栏和按钮 */
    var(titlebar-background-color) : #2b333e;
    var(titlebar-button-background-color) : #313a47;
    var(titlebar-button-text-color) : #fff;


    /* 平台按钮 */
    var(platform-background-color) : #2b333e;
    var(platform-text-color) : #fff;
    var(platform-arrow-border-light) : #3d4756;
    var(platform-arrow-border-dark) : #272f3c;
    var(platform-active-background-color) : #5b93d3;

    /* 状态栏 */
    var(statebar-text-color) : #666;
    var(statebar-background-color) : #e9ecef;
    var(statebar-button-text-color) : #666;

    /* 资料筛选栏 */
    var(filter-background-color) : #FFF;
    var(filter-text-color) : #666;
    var(filter-arrow-text-color) : #ccc;
    var(filter-arrow-background-color) : #2b333e;
    var(filter-popup-text-color) : #666;
    var(filter-popup-background-color) : #FFF;
    var(filter-button-text-color) : #FFF;
    var(filter-button-background-color) : #5b93d3;

    /* 搜索栏 */
    var(search-background-color) : #d8dce3;
    var(search-input-text-color) : #999;
    var(search-ico-text-color) : #999;

    /* 下拉菜单 */
    var(context-border-color) : #666;
    var(context-text-color) : #ccc;
    var(context-odd-background-color) : #2b333e;
    var(context-even-background-color) : #3b4757;
    var(context-hover-text-color) : #fff;
    var(context-hover-background-color) : #5b93d3;
    var(context-hr-light-color) : #425062;
    var(context-hr-dark-color) : #222;

    /* 右侧边栏 TAB选项卡 */
    var(tab-text-color) : #333;
    var(tab-text-active-color) : #333;
    var(tab-text-disable-color) : #ccc;
    var(tab-background-color) : #eee;

    /* 右侧边栏 功能按钮 */
    var(func-button-text-color) : #FFF;
    var(func-button-background-color) : #5b93d3;
   
    /* 右侧边栏 模拟器选择 */
    var(sim-switch-text-color) : #333;
    var(sim-switch-hover-text-color) : #444;
    var(sim-switch-active-text-color) : #333;
    var(sim-switch-active-background-color) : #eee;
    var(sim-switch-button-background-color) : #5b93d3;
    var(sim-switch-button-text-color) : #FFF;

    /* 右侧边栏 游戏启动按钮 */
    var(run-button-text-color) : #FFF;
    var(run-button-background-color) : #5b93d3;
    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) : #0866c6;
    
    /* 右侧边栏 游戏信息和简介 */
    var(right-play-info-text-color) : #999;
    var(right-doc-border-color) : #eee;
    var(right-doc-text-color) : #444;
    var(right-doc-background-color) : #FFF;

    /* 字母索引 */
    var(num-index-text-color) : #666;
    var(num-index-hover-text-color) : #FFF;
    var(num-index-active-text-color) : #5b93d3;

    /* rom列表（模块） */
    var(rom-block-text-color) : #666;
    var(rom-block-background-color) : #FFF;
    var(rom-block-hover-box-shadow-color) : #999;
    var(rom-block-active-border-color) : #5b93d3;

    /* rom列表（列表） */
    var(rom-list-odd-text-color) : #666;
    var(rom-list-odd-background-color) : #d8dce3;
    var(rom-list-even-text-color) : #666;
    var(rom-list-even-background-color) : #e9ecef;
    var(rom-list-active-text-color) : #FFF;
    var(rom-list-active-background-color) : #5b93d3;
    var(rom-list-text-slave-color) : #666;

    /* 攻略文档窗口 */
    var(desc-content-text-color) : #444;
    var(desc-title-text-color) : #000;
    var(desc-quote-text-color) : #444;
    var(desc-quote-border-color) : #ccc;
}

主题文件参数说明

取消回复