From 96249e083331351487c0b5855c3ff505cd7bdaf2 Mon Sep 17 00:00:00 2001 From: root Date: Mon, 16 Feb 2026 06:33:06 +0100 Subject: [PATCH] style: update internal pages theme to Milestone branding (#00458a deep blue + gold accents) --- jshERP-web/src/assets/less/index.less | 40 +++++++++++++++++++ .../src/components/page/GlobalFooter.vue | 3 +- jshERP-web/src/defaultSettings.js | 2 +- jshERP-web/src/views/dashboard/IndexChart.vue | 2 +- jshERP-web/vue.config.js | 2 +- 5 files changed, 45 insertions(+), 4 deletions(-) diff --git a/jshERP-web/src/assets/less/index.less b/jshERP-web/src/assets/less/index.less index f086f5fe..6711fae0 100644 --- a/jshERP-web/src/assets/less/index.less +++ b/jshERP-web/src/assets/less/index.less @@ -26,3 +26,43 @@ i { background-color: rgba(255, 192, 203, 0.31); 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; +} diff --git a/jshERP-web/src/components/page/GlobalFooter.vue b/jshERP-web/src/components/page/GlobalFooter.vue index f3a4e363..f3901c21 100644 --- a/jshERP-web/src/components/page/GlobalFooter.vue +++ b/jshERP-web/src/components/page/GlobalFooter.vue @@ -1,5 +1,6 @@ diff --git a/jshERP-web/src/defaultSettings.js b/jshERP-web/src/defaultSettings.js index c074825b..fff969e8 100644 --- a/jshERP-web/src/defaultSettings.js +++ b/jshERP-web/src/defaultSettings.js @@ -14,7 +14,7 @@ */ export default { - primaryColor: '#1890FF', // primary color of ant design + primaryColor: '#00458a', // primary color of ant design navTheme: 'light', // theme for nav menu layout: 'sidemenu', // nav menu position: sidemenu or topmenu contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu diff --git a/jshERP-web/src/views/dashboard/IndexChart.vue b/jshERP-web/src/views/dashboard/IndexChart.vue index 6aacd4cb..537752ad 100644 --- a/jshERP-web/src/views/dashboard/IndexChart.vue +++ b/jshERP-web/src/views/dashboard/IndexChart.vue @@ -133,7 +133,7 @@ MileStone Co. ERP - © 2015-2030 {{systemTitle}} V3.6 + © 2015-2030 MILESTONE INDUSTRIAL DEVELOPMENT CORPORATION 试用到期:{{tenant.expireTime}} 试用用户:{{tenant.userCurrentNum}}/{{tenant.userNumLimit}} diff --git a/jshERP-web/vue.config.js b/jshERP-web/vue.config.js index 7f4a6573..7fafdca9 100644 --- a/jshERP-web/vue.config.js +++ b/jshERP-web/vue.config.js @@ -36,7 +36,7 @@ module.exports = { less: { modifyVars: { /* less 变量覆盖,用于自定义 ant design 主题 */ - 'primary-color': '#1890FF', + 'primary-color': '#00458a', 'link-color': '#1890FF', 'border-radius-base': '4px' },