diff --git a/docs/components/index.vue b/docs/components/index.vue index 1a19643..b973dad 100644 --- a/docs/components/index.vue +++ b/docs/components/index.vue @@ -62,11 +62,14 @@
- +
- + @@ -210,11 +213,13 @@ export default { .footer-left { display: flex; align-items: center; + margin-left: -40px; } .gitee-brand { display: flex; align-items: center; + } .logo-circle { @@ -225,21 +230,21 @@ export default { justify-content: center; align-items: center; margin-right: -10px; -} -/* 白天情况下正常显示 */ -.logo-char { - filter: none; + } + .brand-name { - font-size: 24px; - font-weight: bold; + font-size: 16px; + font-weight: 600; color: #000; + padding-right: 10px; } .copyright { color: #999; font-size: 14px; + margin-left: -40px; } /* 右侧二维码区域样式 */ @@ -281,7 +286,7 @@ export default { .qr-label { font-size: 14px; - color: #333; + color: #999; } .footer-area { @@ -314,15 +319,8 @@ export default { height: 180px; } } - -@media (prefers-color-scheme: dark) { - .logo-char img { - filter: brightness(0.3) invert(1) hue-rotate(180deg); - /* - brightness(0.3): 降低亮度 - invert(1): 颜色反转(白变黑) - hue-rotate(180deg): 调整色相避免偏色 - */ - } +.dark .brand-name { + color: #DFDFD6; } + \ No newline at end of file