style: update internal pages theme to Milestone branding (#00458a deep blue + gold accents)
This commit is contained in:
@@ -26,3 +26,43 @@ i {
|
|||||||
background-color: rgba(255, 192, 203, 0.31);
|
background-color: rgba(255, 192, 203, 0.31);
|
||||||
color:red;
|
color:red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ========== Milestone Theme Override ========== */
|
||||||
|
.header.light, .header.dark, .header {
|
||||||
|
background: #001a3a !important;
|
||||||
|
}
|
||||||
|
.ant-layout-sider {
|
||||||
|
background: #001a3a !important;
|
||||||
|
}
|
||||||
|
.ant-menu-dark, .ant-menu-dark .ant-menu-sub {
|
||||||
|
background: #001a3a !important;
|
||||||
|
}
|
||||||
|
.ant-menu-dark .ant-menu-item-selected {
|
||||||
|
background-color: #00458a !important;
|
||||||
|
border-left: 3px solid #f0c040;
|
||||||
|
}
|
||||||
|
.ant-btn-primary {
|
||||||
|
background-color: #00458a !important;
|
||||||
|
border-color: #00458a !important;
|
||||||
|
}
|
||||||
|
.ant-btn-primary:hover, .ant-btn-primary:focus {
|
||||||
|
background-color: #0077cc !important;
|
||||||
|
border-color: #0077cc !important;
|
||||||
|
}
|
||||||
|
a { color: #00458a; }
|
||||||
|
a:hover { color: #0077cc; }
|
||||||
|
.ant-layout-content {
|
||||||
|
background: #f5f7fa !important;
|
||||||
|
}
|
||||||
|
/* Dashboard card styling */
|
||||||
|
.ant-card {
|
||||||
|
box-shadow: 0 2px 8px rgba(0, 26, 58, 0.08);
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
.ant-card-head-title {
|
||||||
|
color: #00458a !important;
|
||||||
|
}
|
||||||
|
/* Gold accent for active menu */
|
||||||
|
.ant-menu-dark .ant-menu-item-selected > a {
|
||||||
|
color: #f0c040 !important;
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
|
<div class="copyright">© 2015-2030 MILESTONE INDUSTRIAL DEVELOPMENT CORPORATION</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
primaryColor: '#1890FF', // primary color of ant design
|
primaryColor: '#00458a', // primary color of ant design
|
||||||
navTheme: 'light', // theme for nav menu
|
navTheme: 'light', // theme for nav menu
|
||||||
layout: 'sidemenu', // nav menu position: sidemenu or topmenu
|
layout: 'sidemenu', // nav menu position: sidemenu or topmenu
|
||||||
contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu
|
contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu
|
||||||
|
|||||||
@@ -133,7 +133,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<a-button type="link" v-if="showWeixinSpan()">MileStone Co. ERP</a-button>
|
<a-button type="link" v-if="showWeixinSpan()">MileStone Co. ERP</a-button>
|
||||||
</a-popover>
|
</a-popover>
|
||||||
© 2015-2030 {{systemTitle}} V3.6
|
© 2015-2030 MILESTONE INDUSTRIAL DEVELOPMENT CORPORATION
|
||||||
</div>
|
</div>
|
||||||
<a-tag v-if="tenant.type==0" color="blue">试用到期:{{tenant.expireTime}}</a-tag>
|
<a-tag v-if="tenant.type==0" color="blue">试用到期:{{tenant.expireTime}}</a-tag>
|
||||||
<a-tag v-if="tenant.type==0" color="blue">试用用户:{{tenant.userCurrentNum}}/{{tenant.userNumLimit}}</a-tag>
|
<a-tag v-if="tenant.type==0" color="blue">试用用户:{{tenant.userCurrentNum}}/{{tenant.userNumLimit}}</a-tag>
|
||||||
|
|||||||
@@ -36,7 +36,7 @@ module.exports = {
|
|||||||
less: {
|
less: {
|
||||||
modifyVars: {
|
modifyVars: {
|
||||||
/* less 变量覆盖,用于自定义 ant design 主题 */
|
/* less 变量覆盖,用于自定义 ant design 主题 */
|
||||||
'primary-color': '#1890FF',
|
'primary-color': '#00458a',
|
||||||
'link-color': '#1890FF',
|
'link-color': '#1890FF',
|
||||||
'border-radius-base': '4px'
|
'border-radius-base': '4px'
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user