/* * =================================================================================================== * APIClud - AUI UI 框架 流浪男 QQ:343757327 http://www.auicss.com * Verson 2.0.0 自定义主题样式 * explain:自定义主题样式可以完成AUI内所有背景、控件颜色、字号等的修改,可以方便快速的搭建属于自己项目的一套主题色 * =================================================================================================== */ /*body背景色及色值*/ body { color: #212121; background-color: #f5f5f5; } p { color: #757575; } a { color: #0062cc; } .aui-text-default { color: #212121 !important; } .aui-bg-default { background-color: #f5f5f5 !important; } /*label*/ .aui-label { padding: 0.3em 0.35em; font-size: 0.6rem; color: #616161; background-color: #e0e0e0; } .aui-label-outlined { border: 1px solid #d9d9d9; background-color: transparent; } .aui-label .aui-iconfont { font-size: 0.6rem; } /*角标*/ .aui-badge { color: #ffffff; background-color: #ff2600; } /*按钮*/ .aui-btn { color: #212121; background: #e0e0e0; } .aui-btn:active { color: #212121; background-color: #bdbdbd; } .aui-btn-outlined { background: transparent; border: 1px solid #bdbdbd; } .aui-btn-outlined:active { background: transparent; } /*tab*/ .aui-tab .aui-tab-item { height: 2.2rem; line-height: 2.2rem; font-size: 0.7rem; color: #212121; background-color: #ffffff; } /*tab选中时样式*/ .aui-tab .aui-tab-item.aui-active { color: #039be5; border-bottom: 2px solid #039be5; } /*单选选中样式*/ .aui-radio:checked, .aui-radio.aui-checked { background-color: #03a9f4; border: solid 1px #03a9f4; } /* 单选选中时中间对号颜色*/ .aui-radio:checked:before, .aui-radio.aui-checked:before, .aui-radio:checked:after, .aui-radio.aui-checked:after { border-color: #ffffff; } /*多选选中样式*/ .aui-checkbox:checked, .aui-checkbox.aui-checked { background-color: #03a9f4; border: solid 1px #03a9f4; } /* 多选选中时中间对号颜色*/ .aui-checkbox:checked:before, .aui-checkbox.aui-checked:before, .aui-checkbox:checked:after, .aui-checkbox.aui-checked:after{ border-color: #ffffff; } /*滑动开关*/ .aui-switch:checked { border-color: #03a9f4; background-color: #03a9f4; } /*滑动开关圆圈颜色*/ .aui-switch:before { background-color: #ffffff; } /*顶部导航栏*/ .aui-bar-nav { background-color: #03a9f4; color: #ffffff; } .aui-bar-nav .aui-iconfont { color: #ffffff; } .aui-bar-nav .aui-btn .aui-iconfont { color: #ffffff; } /*浅色顶部导航拦*/ .aui-bar-light { color: #03a9f4; background-color: #ffffff; } .aui-bar.aui-bar-light .aui-iconfont { color: #03a9f4; } .aui-bar.aui-bar-light .aui-btn-outlined { border-color: #03a9f4; } /*底部工具栏*/ .aui-bar-tab { background-color: #ffffff; color: #757575; } /*底部工具栏选中时颜色*/ .aui-bar-tab .aui-active { color: #039be5; } /*按钮工具栏*/ .aui-bar-btn .aui-bar-btn-item { border-color: #03a9f4; color: #212121; } .aui-bar-btn .aui-bar-btn-item.aui-active { background-color: #03a9f4; color: #ffffff; } /*顶部导航存在按钮组工具栏时样式*/ .aui-bar-nav .aui-bar-btn-item { border-color: #ffffff; } /*浅色顶部导航存在按钮组工具栏时样式*/ .aui-bar-nav.aui-bar-light .aui-bar-btn-item { border-color: #03a9f4; } /*顶部导航存在按钮组工具栏时选中样式*/ .aui-bar-nav .aui-bar-btn .aui-bar-btn-item.aui-active { background-color: #ffffff; color: #03a9f4; } /*浅色顶部导航存在按钮组工具栏时选中样式*/ .aui-bar-nav.aui-bar-light .aui-bar-btn .aui-bar-btn-item.aui-active { background-color: #03a9f4; color: #ffffff; } /*进度条*/ .aui-progress { background-color: #f0f0f0; } /*进度条色带*/ .aui-progress .aui-progress-bar { background-color: #03a9f4; } /*滑块*/ .aui-range input[type='range']{ /*滑块线条背景色*/ background-color: #f0f0f0; } .aui-range input[type='range']::-webkit-slider-thumb { /*滑块圆圈样式*/ border-color: #03a9f4; background-color: #03a9f4; } /*提示条*/ .aui-tips { background-color: rgba(0,0,0,.6); } /*搜索条*/ .aui-searchbar { background-color: #ebeced; color: #9e9e9e; } /*列表背景色*/ .aui-list .aui-list-item { color: #212121; background-color: #ffffff; } /*列表头部*/ .aui-list .aui-list-header { background-color: #e0e0e0; color: #212121; } /*列表项内Ttitle标题*/ .aui-list .aui-list-item-title { font-size: 0.8rem; color: #212121; } /*列表文本区域字体*/ .aui-list .aui-list-item-text { font-size: 0.7rem; color: #757575; } /*列表右侧箭头*/ .aui-list-item-arrow:before { border-color: #dddddd; } /*列表右侧其他信息字体颜色*/ .aui-list .aui-list-item-right, .aui-list-item-title-row em { color: #757575; } /*列表线条颜色*/ .aui-list:before, .aui-list:after, .aui-list .aui-list-item:after, .aui-list.aui-list-in .aui-list-item-inner:after { background-color: #dddddd; } /*列表项点击颜色*/ .aui-list .aui-list-item:active { background-color: #f5f5f5; } /*媒体列表布局左(右)媒体宽度控制*/ .aui-list .aui-list-item-media { width: 4.5rem; } /*列表内label、icon字体颜色*/ .aui-list .aui-list-item-label, .aui-list .aui-list-item-label-icon { color: #212121; } /*卡片列表顶部字体*/ .aui-card-list-header { font-size: 0.8rem; color: #212121; } /* 卡片列表内容区域*/ .aui-card-list-content, .aui-card-list-content-padded { font-size: 0.7rem; color: #212121; } /*卡片列表底部*/ .aui-card-list-footer { font-size: 0.7rem; color: #757575; } /*信息条*/ .aui-info { font-size: 0.7rem; color: #757575; background-color: transparent; } /*输入框类字体颜色*/ input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="number"], select, textarea { color: #424242; }