OroPlatform:覆盖后端 scss 变量
OroPlatform: override back-end scss variables
上下文
我正在尝试覆盖默认 Oro 后端主题中的 scss 个变量。
我已经阅读了有关覆盖主题的方法的文档:https://doc.oroinc.com/frontend/back-office/themes/
例如,这种 css 行有效:(更改默认 img 登录页面)
.login-page {
background: url(../../../../images/login-screen.jpg) no-repeat 50% 50% #fff;
background-size: cover;
height: 100%;
min-height: 280px;
overflow: visible;
}
问题
这是我的 settings.yml
文件:
label: Custom Oro Theme
styles:
css:
inputs:
- 'bundles/oroui/css/scss/oro/variables/main-menu.scss': 'bundles/baltimoreapp/themes/oro/css/scss/main-menu.scss'
- bundles/baltimoreapp/themes/oro/css/scss/styles.scss
output: css/oro/oro.css
这是我在 main-menu.scss
中更改的行:
$menu-background-color: red !default;
如您在上一个文件中所见,我已尝试用我自己的文件替换 oroui 文件,如 Oro 文档中所述:https://doc.oroinc.com/frontend/storefront/css/
此命令有效 symfony console oro:assets:install --symlink
但我无法在我的 Oro 仪表板上看到我的更改。
据我所知,上述解决方案仅适用于 Frontend Store 主题。
如果您想在管理控制台更新样式,您必须用您的自定义样式覆盖它们。
例如,您可以看到 admin demo theme.
上下文
我正在尝试覆盖默认 Oro 后端主题中的 scss 个变量。
我已经阅读了有关覆盖主题的方法的文档:https://doc.oroinc.com/frontend/back-office/themes/
例如,这种 css 行有效:(更改默认 img 登录页面)
.login-page {
background: url(../../../../images/login-screen.jpg) no-repeat 50% 50% #fff;
background-size: cover;
height: 100%;
min-height: 280px;
overflow: visible;
}
问题
这是我的 settings.yml
文件:
label: Custom Oro Theme
styles:
css:
inputs:
- 'bundles/oroui/css/scss/oro/variables/main-menu.scss': 'bundles/baltimoreapp/themes/oro/css/scss/main-menu.scss'
- bundles/baltimoreapp/themes/oro/css/scss/styles.scss
output: css/oro/oro.css
这是我在 main-menu.scss
中更改的行:
$menu-background-color: red !default;
如您在上一个文件中所见,我已尝试用我自己的文件替换 oroui 文件,如 Oro 文档中所述:https://doc.oroinc.com/frontend/storefront/css/
此命令有效 symfony console oro:assets:install --symlink
但我无法在我的 Oro 仪表板上看到我的更改。
据我所知,上述解决方案仅适用于 Frontend Store 主题。 如果您想在管理控制台更新样式,您必须用您的自定义样式覆盖它们。 例如,您可以看到 admin demo theme.