ubuntu16.04 openstack newton dashboard 页面修改教程

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
  1. 修改blance
    image.png
  • 图标
/usr/share/openstack-dashboard/openstack_dashboard/static/themes/ubuntu/img/logo-ubuntu-white.svg
  • scss位置
/usr/share/openstack-dashboard/openstack_dashboard/themes/ubuntu/_styles.scss
/usr/share/openstack-dashboard/openstack_dashboard/static/themes/ubuntu/_styles.scss
/usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/css/7d3c7ce506ee.css

注:因为不知道django中 scss怎么编译成 css 所以 要改 .css

  1. blance 背景
  • scss文件位置
/usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/css/7d3c7ce506ee.css
  • 文件中需要修改的位置
.topbar, .topbar .switcher_bar .btn.btn-topnav, .navbar-default {
              background: red; }
  1. 改登录界面的图标
  • 图标
/usr/share/openstack-dashboard/openstack_dashboard/static/themes/ubuntu/img/logo-ubuntu-orange.svg
  • scss位置
/usr/share/openstack-dashboard/openstack_dashboard/themes/ubuntu/_styles.scss
/usr/share/openstack-dashboard/openstack_dashboard/static/themes/ubuntu/_styles.scss
/usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/css/7d3c7ce506ee.css

你可能感兴趣的:(ubuntu16.04 openstack newton dashboard 页面修改教程)