# 主题替换
通过上面二章的分析,我们大概已经知道了我们的 CSS 和 JS文件是在那个地方更换的。CSS: 2.1 My Themes 和 2.5 Custom Styles;JS:3.2 horizon/_conf.html 和 3.5 horizon/_scripts.html。
另外我们还需要了解主题ACE的具体内容。下面分别介绍:ACE主题、CSS替换、JS替换。替换完后,下一章就开始HTML的具体实现。
openstack里的前端核心代码(angularJS、Jquery、bootstrap、bootswap等)都放在:horizon\static\horizon\lib 目录下。我们将ACE主题下的 asset 目录复制进来这里,并改名为:ace。以后就可以直接在这里引用它了。
- 1.概述
- 2.CSS样式引入
- 2.1 My Themes
- 2.2 Horizon
- 2.3 Angular
- 2.4 HORIZON_CONFIG.scss_files
- 2.5 Custom Styles
- 3. JS文件引入
- 31. iframe_embed_settings 标签
- 3.2 horizon/_conf.html
- 3.3 _script_loader.html
- 3.4 _custom_head_js.html
- 3.5 horizon/_scripts.html
- 4. 主题替换
- 4.1 ACE主题
- 4.2 引入ACE主题的CSS样式
- 4.3 引入ACE主题的JS文件
- 4.4 收集和压缩
- 4.5 总结
- 4.6 错误与冲突收集
- 5.错误修正
- 6.openstack里所有功能浏览
- 7.前端hightchart.js分析
- 8.命令使用