Use correct colors for connected status circle

Signed-off-by: Percy Wegmann <percy@tailscale.com>

android/src/main/java/com/tailscale/ipn/ui/model/TailCfg.kt

@@ -5,9 +5,9 @@ package com.tailscale.ipn.ui.model
 
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.graphics.Color
 import com.tailscale.ipn.R
-import com.tailscale.ipn.ui.theme.success
+import com.tailscale.ipn.ui.theme.off
+import com.tailscale.ipn.ui.theme.on
 import com.tailscale.ipn.ui.util.ComposableStringFormatter
 import com.tailscale.ipn.ui.util.DisplayAddress
 import com.tailscale.ipn.ui.util.TimeUtil
@@ -103,7 +103,7 @@ class Tailcfg {
 
     @Composable
     fun connectedColor(nm: Netmap.NetworkMap?) =
-        if (connectedOrSelfNode(nm)) MaterialTheme.colorScheme.success else Color.Gray
+        if (connectedOrSelfNode(nm)) MaterialTheme.colorScheme.on else MaterialTheme.colorScheme.off
 
     val displayAddresses: List<DisplayAddress>
       get() {

android/src/main/java/com/tailscale/ipn/ui/theme/Theme.kt

@@ -116,6 +116,12 @@ val ColorScheme.successContainer: Color
 val ColorScheme.onSuccessContainer: Color
   get() = Color(0xFF0E4B3B) // green-600
 
+val ColorScheme.on: Color
+  get() = Color(0xFF84D996) // green-100
+
+val ColorScheme.off: Color
+  get() = Color(0xFFD9D6D5) // gray-300
+
 /**
  * Main color scheme for list items, uses onPrimaryContainer color for leading and trailing icons.
  */

android/src/main/res/values/strings.xml

@@ -65,10 +65,10 @@
     <string name="open_support">Open Support</string>
 
     <!-- State strings -->
-    <string name="waiting">Loading…</string>
+    <string name="waiting">Starting…</string>
     <string name="placeholder">--</string>
     <string name="please_login">Login Required</string>
-    <string name="stopped">Stopped</string>
+    <string name="stopped">Not Connected</string>
 
     <!-- Time conversion templates -->
     <string name="expired">expired</string>