novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(theme): 更新网站主题色彩方案与字体配置

Browse Source 
- 调整主色调从 #1C1C1C 至 #1A1A1A，优化视觉层次
- 更新背景色系为暖白色调 (#FAFAF7, #F5F4F0 等)
- 配置中文字体栈，添加 serif 字体支持
- 优化文本颜色梯度，提升可读性
- 调整边框颜色，统一水墨风格
- 添加 Google Search Console 验证码配置项
- 新增桌面应用架构专家代理配置文件
- 重构 E2E 测试等待策略，提升稳定性
- 添加回归测试脚本，增强质量保障
This commit is contained in:
张翔
2026-06-17 11:37:25 +08:00
parent a3cc4c9d43
commit 415a103a24
50 changed files with 3651 additions and 1186 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layout/footer.tsx
+17 -19
View File
@@ -5,10 +5,12 @@ import { COMPANY_INFO, NAVIGATION_V2, MEGA_DROPDOWN_DATA } from '@/lib/constants
export function Footer() {
return (
<footer className="bg-[var(--color-footer-bg)] text-white py-12 md:py-16" data-testid="footer" role="contentinfo">
<footer className="bg-[var(--color-footer-bg)] text-[var(--color-footer-text)] py-12 md:py-16 relative" data-testid="footer" role="contentinfo">
{/* Ink texture overlay */}
<div className="absolute inset-0 bg-paper-texture opacity-30 pointer-events-none" />
<div className="container-wide">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-10 lg:gap-8">
<div data-testid="card-brand" className="lg:col-span-2">
<div data-testid="card-brand" className="lg:col-span-2 relative z-10">
<div className="mb-6">
<Image
src="/logo-light.svg"
@@ -37,15 +39,14 @@ export function Footer() {
</div>
</div>
<div data-testid="card-navigation">
<h3 className="font-semibold text-base mb-5 text-white">快速导航</h3>
<div data-testid="card-navigation" className="relative z-10">
<h3 className="font-semibold text-base mb-5 text-[var(--color-footer-text-link)]">快速导航</h3>
<ul className="space-y-3">
{NAVIGATION_V2.map((item) => (
<li key={item.id}>
<StaticLink
href={item.href}
className="text-[var(--color-footer-text)] hover:text-white transition-colors duration-200 text-sm"
>
className="text-[var(--color-footer-text)] hover:text-[var(--color-footer-text-link)] transition-colors duration-200 text-sm" >
{item.label}
</StaticLink>
</li>
@@ -53,15 +54,14 @@ export function Footer() {
</ul>
</div>
<div data-testid="card-products">
<h3 className="font-semibold text-base mb-5 text-white">产品与方案</h3>
<div data-testid="card-products" className="relative z-10">
<h3 className="font-semibold text-base mb-5 text-[var(--color-footer-text-link)]">产品与方案</h3>
<ul className="space-y-3">
{(MEGA_DROPDOWN_DATA.products ?? []).flatMap(group => group.items).filter(item => item.href !== '#').map((item) => (
<li key={item.id}>
<StaticLink
href={item.href}
className="text-[var(--color-footer-text)] hover:text-white transition-colors duration-200 text-sm"
>
className="text-[var(--color-footer-text)] hover:text-[var(--color-footer-text-link)] transition-colors duration-200 text-sm" >
{item.title}
</StaticLink>
</li>
@@ -70,8 +70,7 @@ export function Footer() {
<li key={item.id}>
<StaticLink
href={item.href}
className="text-[var(--color-footer-text)] hover:text-white transition-colors duration-200 text-sm"
>
className="text-[var(--color-footer-text)] hover:text-[var(--color-footer-text-link)] transition-colors duration-200 text-sm" >
{item.title}
</StaticLink>
</li>
@@ -79,8 +78,8 @@ export function Footer() {
</ul>
</div>
<div data-testid="card-contact">
<h3 className="font-semibold text-base mb-5 text-white">联系方式</h3>
<div data-testid="card-contact" className="relative z-10">
<h3 className="font-semibold text-base mb-5 text-[var(--color-footer-text-link)]">联系方式</h3>
<ul className="space-y-4">
<li className="flex items-start gap-3">
<MapPin className="w-4 h-4 text-[var(--color-brand-primary)] mt-0.5 shrink-0" />
@@ -107,16 +106,16 @@ export function Footer() {
</div>
</div>
<div className="border-t border-[var(--color-footer-border)] mt-12 pt-8 pb-24 md:pb-8" style={{ paddingBottom: 'calc(5rem + env(safe-area-inset-bottom, 0px))' }}>
<div className="border-t border-[var(--color-footer-border)] mt-12 pt-8 pb-24 md:pb-8 relative z-10" style={{ paddingBottom: 'calc(5rem + env(safe-area-inset-bottom, 0px))' }}>
<div className="flex flex-col md:flex-row justify-between items-center gap-4">
<p className="text-[var(--color-footer-text-muted)] text-sm">
© {new Date().getFullYear()} {COMPANY_INFO.name}. All rights reserved.
</p>
<div className="flex gap-6">
<StaticLink href="/privacy" className="text-[var(--color-footer-text-muted)] hover:text-white text-sm transition-colors duration-200">
<StaticLink href="/privacy" className="text-[var(--color-footer-text-muted)] hover:text-[var(--color-footer-text-link)] text-sm transition-colors duration-200">
隐私政策
</StaticLink>
<StaticLink href="/terms" className="text-[var(--color-footer-text-muted)] hover:text-white text-sm transition-colors duration-200">
<StaticLink href="/terms" className="text-[var(--color-footer-text-muted)] hover:text-[var(--color-footer-text-link)] text-sm transition-colors duration-200">
服务条款
</StaticLink>
</div>
@@ -128,8 +127,7 @@ export function Footer() {
href="https://beian.miit.gov.cn/"
target="_blank"
rel="noopener noreferrer"
className="text-[var(--color-footer-text-link)] hover:text-white transition-colors duration-200"
>
className="text-[var(--color-footer-text-link)] hover:text-white transition-colors duration-200" >
{COMPANY_INFO.icp}
</a>
<span className="hidden sm:inline text-[var(--color-footer-text-dim)]">|</span>