Feat: Improve UI/UX

README.md

@@ -1,15 +1,18 @@
 # Passcodes
 
-[![Android CI/CD](https://github.com/JeelDobariya38/Passcodes/actions/workflows/build-apks.yml/badge.svg)](https://github.com/JeelDobariya38/Passcodes/actions/workflows/build-apks.yml)
-![Visitor Counter (@hehuapei/visitor-badge)](https://visitor-badge.laobi.icu/badge?page_id=JeelDobariya38.Passcodes&format=true)
-
 > [!WARNING]
 > It is just a open source project. An is current under active development.
 > Please, consider using it for fun, and not for real password managment. (untill, we offically release a stable release)
 
-<p align="center">
+<div align="center">
+
   <img width="512" height="250" alt="passcodes play store banner" src="https://github.com/user-attachments/assets/88e63483-9930-4ce0-a01e-4564e18b3c71" />
-</p>
+
+![Static Badge](https://img.shields.io/badge/Release-Prototype-blue)
+[![Android CI/CD](https://github.com/JeelDobariya38/Passcodes/actions/workflows/build-apks.yml/badge.svg)](https://github.com/JeelDobariya38/Passcodes/actions/workflows/build-apks.yml)
+![Visitor Counter (@hehuapei/visitor-badge)](https://visitor-badge.laobi.icu/badge?page_id=JeelDobariya38.Passcodes&format=true)
+
+</div>
 
 A android app that take down the headache of remembering passwords. It is open source solutions that help you in keeping your passwords safe and secure, in your own local storage without ever needing to push them to cloud.
 

app/src/main/kotlin/com/jeeldobariya/passcodes/ui/MainActivity.kt

@@ -72,9 +72,5 @@ class MainActivity : AppCompatActivity() {
             val aboutUsIntent = Intent(this, AboutUsActivity::class.java)
             startActivity(aboutUsIntent)
         }
-
-        binding.quitBtn.setOnClickListener {
-            finishAndRemoveTask()
-        }
     }
 }

app/src/main/kotlin/com/jeeldobariya/passcodes/ui/PasswordManagerActivity.kt

@@ -1,7 +1,5 @@
 package com.jeeldobariya.passcodes.ui
 
-import android.content.Context
-import android.app.Activity
 import android.content.Intent
 import android.os.Bundle
 import android.widget.Toast
@@ -13,10 +11,10 @@ import com.jeeldobariya.passcodes.databinding.ActivityPasswordManagerBinding
 
 class PasswordManagerActivity : AppCompatActivity() {
 
-    private lateinit var binding: ActivityPasswordManagerBinding // Use lateinit for binding
+    private lateinit var binding: ActivityPasswordManagerBinding // Use late init for binding
 
     override fun onCreate(savedInstanceState: Bundle?) {
-        val sharedPrefs = getSharedPreferences(SettingsActivity.THEME_PREFS_NAME, Context.MODE_PRIVATE)
+        val sharedPrefs = getSharedPreferences(SettingsActivity.THEME_PREFS_NAME, MODE_PRIVATE)
         val savedThemeStyle = sharedPrefs.getInt(SettingsActivity.THEME_KEY, R.style.PasscodesTheme_Default)
         setTheme(savedThemeStyle)
 
@@ -43,10 +41,6 @@ class PasswordManagerActivity : AppCompatActivity() {
             startActivity(loadPasswordIntent)
         }
 
-        binding.securityCheckBtn.setOnClickListener {
-            Toast.makeText(this, getString(R.string.future_feat_clause), Toast.LENGTH_SHORT).show()
-        }
-
         binding.importPasswordBtn.setOnClickListener {
             Toast.makeText(this, getString(R.string.future_feat_clause), Toast.LENGTH_SHORT).show()
         }

app/src/main/kotlin/com/jeeldobariya/passcodes/ui/SettingsActivity.kt

@@ -29,7 +29,8 @@ class SettingsActivity : AppCompatActivity() {
         R.style.PasscodesTheme_Default,
         R.style.PasscodesTheme_Trusted,
         R.style.PasscodesTheme_Pink,
-        R.style.PasscodesTheme_Cute
+        R.style.PasscodesTheme_Cute,
+        R.style.PasscodesTheme_GreenSafe
     )
 
     override fun onCreate(savedInstanceState: Bundle?) {

app/src/main/kotlin/com/jeeldobariya/passcodes/ui/ViewPasswordActivity.kt

@@ -1,5 +1,6 @@
 package com.jeeldobariya.passcodes.ui
 
+import android.annotation.SuppressLint
 import android.content.Context
 import android.content.Intent
 import android.os.Bundle
@@ -63,7 +64,6 @@ class ViewPasswordActivity : AppCompatActivity() {
                     binding.tvUsername.text = "${getString(R.string.username_prefix)}  ${passwordEntity.username}"
                     binding.tvPassword.text = "${getString(R.string.password_prefix)}  ${passwordEntity.password}"
                     binding.tvNotes.text = "${getString(R.string.notes_prefix)}  ${passwordEntity.notes}"
-                    binding.tvCreatedAt.text = "${getString(R.string.createdat_prefix)}  ${passwordEntity.createdAt}"
                     binding.tvUpdatedAt.text = "${getString(R.string.updatedat_prefix)}  ${passwordEntity.updatedAt}"
                 }
             } catch (e: PasswordNotFoundException) {

app/src/main/res/layout/activity_about_us.xml

@@ -196,8 +196,8 @@
                         android:gravity="center">
 
                         <ImageView
-                            android:layout_width="256dp"
-                            android:layout_height="256dp"
+                            android:layout_width="128dp"
+                            android:layout_height="128dp"
                             android:layout_marginBottom="8dp"
                             android:src="@drawable/ic_send"
                             app:tint="?attr/colorPrimary" />

app/src/main/res/layout/activity_main.xml

@@ -58,13 +58,6 @@
             android:layout_height="wrap_content"
             android:text="@string/about_us_button_text"
             android:textSize="14dp" />
-
-        <com.google.android.material.button.MaterialButton
-            android:id="@+id/quit_btn"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:text="@string/quit_button_text"
-            android:textSize="14dp" />
     </LinearLayout>
 </LinearLayout>
 

app/src/main/res/layout/activity_password_manager.xml

@@ -36,16 +36,8 @@
         android:layout_height="wrap_content"
         android:text="@string/load_password_button_text"
         android:textSize="14dp" />
-
-      <com.google.android.material.button.MaterialButton
-        android:enabled="false"
-        android:id="@+id/security_check_btn"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:text="@string/password_security_check_button_text"
-        android:textSize="14dp" />
-
-      <com.google.android.material.button.MaterialButton
+
+        <com.google.android.material.button.MaterialButton
         android:enabled="false"
         android:id="@+id/import_password_btn"
         android:layout_width="match_parent"

app/src/main/res/layout/activity_view_password.xml

@@ -58,13 +58,6 @@
       android:layout_margin="4dp"
       android:textSize="12dp" />
 
-    <com.google.android.material.textview.MaterialTextView 
-      android:id="@+id/tv_created_at"
-      android:layout_width="match_parent"
-      android:layout_height="wrap_content"
-      android:layout_margin="4dp"
-      android:textSize="12dp" />
-
     <com.google.android.material.textview.MaterialTextView 
       android:id="@+id/tv_updated_at"
       android:layout_width="match_parent"

app/src/main/res/values-night/themes.xml

@@ -153,4 +153,39 @@
         <item name="android:windowLightStatusBar">false</item>
     </style>
 
+    <style name="PasscodesTheme.GreenSafe" parent="Theme.Material3.Dark.NoActionBar">
+        <item name="colorPrimary">@color/md_theme_green_safe_dark_primary</item>
+        <item name="colorOnPrimary">@color/md_theme_green_safe_dark_onPrimary</item>
+        <item name="colorPrimaryContainer">@color/md_theme_green_safe_dark_primaryContainer</item>
+        <item name="colorOnPrimaryContainer">@color/md_theme_green_safe_dark_onPrimaryContainer</item>
+        <item name="colorSecondary">@color/md_theme_green_safe_dark_secondary</item>
+        <item name="colorOnSecondary">@color/md_theme_green_safe_dark_onSecondary</item>
+        <item name="colorSecondaryContainer">@color/md_theme_green_safe_dark_secondaryContainer</item>
+        <item name="colorOnSecondaryContainer">@color/md_theme_green_safe_dark_onSecondaryContainer</item>
+        <item name="colorTertiary">@color/md_theme_green_safe_dark_tertiary</item>
+        <item name="colorOnTertiary">@color/md_theme_green_safe_dark_onTertiary</item>
+        <item name="colorTertiaryContainer">@color/md_theme_green_safe_dark_tertiaryContainer</item>
+        <item name="colorOnTertiaryContainer">@color/md_theme_green_safe_dark_onTertiaryContainer</item>
+        <item name="colorError">@color/md_theme_green_safe_dark_error</item>
+        <item name="colorOnError">@color/md_theme_green_safe_dark_onError</item>
+        <item name="colorErrorContainer">@color/md_theme_green_safe_dark_errorContainer</item>
+        <item name="colorOnErrorContainer">@color/md_theme_green_safe_dark_onErrorContainer</item>
+        <item name="colorOutline">@color/md_theme_green_safe_dark_outline</item>
+        <item name="android:colorBackground">@color/md_theme_green_safe_dark_background</item>
+        <item name="colorOnBackground">@color/md_theme_green_safe_dark_onBackground</item>
+        <item name="colorSurface">@color/md_theme_green_safe_dark_surface</item>
+        <item name="colorOnSurface">@color/md_theme_green_safe_dark_onSurface</item>
+        <item name="colorSurfaceVariant">@color/md_theme_green_safe_dark_surfaceVariant</item>
+        <item name="colorOnSurfaceVariant">@color/md_theme_green_safe_dark_onSurfaceVariant</item>
+        <item name="colorSurfaceInverse">@color/md_theme_green_safe_dark_inverseSurface</item>
+        <item name="colorOnSurfaceInverse">@color/md_theme_green_safe_dark_inverseOnSurface</item>
+        <item name="colorPrimaryInverse">@color/md_theme_green_safe_dark_inversePrimary</item>
+
+        <item name="android:navigationBarColor">@android:color/transparent</item>
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:windowTranslucentNavigation">false</item>
+        <item name="android:windowLightNavigationBar" tools:targetApi="o_mr1">true</item>
+        <item name="android:windowLightStatusBar">true</item>
+    </style>
+
 </resources>

app/src/main/res/values/colors.xml

@@ -232,4 +232,60 @@
     <color name="md_theme_cute_dark_inverseSurface">#EAE0E1</color>
     <color name="md_theme_cute_dark_inverseOnSurface">#1E1B1C</color>
     <color name="md_theme_cute_dark_inversePrimary">#BC396A</color>
+
+    <!-- Green Safe Light Theme Colors -->
+    <color name="md_theme_green_safe_light_primary">#386A20</color>
+    <color name="md_theme_green_safe_light_onPrimary">#FFFFFF</color>
+    <color name="md_theme_green_safe_light_primaryContainer">#B8F397</color>
+    <color name="md_theme_green_safe_light_onPrimaryContainer">#082100</color>
+    <color name="md_theme_green_safe_light_secondary">#55624C</color>
+    <color name="md_theme_green_safe_light_onSecondary">#FFFFFF</color>
+    <color name="md_theme_green_safe_light_secondaryContainer">#D9E7CB</color>
+    <color name="md_theme_green_safe_light_onSecondaryContainer">#131F0E</color>
+    <color name="md_theme_green_safe_light_tertiary">#386A20</color>
+    <color name="md_theme_green_safe_light_onTertiary">#FFFFFF</color>
+    <color name="md_theme_green_safe_light_tertiaryContainer">#B8F397</color>
+    <color name="md_theme_green_safe_light_onTertiaryContainer">#082100</color>
+    <color name="md_theme_green_safe_light_error">#BA1A1A</color>
+    <color name="md_theme_green_safe_light_onError">#FFFFFF</color>
+    <color name="md_theme_green_safe_light_errorContainer">#FFDAD6</color>
+    <color name="md_theme_green_safe_light_onErrorContainer">#410002</color>
+    <color name="md_theme_green_safe_light_background">#FCFDF6</color>
+    <color name="md_theme_green_safe_light_onBackground">#1A1C19</color>
+    <color name="md_theme_green_safe_light_surface">#FCFDF6</color>
+    <color name="md_theme_green_safe_light_onSurface">#1A1C19</color>
+    <color name="md_theme_green_safe_light_surfaceVariant">#DEE5D8</color>
+    <color name="md_theme_green_safe_light_onSurfaceVariant">#424940</color>
+    <color name="md_theme_green_safe_light_outline">#72796F</color>
+    <color name="md_theme_green_safe_light_inverseSurface">#2F312D</color>
+    <color name="md_theme_green_safe_light_inverseOnSurface">#F0F1EA</color>
+    <color name="md_theme_green_safe_light_inversePrimary">#9CD67D</color>
+
+    <!-- Green Safe Dark Theme Colors -->
+    <color name="md_theme_green_safe_dark_primary">#9CD67D</color>
+    <color name="md_theme_green_safe_dark_onPrimary">#183700</color>
+    <color name="md_theme_green_safe_dark_primaryContainer">#285006</color>
+    <color name="md_theme_green_safe_dark_onPrimaryContainer">#B8F397</color>
+    <color name="md_theme_green_safe_dark_secondary">#BDCBB0</color>
+    <color name="md_theme_green_safe_dark_onSecondary">#283421</color>
+    <color name="md_theme_green_safe_dark_secondaryContainer">#3E4A36</color>
+    <color name="md_theme_green_safe_dark_onSecondaryContainer">#D9E7CB</color>
+    <color name="md_theme_green_safe_dark_tertiary">#9CD67D</color>
+    <color name="md_theme_green_safe_dark_onTertiary">#183700</color>
+    <color name="md_theme_green_safe_dark_tertiaryContainer">#285006</color>
+    <color name="md_theme_green_safe_dark_onTertiaryContainer">#B8F397</color>
+    <color name="md_theme_green_safe_dark_error">#FFB4AB</color>
+    <color name="md_theme_green_safe_dark_onError">#690005</color>
+    <color name="md_theme_green_safe_dark_errorContainer">#93000A</color>
+    <color name="md_theme_green_safe_dark_onErrorContainer">#FFDAD6</color>
+    <color name="md_theme_green_safe_dark_background">#1A1C19</color>
+    <color name="md_theme_green_safe_dark_onBackground">#E2E3DD</color>
+    <color name="md_theme_green_safe_dark_surface">#1A1C19</color>
+    <color name="md_theme_green_safe_dark_onSurface">#E2E3DD</color>
+    <color name="md_theme_green_safe_dark_surfaceVariant">#424940</color>
+    <color name="md_theme_green_safe_dark_onSurfaceVariant">#C2C8BC</color>
+    <color name="md_theme_green_safe_dark_outline">#8C9387</color>
+    <color name="md_theme_green_safe_dark_inverseSurface">#E2E3DD</color>
+    <color name="md_theme_green_safe_dark_inverseOnSurface">#1A1C19</color>
+    <color name="md_theme_green_safe_dark_inversePrimary">#386A20</color>
 </resources>

app/src/main/res/values/themes.xml

@@ -152,4 +152,39 @@
         <item name="android:windowLightStatusBar">true</item>
     </style>
 
+    <style name="PasscodesTheme.GreenSafe" parent="Theme.Material3.Light.NoActionBar">
+        <item name="colorPrimary">@color/md_theme_green_safe_light_primary</item>
+        <item name="colorOnPrimary">@color/md_theme_green_safe_light_onPrimary</item>
+        <item name="colorPrimaryContainer">@color/md_theme_green_safe_light_primaryContainer</item>
+        <item name="colorOnPrimaryContainer">@color/md_theme_green_safe_light_onPrimaryContainer</item>
+        <item name="colorSecondary">@color/md_theme_green_safe_light_secondary</item>
+        <item name="colorOnSecondary">@color/md_theme_green_safe_light_onSecondary</item>
+        <item name="colorSecondaryContainer">@color/md_theme_green_safe_light_secondaryContainer</item>
+        <item name="colorOnSecondaryContainer">@color/md_theme_green_safe_light_onSecondaryContainer</item>
+        <item name="colorTertiary">@color/md_theme_green_safe_light_tertiary</item>
+        <item name="colorOnTertiary">@color/md_theme_green_safe_light_onTertiary</item>
+        <item name="colorTertiaryContainer">@color/md_theme_green_safe_light_tertiaryContainer</item>
+        <item name="colorOnTertiaryContainer">@color/md_theme_green_safe_light_onTertiaryContainer</item>
+        <item name="colorError">@color/md_theme_green_safe_light_error</item>
+        <item name="colorOnError">@color/md_theme_green_safe_light_onError</item>
+        <item name="colorErrorContainer">@color/md_theme_green_safe_light_errorContainer</item>
+        <item name="colorOnErrorContainer">@color/md_theme_green_safe_light_onErrorContainer</item>
+        <item name="colorOutline">@color/md_theme_green_safe_light_outline</item>
+        <item name="android:colorBackground">@color/md_theme_green_safe_light_background</item>
+        <item name="colorOnBackground">@color/md_theme_green_safe_light_onBackground</item>
+        <item name="colorSurface">@color/md_theme_green_safe_light_surface</item>
+        <item name="colorOnSurface">@color/md_theme_green_safe_light_onSurface</item>
+        <item name="colorSurfaceVariant">@color/md_theme_green_safe_light_surfaceVariant</item>
+        <item name="colorOnSurfaceVariant">@color/md_theme_green_safe_light_onSurfaceVariant</item>
+        <item name="colorSurfaceInverse">@color/md_theme_green_safe_light_inverseSurface</item>
+        <item name="colorOnSurfaceInverse">@color/md_theme_green_safe_light_inverseOnSurface</item>
+        <item name="colorPrimaryInverse">@color/md_theme_green_safe_light_inversePrimary</item>
+
+        <item name="android:navigationBarColor">@android:color/transparent</item>
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:windowTranslucentNavigation">false</item>
+        <item name="android:windowLightNavigationBar" tools:targetApi="o_mr1">true</item>
+        <item name="android:windowLightStatusBar">true</item>
+    </style>
+
 </resources>