CentOS7 minimal openstack pike d

注：这个项目 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 中

<img class="openstack-logo" src="{% themable_asset 'img/logo.svg' %}" alt="{% site_branding %}">

改成

<img class="openstack-logo" src="{% themable_asset 'img/400x90_titleDeviceCloud_cn_white.png' %}" alt="{% site_branding %}">

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

<span class="fa fa-list-alt"></span>
<span class="context-overview">
 {% if domain_supported %}
 <span class="context-domain">{{ domain_name }}</span>
 <span class="fa fa-circle context-delimiter"></span>
 {% endif %}
 <span class="context-project">{{ project_name }}</span>
 {% if multi_region %}
 <span class="fa fa-circle context-delimiter"></span>
 <span class="context-region">{{ region_name }}</span>
 {% endif %}
</span>

改成

<span class="fa fa-list-alt" style="color: white;"></span>
<span class="context-overview" style="color: white;">
 {% if domain_supported %}
 <span class="context-domain">{{ domain_name }}</span>
 <span class="fa fa-circle context-delimiter"></span>
 {% endif %}
 <span class="context-project">{{ project_name }}</span>
 {% if multi_region %}
 <span class="fa fa-circle context-delimiter"></span>
 <span class="context-region">{{ region_name }}</span>
 {% endif %}
</span>

image.png

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

<span class="fa fa-caret-down"></span>

改成

<span class="fa fa-caret-down" style="color:white;"></span>

image.png

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

<a data-toggle="dropdown" href="#" class="dropdown-toggle" role="button" aria-expanded="false">

改成

<a data-toggle="dropdown" href="#" class="dropdown-toggle" role="button" aria-expanded="false" style="color:white;">

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