by codex: feat. General Improvements

2026-06-25 14:27:58 +02:00
parent 9dd17cf565
commit 2c31be11c4
33 changed files with 1217 additions and 296 deletions
@@ -5,6 +5,7 @@ import { router } from "expo-router";
 import { MaterialIcons } from "@expo/vector-icons";
 import { markOnboardingComplete } from "@/lib/setupState";
 import { loadCodexAuth, loadClaudeSessionKey } from "@/lib/storage";
+import { COLORS } from "@/lib/constants";

 export default function OnboardingDoneScreen() {
  const [codexConfigured, setCodexConfigured] = useState(false);
@@ -32,12 +33,12 @@ export default function OnboardingDoneScreen() {
        {/* Icon */}
        <View
          className="w-20 h-20 rounded-3xl items-center justify-center mb-8"
-          style={{ backgroundColor: "#10a37f22" }}
+          style={{ backgroundColor: `${COLORS.codex}22` }}
        >
          <MaterialIcons
            name={noneConfigured ? "info-outline" : "check-circle"}
            size={40}
-            color={noneConfigured ? "#a3a3a3" : "#10a37f"}
+            color={noneConfigured ? COLORS.muted : COLORS.codex}
          />
        </View>

@@ -57,13 +58,15 @@ export default function OnboardingDoneScreen() {
            <View
              className="w-10 h-10 rounded-xl items-center justify-center"
              style={{
-                backgroundColor: codexConfigured ? "#10a37f22" : "#27272a",
+                backgroundColor: codexConfigured
+                  ? `${COLORS.codex}22`
+                  : "#27272a",
              }}
            >
              <MaterialIcons
                name={codexConfigured ? "check-circle" : "radio-button-unchecked"}
                size={22}
-                color={codexConfigured ? "#10a37f" : "#525252"}
+                color={codexConfigured ? COLORS.codex : "#525252"}
              />
            </View>
            <View className="flex-1">
@@ -83,13 +86,15 @@ export default function OnboardingDoneScreen() {
            <View
              className="w-10 h-10 rounded-xl items-center justify-center"
              style={{
-                backgroundColor: claudeConfigured ? "#d9770622" : "#27272a",
+                backgroundColor: claudeConfigured
+                  ? `${COLORS.claude}22`
+                  : "#27272a",
              }}
            >
              <MaterialIcons
                name={claudeConfigured ? "check-circle" : "radio-button-unchecked"}
                size={22}
-                color={claudeConfigured ? "#d97706" : "#525252"}
+                color={claudeConfigured ? COLORS.claude : "#525252"}
              />
            </View>
            <View className="flex-1">
@@ -110,7 +115,7 @@ export default function OnboardingDoneScreen() {
        <TouchableOpacity
          onPress={handleEnterApp}
          className="w-full rounded-2xl py-4 items-center"
-          style={{ backgroundColor: "#10a37f" }}
+          style={{ backgroundColor: COLORS.codex }}
        >
          <Text className="text-white font-bold text-base">Open App</Text>
        </TouchableOpacity>