From e8c9af962fc8e1d3e46feb7aa85b340b03cc555c Mon Sep 17 00:00:00 2001
From: xingyu <xingyu4j@vip.qq.com>
Date: Fri, 11 Aug 2023 21:03:25 +0800
Subject: [PATCH] fix: footer text
---
src/design/var/index.less | 2 +-
src/layouts/default/footer/index.vue | 18 ++++++++++++------
2 files changed, 13 insertions(+), 7 deletions(-)
diff --git a/src/design/var/index.less b/src/design/var/index.less
index 6d0a656e..e208d143 100644
--- a/src/design/var/index.less
+++ b/src/design/var/index.less
@@ -2,7 +2,7 @@
@import "easing";
@import "breakpoint";
-@namespace: vben;
+@namespace: xingyuv;
// tabs
@multiple-height: 30px;
diff --git a/src/layouts/default/footer/index.vue b/src/layouts/default/footer/index.vue
index 1a93b9e7..5b709549 100644
--- a/src/layouts/default/footer/index.vue
+++ b/src/layouts/default/footer/index.vue
@@ -55,22 +55,28 @@ const getShowLayoutFooter = computed(() => {
<style lang="less" scoped>
@prefix-cls: ~'@{namespace}-layout-footer';
-@normal-color: rgba(0, 0, 0, 0.45);
+html{
+ --normal-text:#b6b7b9;
+ --hover-text: rgb(0 0 0 / 85%);
+}
-@hover-color: rgba(0, 0, 0, 0.85);
+html[data-theme="dark"] {
+ --normal-text:rgb(255 255 255 0.85);
+ --hover-text: rgb(0 0 0 / 85%);
+}
.@{prefix-cls} {
- color: @normal-color;
+ color: var(--normal-text);
text-align: center;
&__links {
margin-bottom: 8px;
a {
- color: @normal-color;
+ color: var(--normal-text);
&:hover {
- color: @hover-color;
+ color: var(--hover-text);
}
}
}
@@ -79,7 +85,7 @@ const getShowLayoutFooter = computed(() => {
margin: 0 30px;
&:hover {
- color: @hover-color;
+ color: var(--hover-text);
}
}
}