# My Themes 　　其引入的文件为： horizon\openstack_dashboard\themes\maintenance\static\_variables.scss。在该文件里，分别引入二个文件bootstarp/variables 和 horizon/variables。其代码如下： ~~~ @import "bootstrap/variables"; @import "horizon/variables"; ~~~ ## 1. bootstrap/variables 　　其对应的文件路径为： horizon\openstack_dashboard\themes\maintenance\static\bootstrap\_variables.scss。 　　重新定义定义字体的路径、引入 variable_customizations 和 bootswatch Paper Variables。其代码如下： ~~~ // Override the web font path ... we want to set this ourselves $web-font-path: $static_url + "/horizon/lib/roboto_fontface/css/roboto-fontface.css"; $roboto-font-path: $static_url + "/horizon/lib/roboto_fontface/fonts"; @import "variable_customizations"; // Bootswatch Paper // Variables // -------------------------------------------------- @import "/horizon/lib/bootswatch/paper/variables"; ~~~ ### 1.1 variable_customizations 　　其路径为：horizon\openstack_dashboard\themes\maintenance\static\bootstrap\_variable_customizations.scss。其定义了一些颜色样式变量值。自己引入样式时不需要管它。 ### 1.2 bootswatch Paper Variables 　　其路径为： horizon\static\horizon\lib\bootswatch\paper\_variables.scss。这里面也是定义一些CSS样式的变量值。 ## 2 horizon/variables 　　其对应的文件路径为： 、horizon\openstack_dashboard\themes\maintenance\static\horizon\_variables.scss。这里面就定义了几个样式变量，不用理会它。