| | |
|---|
| | | // 设计令牌（颜色/字号/间距/圆角/阴影/字体的唯一来源） |
|---|
| | | @import './tokens.scss'; |
|---|
| | | |
|---|
| | | // base color |
|---|
| | | $blue:#324157; |
|---|
| | | $light-blue:#3A71A8; |
|---|
| | |
|---|
| | | |
|---|
| | | // 默认菜单主题风格 |
|---|
| | | //菜单字体颜色 |
|---|
| | | $base-menu-color:#fff; |
|---|
| | | $base-menu-color:$opo-sidebar-text; |
|---|
| | | //选定子列表时所在列表的字体颜色 |
|---|
| | | // f4f4f5 |
|---|
| | | $base-menu-color-active:#fff; |
|---|
| | | //整体背景颜色#0187B1 |
|---|
| | | $base-menu-background:#394d74; |
|---|
| | | $base-menu-color-active:$opo-sidebar-text-active; |
|---|
| | | //整体背景颜色（与品牌青同族的深青） |
|---|
| | | $base-menu-background:$opo-sidebar-bg; |
|---|
| | | //标题字体颜色 |
|---|
| | | $base-logo-title-color: #ffffff; |
|---|
| | | // |
|---|
| | | $base-menu-light-color:rgba(0,0,0,.70); |
|---|
| | | $base-menu-light-background:#ffffff; |
|---|
| | | $base-logo-light-title-color: #001529; |
|---|
| | | //列表背景颜色1f2d3d |
|---|
| | | $base-sub-menu-background:#394d74; |
|---|
| | | // |
|---|
| | | $base-sub-menu-hover:#a76ac3; |
|---|
| | | //列表背景颜色 |
|---|
| | | $base-sub-menu-background:$opo-sidebar-sub-bg; |
|---|
| | | //子菜单悬停色（原来是无关联的紫色 #a76ac3） |
|---|
| | | $base-sub-menu-hover:$opo-sidebar-hover; |
|---|
| | | |
|---|
| | | // 自定义暗色菜单风格 |
|---|
| | | /** |
|---|
| | |
|---|
| | | $base-sub-menu-hover:#001528; |
|---|
| | | */ |
|---|
| | | |
|---|
| | | $base-sidebar-width: 200px; |
|---|
| | | $base-sidebar-width: 220px; |
|---|
| | | |
|---|
| | | // the :export directive is the magic sauce for webpack |
|---|
| | | // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass |
|---|
