fix: 五站双模式色彩系统(浅/深各 10 组合全部可读)+ 硬编码色清零

- 五站各定义完整浅色+深色两套 token(background/foreground/card/secondary/
  muted/border/input/primary/ring),data-theme 挂 <html>(覆盖全部路由),
  .dark 由 next-themes 切换按钮驱动;devai-tools 默认深色(env 可配)
- 根因修复:data-theme 双重挂载(html + AuthLayout/ThemeChrome)导致
  auth 子树被浅色 token 覆盖、深色不可读 —— 只保留 html 一处
- FormShell 硬编码色清零:gradient 白卡片→bg-card、minimal 白底/灰输入/
  紫按钮→token、editorial 纸白/neutral→token、terminal 深色内联→token
  (深浅自动适配,形态保持)
- FormLabel 硬编码 #9393A3 → text-muted-foreground
- 修复 data-theme double-mount 后 label 深字深底不可读(用户报告的问题)
- 回归:10 组合(5 站×浅深)label 对比度全部达标;五站 mock 登录全部 OK
This commit is contained in:
AI Directory Platform
2026-09-10 03:39:19 +00:00
parent 3fddde470b
commit 442ce3a003
19 changed files with 223 additions and 279 deletions
+3
View File
@@ -15,6 +15,9 @@ NEXT_PUBLIC_APP_NAME="AI Stack"
# 登录页品牌模板(分栏侧栏颜色与标语)
NEXT_PUBLIC_AUTH_ACCENT="222 47% 11%"
NEXT_PUBLIC_AUTH_VARIANT="glass"
# 站点主题标识(<html data-theme>)与默认深浅(light | dark,用户可切换)
NEXT_PUBLIC_THEME_ID="ai-stack"
NEXT_PUBLIC_DEFAULT_THEME="undefined"
NEXT_PUBLIC_AUTH_BRAND_TAGLINE="The professional AI tools directory — ranked by the community."
# 开发阶段免邮箱验证(生产置 false 发送真实验证邮件)
DEV_SKIP_EMAIL_VERIFY="true"
+1
View File
@@ -2,6 +2,7 @@ import type { SiteConfig } from "@/kit/types";
// AI Stack —— 独立站点的全部品牌/导航/页脚配置
export const siteConfig: SiteConfig = {
"themeId": "ai-stack",
"authVariant": "glass",
"themeClass": "site-ai-stack",
"brandZh": {
+3
View File
@@ -15,6 +15,9 @@ NEXT_PUBLIC_APP_NAME="DevAI.tools"
# 登录页品牌模板(分栏侧栏颜色与标语)
NEXT_PUBLIC_AUTH_ACCENT="150 60% 30%"
NEXT_PUBLIC_AUTH_VARIANT="terminal"
# 站点主题标识(<html data-theme>)与默认深浅(light | dark,用户可切换)
NEXT_PUBLIC_THEME_ID="devai-tools"
NEXT_PUBLIC_DEFAULT_THEME="undefined"
NEXT_PUBLIC_AUTH_BRAND_TAGLINE="AI tools for developers — curated, tested, ranked by the community."
# 开发阶段免邮箱验证(生产置 false 发送真实验证邮件)
DEV_SKIP_EMAIL_VERIFY="true"
+1
View File
@@ -2,6 +2,7 @@ import type { SiteConfig } from "@/kit/types";
// DevAI.tools —— 独立站点的全部品牌/导航/页脚配置
export const siteConfig: SiteConfig = {
"themeId": "devai-tools",
"authVariant": "terminal",
"themeClass": "site-devai-tools",
"brandZh": {
+3
View File
@@ -15,6 +15,9 @@ NEXT_PUBLIC_APP_NAME="findai"
# 登录页品牌模板(分栏侧栏颜色与标语)
NEXT_PUBLIC_AUTH_ACCENT="260 70% 52%"
NEXT_PUBLIC_AUTH_VARIANT="minimal"
# 站点主题标识(<html data-theme>)与默认深浅(light | dark,用户可切换)
NEXT_PUBLIC_THEME_ID="findai"
NEXT_PUBLIC_DEFAULT_THEME="undefined"
NEXT_PUBLIC_AUTH_BRAND_TAGLINE="The minimal AI tool search engine."
# 开发阶段免邮箱验证(生产置 false 发送真实验证邮件)
DEV_SKIP_EMAIL_VERIFY="true"
+1
View File
@@ -2,6 +2,7 @@ import type { SiteConfig } from "@/kit/types";
// findai —— 独立站点的全部品牌/导航/页脚配置
export const siteConfig: SiteConfig = {
"themeId": "findai",
"authVariant": "minimal",
"themeClass": "site-findai",
"brandZh": {
+3
View File
@@ -15,6 +15,9 @@ NEXT_PUBLIC_APP_NAME="LaunchAI"
# 登录页品牌模板(分栏侧栏颜色与标语)
NEXT_PUBLIC_AUTH_ACCENT="16 85% 55%"
NEXT_PUBLIC_AUTH_VARIANT="gradient"
# 站点主题标识(<html data-theme>)与默认深浅(light | dark,用户可切换)
NEXT_PUBLIC_THEME_ID="launchai"
NEXT_PUBLIC_DEFAULT_THEME="undefined"
NEXT_PUBLIC_AUTH_BRAND_TAGLINE="Discover and upvote today's AI products."
# 开发阶段免邮箱验证(生产置 false 发送真实验证邮件)
DEV_SKIP_EMAIL_VERIFY="true"
+1
View File
@@ -2,6 +2,7 @@ import type { SiteConfig } from "@/kit/types";
// LaunchAI —— 独立站点的全部品牌/导航/页脚配置
export const siteConfig: SiteConfig = {
"themeId": "launchai",
"authVariant": "gradient",
"themeClass": "site-launchai",
"brandZh": {
+3
View File
@@ -15,6 +15,9 @@ NEXT_PUBLIC_APP_NAME="The AI Ledger"
# 登录页品牌模板(分栏侧栏颜色与标语)
NEXT_PUBLIC_AUTH_ACCENT="36 70% 40%"
NEXT_PUBLIC_AUTH_VARIANT="editorial"
# 站点主题标识(<html data-theme>)与默认深浅(light | dark,用户可切换)
NEXT_PUBLIC_THEME_ID="the-ai-ledger"
NEXT_PUBLIC_DEFAULT_THEME="undefined"
NEXT_PUBLIC_AUTH_BRAND_TAGLINE="Independent journalism on AI tools, with a community-ranked directory."
# 开发阶段免邮箱验证(生产置 false 发送真实验证邮件)
DEV_SKIP_EMAIL_VERIFY="true"
+1
View File
@@ -2,6 +2,7 @@ import type { SiteConfig } from "@/kit/types";
// The AI Ledger —— 独立站点的全部品牌/导航/页脚配置
export const siteConfig: SiteConfig = {
"themeId": "the-ai-ledger",
"authVariant": "editorial",
"themeClass": "site-the-ai-ledger",
"brandZh": {