Improve UI

Author: ismartcoding

README.md

@@ -1,35 +1,44 @@
 # PlainApp
 
-PlainApp is an open-source application that allows you to manage your phone through a web browser. Access files, videos, music, contacts, sms, calls, and more from your desktop using a secure, easy to use web interface!
+PlainApp is an open-source app that lets you securely manage your phone from a web browser. Access files, media, contacts, SMS, calls, and more through a simple, easy-to-use interface on your desktop.
 
 [<img src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png" alt='Get it on Google Play' height="80">](https://play.google.com/store/apps/details?id=com.ismartcoding.plain)
 [<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" alt='Get it on F-Droid' height="80">](https://f-droid.org/packages/com.ismartcoding.plain/)
 [<img src="https://raw.githubusercontent.com/ismartcoding/plain-app/main/assets/get-it-on-github.png" alt='Get it on GitHub' height="80">](https://github.com/ismartcoding/plain-app/releases/latest)
 
 ## Features
 
-- Privacy oriented: We take your privacy seriously and use TLS + AES-GCM-256 encryption to ensure your data is secure.
-- Ad-free forever: You won't be bombarded with ads when using PlainApp.
-- No cloud services or third-party data storage: All data is kept on your device, so you have complete control over your information.
-- No Firebase Cloud Messaging/Analytics: We don't track your activity or use your data for advertising purposes. We only collect crash logs through Firebase Crashlytics.
-- User-friendly: PlainApp has a modern, customizable interface with multi-language support, light/dark theme options, and e-ink screen compatibility.
-- Desktop management: You can manage your phone from your desktop by visiting a self-hosted webpage wirelessly.
-- Contacts management: You can manage these features on the self-hosted webpage as well.
-- File management: Manage files(Internal storage, SD card, USB storage), images, videos, and audio on the self-hosted webpage.
-- Note-taking: Use PlainApp to manage your notes with a built-in Markdown editor.
-- RSS reader: Read articles in a clean UI.
-- TV casting: Cast your videos, images, and audio to your TV.
-- Video and audio playback: Play videos and audio in the app and on the webpage.
-- Backup and export: Backup and export your app data for safekeeping.
-- SMS, Calls: Read your SMS and calls on webpage.
-- Apps: View your apps and download apk from phone.
-- Screen mirror: Mirror your phone on webpage.
-- Notifications: You can manage push notifications on the webpage.
-- Device info: You can view your device info on the webpage.
-- PWA support: You can add webpage to your home screen and experience the convenience of using the webpage like a desktop app.
-- And more features are planned for the future.
-
-PlainApp's minimalist design is intentional, so you can focus on what matters most: your valuable data.
+**Privacy First**
+- All data stays on your device — no cloud, no third-party storage
+- No Firebase Messaging or Analytics; only crash logs (optional) via Firebase Crashlytics
+- Secured with TLS + AES-GCM-256 encryption
+
+**Ad-Free, Always**
+- 100% ad-free experience, forever
+
+**Clean, Modern Interface**
+- Minimalist and customizable UI
+- Supports multiple languages, light/dark themes
+
+**Web-Based Desktop Management**  
+Access a self-hosted webpage on the same network to manage your phone:
+- Files: Internal storage, SD card, USB, images, videos, audio
+- Contacts, SMS, and call logs
+- Installed apps (with APK export)
+- Notifications and device info
+- Screen mirroring
+- PWA support — add the web app to your desktop/home screen
+
+**Built-in Tools**
+- Markdown note-taking
+- RSS reader with clean UI
+- Video and audio player (in-app and on the web)
+- TV casting for media
+
+**Always Improving**
+- More features are on the way
+
+PlainApp is designed with simplicity in mind, so you can focus on what matters most: your data.
 
 Video: https://www.youtube.com/watch?v=TjRhC8pSQ6Q
 
@@ -78,9 +87,12 @@ PlainApp requires Android 9.0 or higher.
 
 ## Support
 
-It's worth mentioning that this is an open-source application.
-If you have doubts, you can either build your own version or choose not to use it.
-If you encounter any issues, feel free to open an issue on GitHub. I am always happy to help. Please do not give a one-star rating arbitrarily.
+PlainApp is fully open-source.  
+If you have any doubts, you're free to review the code, build your own version, or simply choose not to use it.
+
+If you run into issues, feel free to open a GitHub issue — I'm always happy to help.
+
+Please don’t leave a one-star review without giving it a fair try.
 
 ## Build
 

app/src/main/java/com/ismartcoding/plain/ui/base/NeedPermissionColumn.kt

@@ -22,8 +22,6 @@ import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.Button
 import androidx.compose.material3.ButtonDefaults
-import androidx.compose.material3.Card
-import androidx.compose.material3.CardDefaults
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Surface
@@ -45,7 +43,6 @@ import com.ismartcoding.lib.channel.sendEvent
 import com.ismartcoding.plain.R
 import com.ismartcoding.plain.data.DFeaturePermission
 import com.ismartcoding.plain.features.RequestPermissionsEvent
-import com.ismartcoding.plain.ui.theme.cardContainer
 
 @Composable
 fun NeedPermissionColumn(
@@ -65,47 +62,45 @@ fun NeedPermissionColumn(
                 animationSpec = tween(800, easing = FastOutSlowInEasing)
             )
         ) {
-            PCard {
-                Column(
+            Column(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(26.dp),
+                horizontalAlignment = Alignment.CenterHorizontally,
+                verticalArrangement = Arrangement.spacedBy(20.dp)
+            ) {
+                AnimatedIconContainer(icon)
+
+                Text(
+                    text = permission.permission.getGrantAccessText(),
+                    style = MaterialTheme.typography.titleLarge.copy(
+                        fontWeight = FontWeight.SemiBold,
+                        letterSpacing = 0.sp
+                    ),
+                    color = MaterialTheme.colorScheme.onSurface,
+                    textAlign = TextAlign.Center,
+                    modifier = Modifier.padding(top = 8.dp, start = 4.dp, end = 4.dp)
+                )
+
+                Button(
+                    onClick = {
+                        sendEvent(RequestPermissionsEvent(*permission.permissions.toTypedArray()))
+                    },
                     modifier = Modifier
                         .fillMaxWidth()
-                        .padding(26.dp),
-                    horizontalAlignment = Alignment.CenterHorizontally,
-                    verticalArrangement = Arrangement.spacedBy(20.dp)
+                        .padding(top = 16.dp, start = 16.dp, end = 16.dp)
+                        .shadow(8.dp, RoundedCornerShape(16.dp)),
+                    colors = ButtonDefaults.buttonColors(
+                        containerColor = MaterialTheme.colorScheme.primary
+                    ),
+                    shape = RoundedCornerShape(16.dp),
+                    contentPadding = PaddingValues(vertical = 16.dp, horizontal = 16.dp)
                 ) {
-                    AnimatedIconContainer(icon)
-                    
                     Text(
-                        text = permission.permission.getGrantAccessText(),
-                        style = MaterialTheme.typography.titleLarge.copy(
-                            fontWeight = FontWeight.SemiBold,
-                            letterSpacing = 0.sp
-                        ),
-                        color = MaterialTheme.colorScheme.onSurface,
-                        textAlign = TextAlign.Center,
-                        modifier = Modifier.padding(top = 8.dp, start = 4.dp, end = 4.dp)
+                        text = stringResource(id = R.string.grant_access),
+                        style = MaterialTheme.typography.titleMedium,
+                        fontWeight = FontWeight.Medium,
                     )
-                    
-                    Button(
-                        onClick = {
-                            sendEvent(RequestPermissionsEvent(*permission.permissions.toTypedArray()))
-                        },
-                        modifier = Modifier
-                            .fillMaxWidth()
-                            .padding(top = 16.dp, start = 16.dp, end = 16.dp)
-                            .shadow(8.dp, RoundedCornerShape(16.dp)),
-                        colors = ButtonDefaults.buttonColors(
-                            containerColor = MaterialTheme.colorScheme.primary
-                        ),
-                        shape = RoundedCornerShape(16.dp),
-                        contentPadding = PaddingValues(vertical = 16.dp, horizontal = 16.dp)
-                    ) {
-                        Text(
-                            text = stringResource(id = R.string.grant_access),
-                            style = MaterialTheme.typography.titleMedium,
-                            fontWeight = FontWeight.Medium,
-                        )
-                    }
                 }
             }
         }
@@ -132,7 +127,7 @@ private fun AnimatedIconContainer(
                 repeatMode = RepeatMode.Reverse
             )
         )
-        
+
         // Outer pulsing circle
         Surface(
             modifier = Modifier
@@ -143,7 +138,7 @@ private fun AnimatedIconContainer(
         ) {
             Box(modifier = Modifier.fillMaxSize())
         }
-        
+
         // Inner circle with icon
         Surface(
             modifier = Modifier

app/src/main/java/com/ismartcoding/plain/ui/base/PAlert.kt

@@ -5,20 +5,20 @@ import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.RowScope
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.res.colorResource
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import com.ismartcoding.plain.R
+import com.ismartcoding.plain.ui.theme.orange
 import com.ismartcoding.plain.ui.theme.red
-import com.ismartcoding.plain.ui.theme.yellow
 
 enum class AlertType {
     WARNING,
@@ -40,15 +40,16 @@ fun PAlert(
             verticalAlignment = Alignment.CenterVertically
         ) {
             Icon(
-                painter = painterResource(R.drawable.circle_alert),
+                painter = painterResource(if (type == AlertType.WARNING) R.drawable.circle_alert else R.drawable.circle_x),
                 contentDescription = "",
-                tint = if (type == AlertType.WARNING) MaterialTheme.colorScheme.yellow else MaterialTheme.colorScheme.red,
+                modifier = Modifier.size(20.dp),
+                tint = if (type == AlertType.WARNING) MaterialTheme.colorScheme.orange else MaterialTheme.colorScheme.red,
             )
             HorizontalSpace(dp = 8.dp)
             Text(
                 text = title,
                 style = MaterialTheme.typography.titleMedium.copy(
-                    color = MaterialTheme.colorScheme.onSurface,
+                    color = if (type == AlertType.WARNING) MaterialTheme.colorScheme.orange else MaterialTheme.colorScheme.red,
                     fontWeight = FontWeight.SemiBold
                 ),
                 textAlign = TextAlign.Start,
@@ -59,7 +60,7 @@ fun PAlert(
                 .padding(16.dp, 0.dp, 16.dp, 16.dp)
                 .fillMaxWidth(),
             text = description,
-            style = MaterialTheme.typography.bodyLarge.copy(color = MaterialTheme.colorScheme.onSurface),
+            style = MaterialTheme.typography.bodyMedium.copy(color = MaterialTheme.colorScheme.onSurface),
         )
         if (actions != null) {
             Row(

app/src/main/java/com/ismartcoding/plain/ui/theme/ColorScheme.kt

@@ -67,18 +67,18 @@ val ColorScheme.yellow: Color
     @Composable
     @ReadOnlyComposable
     get() = if (DarkTheme.isDarkTheme(LocalDarkTheme.current)) {
-        Color(0xFFFFEB3B)
+        Color(0xFFFFB300)
     } else {
-        Color(0xFFFFEB3B)
+        Color(0xFFFFCC00)
     }
 
 val ColorScheme.orange: Color
     @Composable
     @ReadOnlyComposable
     get() = if (DarkTheme.isDarkTheme(LocalDarkTheme.current)) {
-        Color(0xFFFF9800)
+        Color(0xFFFFB74D)
     } else {
-        Color(0xFFFF9800)
+        Color(0xFFF57C00)
     }
 
 val ColorScheme.navBarBackground: Color

app/src/main/java/com/ismartcoding/plain/web/HttpModule.kt

@@ -11,9 +11,7 @@ import com.ismartcoding.lib.extensions.compress
 import com.ismartcoding.lib.extensions.getFinalPath
 import com.ismartcoding.lib.extensions.isImageFast
 import com.ismartcoding.lib.extensions.isUrl
-import com.ismartcoding.plain.extensions.newFile
 import com.ismartcoding.lib.extensions.scanFileByConnection
-import com.ismartcoding.plain.extensions.toThumbBytesAsync
 import com.ismartcoding.lib.extensions.urlEncode
 import com.ismartcoding.lib.helpers.CoroutinesHelper.coIO
 import com.ismartcoding.lib.helpers.CoroutinesHelper.withIO
@@ -33,6 +31,8 @@ import com.ismartcoding.plain.data.UploadInfo
 import com.ismartcoding.plain.enums.DataType
 import com.ismartcoding.plain.enums.ImageType
 import com.ismartcoding.plain.enums.PasswordType
+import com.ismartcoding.plain.extensions.newFile
+import com.ismartcoding.plain.extensions.toThumbBytesAsync
 import com.ismartcoding.plain.features.ConfirmToAcceptLoginEvent
 import com.ismartcoding.plain.features.PackageHelper
 import com.ismartcoding.plain.features.file.FileSortBy
@@ -48,7 +48,6 @@ import com.ismartcoding.plain.preference.PasswordPreference
 import com.ismartcoding.plain.preference.PasswordTypePreference
 import com.ismartcoding.plain.web.websocket.WebSocketSession
 import io.ktor.client.request.get
-import io.ktor.client.statement.readBytes
 import io.ktor.client.statement.readRawBytes
 import io.ktor.http.CacheControl
 import io.ktor.http.ContentType
@@ -111,7 +110,6 @@ import java.io.IOException
 import java.util.Date
 import java.util.zip.ZipEntry
 import java.util.zip.ZipOutputStream
-import kotlin.collections.set
 
 object HttpModule {
     @SuppressLint("SuspiciousIndentation")

app/src/main/res/values-bn/strings.xml

@@ -165,7 +165,7 @@
     <string name="privacy_policy">গোপনীয়তা নীতি</string>
     <string name="terms_of_use">ব্যবহারের শর্তাবলী</string>
     <string name="grant_permission">অনুমতি দান করুন</string>
-    <string name="system_alert_window_warning">‘অন্য অ্যাপস উপর প্রদর্শন’ অনুমতি দেওয়া গুরুত্বপূর্ণ। এই অনুমতি না থাকলে, যদি অ্যাপটি ব্যাকগ্রাউন্ডে চলছে, আপনি অ্যাপ দ্বারা সৃষ্টিকৃত মৌলিক সিস্টেম ডায়ালগ, যেমন অনইনস্টলেশন নিশ্চিতকরণ ডায়ালগ, অনুমতি দেওয়া না থাকলে আপনি এটি হারতে পারেন।</string>
+    <string name="system_alert_window_warning">অ্যাপটি পেছনে চলাকালীন গুরুত্বপূর্ণ সিস্টেম পপ-আপ যেমন আনইনস্টল নিশ্চিতকরণ মিস না করতে “অন্যান্য অ্যাপের উপরে প্রদর্শন” অনুমতি দিন।</string>
     <string name="version_name_with_code">সংস্করণ {{version_name}} ({{version_code}})</string>
     <string name="optimized_batter_usage_warning">অপটিমাইজড ব্যাটারি ব্যবহার সক্রিয় আছে। অবিরত কাজের জন্য, এই অ্যাপ এর জন্য ব্যাটারি অপটিমাইজেশন অক্ষম করতে বিবেচনা করুন।</string>
     <string name="apps">অ্যাপস</string>

app/src/main/res/values-de/strings.xml

@@ -165,7 +165,7 @@
     <string name="privacy_policy">Datenschutzrichtlinie</string>
     <string name="terms_of_use">Nutzungsbedingungen</string>
     <string name="grant_permission">Berechtigung erteilen</string>
-    <string name="system_alert_window_warning">Die Gewährung der \'Über anderen Apps anzeigen\'-Berechtigung ist unerlässlich. Ohne diese Berechtigung könnten bei laufender App im Hintergrund wichtige Systemdialoge, wie etwa Deinstallationsbestätigungsdialoge, übersehen werden.</string>
+    <string name="system_alert_window_warning">Bitte erlauben Sie „Über anderen Apps anzeigen“, damit Sie wichtige System-Popups wie Deinstallationsbestätigungen im Hintergrund nicht verpassen.</string>
     <string name="version_name_with_code">Version {{version_name}} ({{version_code}})</string>
     <string name="optimized_batter_usage_warning">Optimierte Batterienutzung ist derzeit aktiv. Um eine unterbrechungsfreie Leistung zu gewährleisten, erwägen Sie bitte, die Batterieoptimierung speziell für diese App zu deaktivieren.</string>
     <string name="apps">Apps</string>

app/src/main/res/values-es/strings.xml

@@ -165,7 +165,7 @@
     <string name="privacy_policy">Política de privacidad</string>
     <string name="terms_of_use">Términos de uso</string>
     <string name="grant_permission">Conceder permiso</string>
-    <string name="system_alert_window_warning">Conceder el permiso de \'Mostrar sobre otras aplicaciones\' es esencial. Sin este permiso, si la aplicación se está ejecutando en segundo plano, podrías perder diálogos cruciales del sistema provocados por la aplicación, como los diálogos de confirmación de desinstalación.</string>
+    <string name="system_alert_window_warning">Permite “Mostrar sobre otras apps” para no perderte ventanas emergentes importantes del sistema como la confirmación de desinstalación cuando la app se ejecuta en segundo plano.</string>
     <string name="version_name_with_code">Versión {{version_name}} ({{version_code}})</string>
     <string name="optimized_batter_usage_warning">La optimización de la batería está actualmente activa. Para garantizar un rendimiento ininterrumpido, considere desactivar la optimización de la batería específicamente para esta aplicación.</string>
     <string name="apps">Aplicaciones</string>

app/src/main/res/values-fr/strings.xml

@@ -165,7 +165,7 @@
     <string name="privacy_policy">Politique de confidentialité</string>
     <string name="terms_of_use">Conditions d\'utilisation</string>
     <string name="grant_permission">Accorder l\'autorisation</string>
-    <string name="system_alert_window_warning">Accorder l\'autorisation \'Affichage par-dessus d\'autres applications\' est essentiel. Sans cette autorisation, si l\'application est en cours d\'exécution en arrière-plan, vous pourriez manquer des dialogues système cruciaux déclenchés par l\'application, tels que les dialogues de confirmation de désinstallation.</string>
+    <string name="system_alert_window_warning">Veuillez autoriser “Afficher par-dessus les autres applications” pour ne pas manquer les pop-ups système importants comme la confirmation de désinstallation lorsque l\'application s\'exécute en arrière-plan.</string>
     <string name="version_name_with_code">Version {{version_name}} ({{version_code}})</string>
     <string name="optimized_batter_usage_warning">L\'optimisation de l\'utilisation de la batterie est actuellement active. Pour garantir des performances ininterrompues, veuillez envisager de désactiver l\'optimisation de la batterie spécifiquement pour cette application.</string>
     <string name="apps">Applications</string>