fix(qt6): improve light mode text contrast — darker text, adaptive opacity

- Light theme text #111118, textSecondary #333345 (was too faint)
- FrontPage opacity values scale with isDark (0.45→0.65, 0.3→0.5, etc.)
- All secondary text now readable on gray backgrounds in both modes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-19 03:51:12 +00:00
parent 194255b21d
commit 3dacaa96d6
2 changed files with 8 additions and 8 deletions

View File

@@ -175,7 +175,7 @@ Rectangle {
variant: "body1"
text: "The universal platform for building data-driven applications."
Layout.alignment: Qt.AlignHCenter
opacity: 0.5
opacity: isDark ? 0.5 : 0.7
font.pixelSize: 16
}
@@ -183,7 +183,7 @@ Rectangle {
variant: "body2"
text: "95% JSON config \u00B7 5% infrastructure \u00B7 Desktop + Web + CLI"
Layout.alignment: Qt.AlignHCenter
opacity: 0.3
opacity: isDark ? 0.3 : 0.5
font.family: "monospace"
font.pixelSize: 13
}
@@ -254,7 +254,7 @@ Rectangle {
font.family: "monospace"
font.pixelSize: 10
font.letterSpacing: 1.5
opacity: 0.35
opacity: isDark ? 0.3 : 0.55
}
}
@@ -365,7 +365,7 @@ Rectangle {
visible: modelData.level > appWindow.currentLevel
text: "\uD83D\uDD12"
font.pixelSize: 12
opacity: 0.3
opacity: isDark ? 0.3 : 0.5
}
}
@@ -374,7 +374,7 @@ Rectangle {
text: modelData.desc
wrapMode: Text.Wrap
Layout.fillWidth: true
opacity: 0.45
opacity: isDark ? 0.45 : 0.65
lineHeight: 1.4
font.pixelSize: 12
}
@@ -483,7 +483,7 @@ Rectangle {
text: modelData.desc
variant: "caption"
font.pixelSize: 11
opacity: 0.4
opacity: isDark ? 0.4 : 0.6
}
}
}
@@ -640,7 +640,7 @@ Rectangle {
text: modelData.user + " / " + modelData.pass
font.pixelSize: 10
font.family: "monospace"
opacity: 0.3
opacity: isDark ? 0.3 : 0.5
}
}

View File

@@ -32,7 +32,7 @@ QtObject {
readonly property var themes: ({
system: { name: "System", mode: "dark", primary: "#6366f1", background: "#0d0d0d", paper: "#1a1a1a", surface: "#242424", text: "#ffffff", textSecondary: "#a0a0a0", border: "#333333", error: "#ef4444", warning: "#f59e0b", success: "#22c55e", info: "#3b82f6" },
dark: { name: "Dark", mode: "dark", primary: "#6366f1", background: "#0d0d0d", paper: "#1a1a1a", surface: "#242424", text: "#ffffff", textSecondary: "#a0a0a0", border: "#333333", error: "#ef4444", warning: "#f59e0b", success: "#22c55e", info: "#3b82f6" },
light: { name: "Light", mode: "light", primary: "#4f46e5", background: "#d8d8e0", paper: "#c8c8d2", surface: "#bfbfc9", text: "#1a1a2e", textSecondary: "#4a4a62", border: "#a8a8b8", error: "#d32f2f", warning: "#ed6c02", success: "#2e7d32", info: "#0288d1" },
light: { name: "Light", mode: "light", primary: "#4f46e5", background: "#d8d8e0", paper: "#c8c8d2", surface: "#bfbfc9", text: "#111118", textSecondary: "#333345", border: "#a8a8b8", error: "#d32f2f", warning: "#ed6c02", success: "#2e7d32", info: "#0288d1" },
midnight: { name: "Midnight", mode: "dark", primary: "#6366f1", background: "#0f172a", paper: "#1e293b", surface: "#334155", text: "#f1f5f9", textSecondary: "#94a3b8", border: "#334155", error: "#ef4444", warning: "#f59e0b", success: "#22c55e", info: "#3b82f6" },
forest: { name: "Forest", mode: "dark", primary: "#22c55e", background: "#0a1f0a", paper: "#14331a", surface: "#1a4d23", text: "#ecfdf5", textSecondary: "#a7f3d0", border: "#166534", error: "#ef4444", warning: "#f59e0b", success: "#22c55e", info: "#3b82f6" },
ocean: { name: "Ocean", mode: "dark", primary: "#0ea5e9", background: "#0c1929", paper: "#132f4c", surface: "#1e4976", text: "#e0f2fe", textSecondary: "#7dd3fc", border: "#0369a1", error: "#ef4444", warning: "#f59e0b", success: "#22c55e", info: "#0ea5e9" },