CentOS7 minimal openstack pike dashboard 页面修改教程

注：这个项目 html改了之后需要重启

1. title 图标
   
   

   image.png

• 图标文件位置
  /usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/img/favicon.ico
• 引用图标的 HTML 文件位置
  /usr/share/openstack-dashboard/openstack_dashboard/templates/500.html
/usr/share/openstack-dashboard/openstack_dashboard/templates/_stylesheets.html

2. 默认风格blance 图标

image.png

• 图标文件位置

/usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/img/logo.svg

• 引用图标的HTML文件位置
  /usr/share/openstack-dashboard/openstack_dashboard/templates/500.html 中

background: url("{% static "dashboard/img/logo.svg" %}") no-repeat scroll center 35px 

改成

background: url("{% static "dashboard/img/400x90_titleDeviceCloud_cn_white.png" %}") no-repeat scroll center 35px 

/usr/share/openstack-dashboard/openstack_dashboard/templates/header/_brand.html 中

改成

3. blance 背景改成红色

• 样式所在文件
  /usr/share/openstack-dashboard/openstack_dashboard/themes/default/_variables.scss中

$navbar-default-bg:                #eee !default;

改成

`$navbar-default-bg:                red !default;`

4. blance 里面的字和伪元素改成白色

/usr/share/openstack-dashboard/openstack_dashboard/templates/context_selection/_overview.html

 {% if domain_supported %}
 {{ domain_name }}
 
 {% endif %}
 {{ project_name }}
 {% if multi_region %}
 
 {{ region_name }}
 {% endif %}

改成

 {% if domain_supported %}
 {{ domain_name }}
 
 {% endif %}
 {{ project_name }}
 {% if multi_region %}
 
 {{ region_name }}
 {% endif %}

image.png

/usr/share/openstack-dashboard/openstack_dashboard/templates/header 中

改成

image.png

/usr/share/openstack-dashboard/openstack_dashboard/templates/header/_user_menu.html 中

改成

image.png

3. Material 风格blance图标
   

   

   image.png

4. 登录界面图标

   
   
   

   image.png

• 图标位置
  /usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/img/logo-splash.svg
• 使用图标的HTML文件位置
  /usr/share/openstack-dashboard/openstack_dashboard/themes/material/templates/auth/_splash.html(不知道为什么不是这个)
  /usr/lib/python2.7/site-packages/horizon/templates/auth/_splash.html