3.4.2. 将风格表添加到主题

流程

1. 在 < THEME TYPE>/resources/css 目录中创建一个文件。

2. 将此文件添加到me .properties 中的 styles 属性。

   例如，要将 风格.cs 添加到 mytheme 中，请使用以下内容创建 themes/mytheme/login/resources/css/styles.css ：

   .login-pf body {
       background: DimGrey none;
   }

   Copy to Clipboard Toggle word wrap

3. 编辑 它们/mytheme/login/theme.properties 并添加：

   styles=css/styles.css

   Copy to Clipboard Toggle word wrap

4. 要查看更改，请打开您的域的登录页面。

   您将注意到应用的唯一样式是来自您的自定义风格表。

5. 为了包括来自父主题的样式，请从该主题加载 样式。编辑 themes/mytheme/login/theme.properties 并更改 样式 以：

   styles=web_modules/@fortawesome/fontawesome-free/css/icons/all.css web_modules/@patternfly/react-core/dist/styles/base.css
   web_modules/@patternfly/react-core/dist/styles/app.css node_modules/patternfly/dist/css/patternfly.min.css
   node_modules/patternfly/dist/css/patternfly-additions.min.css css/login.css css/styles.css

   Copy to Clipboard Toggle word wrap
   注意

   要从父风格表中覆盖样式，请确保您的风格表已列出最后。