From c466b7f253a93d3a9b58c658adf6ec75574f5bd8 Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期二, 17 六月 2025 09:06:38 +0800
Subject: [PATCH] 公司logo动态切换，整体样式修改
---
src/assets/styles/variables.module.scss | 56 ++++++++++++++++++++++++++++----------------------------
1 files changed, 28 insertions(+), 28 deletions(-)
diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index d748fc0..3194051 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -1,12 +1,12 @@
// base color
$blue: #324157;
$light-blue: #333c46;
-$red: #C03639;
-$pink: #E65D6E;
-$green: #30B08F;
-$tiffany: #4AB7BD;
-$yellow: #FEC171;
-$panGreen: #30B08F;
+$red: #c03639;
+$pink: #e65d6e;
+$green: #30b08f;
+$tiffany: #4ab7bd;
+$yellow: #fec171;
+$panGreen: #30b08f;
// 榛樿涓婚鍙橀噺
$menuText: #bfcbd9;
@@ -15,10 +15,10 @@
$menuHover: #263445;
// 娴呰壊涓婚theme-light
-$menuLightBg: #ffffff;
+$menuLightBg: #002fa7;
$menuLightHover: #f0f1f5;
-$menuLightText: #303133;
-$menuLightActiveText: #409EFF;
+$menuLightText: #fff;
+$menuLightActiveText: #002fa7;
// 鍩虹鍙橀噺
$base-sidebar-width: 200px;
@@ -29,13 +29,13 @@
$base-menu-color-active: #f4f4f5;
$base-menu-background: #304156;
$base-sub-menu-background: #1f2d3d;
-$base-sub-menu-hover: #001528;
+$base-sub-menu-hover: #fff;
// 缁勪欢鍙橀噺
-$--color-primary: #409EFF;
-$--color-success: #67C23A;
-$--color-warning: #E6A23C;
-$--color-danger: #F56C6C;
+$--color-primary: #409eff;
+$--color-success: #67c23a;
+$--color-warning: #e6a23c;
+$--color-danger: #f56c6c;
$--color-info: #909399;
:export {
@@ -71,13 +71,12 @@
--sidebar-bg: #{$menuBg};
--sidebar-text: #{$menuText};
--menu-hover: #{$menuHover};
-
+
--navbar-bg: #ffffff;
--navbar-text: #303133;
-
+
/* splitpanes default-theme 鍙橀噺 */
--splitpanes-default-bg: #ffffff;
-
}
// 鏆楅粦妯″紡鍙橀噺
@@ -119,7 +118,7 @@
--blockquote-bg: #1d1e1f;
--blockquote-border: #303030;
--blockquote-text: #d0d0d0;
-
+
/* Cron 鏃堕棿琛ㄨ揪寮� 妯″紡鍙橀噺 */
--cron-border: #303030;
@@ -127,11 +126,12 @@
--splitpanes-default-bg: #141414;
/* 渚ц竟鏍忚彍鍗曡鐩� */
- .sidebar-container {
- .el-menu-item, .menu-title {
+ .sidebar-container {
+ .el-menu-item,
+ .menu-title {
color: var(--el-text-color-regular);
}
- & .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,
+ & .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title,
& .theme-dark .el-sub-menu .el-menu-item {
background-color: var(--el-bg-color) !important;
}
@@ -180,9 +180,10 @@
--el-table-border-color: var(--el-border-color-light) !important;
--el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
- .el-table__header-wrapper, .el-table__fixed-header-wrapper {
+ .el-table__header-wrapper,
+ .el-table__fixed-header-wrapper {
th {
- background-color: var(--el-bg-color-overlay, #F0F1F5) !important;
+ background-color: var(--el-bg-color-overlay, #f0f1f5) !important;
color: var(--el-text-color-regular, #515a6e);
}
}
@@ -199,9 +200,10 @@
background-color: var(--el-bg-color-overlay);
}
}
-
+
/* 涓嬫媺鑿滃崟鏍峰紡瑕嗙洊 */
- .el-dropdown-menu__item:not(.is-disabled):focus, .el-dropdown-menu__item:not(.is-disabled):hover{
+ .el-dropdown-menu__item:not(.is-disabled):focus,
+ .el-dropdown-menu__item:not(.is-disabled):hover {
background-color: var(--navbar-hover) !important;
}
@@ -211,11 +213,9 @@
border-left-color: var(--blockquote-border) !important;
color: var(--blockquote-text) !important;
}
-
+
/* 鏃堕棿琛ㄨ揪寮忔爣棰樻牱寮忚鐩� */
.popup-result .title {
background: var(--cron-border);
}
-
}
-
--
Gitblit v1.9.3