Skip to content

Upgrade to Material Design 3 with new themes and styles #797

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
tangkaisirna11-bot wants to merge 12 commits into
base: main
Choose a base branch
from
Open

Upgrade to Material Design 3 with new themes and styles #797

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
be99bee
Upgrade colors.xml to Material Design 3 palette
tangkaisirna11-bot Jun 13, 2026
09f3ac0
Add themes.xml with Material Design 3 and Dynamic Colors
tangkaisirna11-bot Jun 13, 2026
9d7aff2
Upgrade styles.xml with Material Design 3 component styles
tangkaisirna11-bot Jun 13, 2026
6e94a99
Update strings.xml with additional UI strings
tangkaisirna11-bot Jun 13, 2026
da89006
Add Material Design 3 dependency
tangkaisirna11-bot Jun 13, 2026
008254f
Upgrade activity_main.xml to Material Design 3
tangkaisirna11-bot Jun 13, 2026
907319a
Upgrade item_conversation.xml to Material Design 3
tangkaisirna11-bot Jun 13, 2026
752bc26
Upgrade activity_thread.xml to Material Design 3
tangkaisirna11-bot Jun 13, 2026
6a24023
Upgrade item_message.xml to Material Design 3
tangkaisirna11-bot Jun 13, 2026
1dda97d
Add slide_in_right.xml animation
tangkaisirna11-bot Jun 13, 2026
c78374d
Add slide_out_left.xml animation
tangkaisirna11-bot Jun 13, 2026
551401b
Update AndroidManifest.xml to use Theme.Messages
tangkaisirna11-bot Jun 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion app/build.gradle.kts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -141,6 +141,9 @@ detekt {
}

dependencies {
// Material Design 3
implementation("com.google.android.material:material:1.11.0")

implementation(libs.fossify.commons)
implementation(libs.eventbus)
implementation(libs.indicator.fast.scroll)
Expand All @@ -154,4 +157,4 @@ dependencies {
implementation(libs.bundles.room)
ksp(libs.androidx.room.compiler)
detektPlugins(libs.compose.detekt)
}
}
4 changes: 2 additions & 2 deletions app/src/main/AndroidManifest.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@
android:icon="@mipmap/ic_launcher"
android:label="@string/app_launcher_name"
android:roundIcon="@mipmap/ic_launcher"
android:theme="@style/AppTheme">
android:theme="@style/Theme.Messages">

<activity
android:name=".activities.SplashActivity"
Expand Down Expand Up @@ -530,4 +530,4 @@
</intent-filter>
</activity-alias>
</application>
</manifest>
</manifest>
8 changes: 8 additions & 0 deletions app/src/main/res/anim/slide_in_right.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="300"
android:fromXDelta="100%"
android:toXDelta="0%"
android:interpolator="@android:anim/accelerate_decelerate_interpolator" />
</set>
8 changes: 8 additions & 0 deletions app/src/main/res/anim/slide_out_left.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="300"
android:fromXDelta="0%"
android:toXDelta="-100%"
android:interpolator="@android:anim/accelerate_decelerate_interpolator" />
</set>
212 changes: 82 additions & 130 deletions app/src/main/res/layout/activity_main.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,148 +1,100 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
<androidx.coordinatorlayout.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main_coordinator"
android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_height="match_parent"
android:background="?attr/colorSurface"
tools:context=".activities.MainActivity">

<org.fossify.commons.views.MySearchMenu
android:id="@+id/main_menu"
<!-- AppBar dengan MaterialToolbar -->
<com.google.android.material.appbar.MaterialToolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

<RelativeLayout
android:id="@+id/main_nested_scrollview"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorSurfaceContainer"
app:title="@string/app_name"
app:titleTextColor="?attr/colorOnSurface"
app:menu="@menu/main_menu"
app:layout_scrollFlags="scroll|enterAlways"
style="@style/Widget.Messages.Toolbar" />

<!-- FrameLayout untuk konten utama -->
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fillViewport="true"
android:scrollbars="none"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">

<androidx.coordinatorlayout.widget.CoordinatorLayout
android:id="@+id/main_coordinator_wrapper"
<!-- Progress Bar -->
<com.google.android.material.progressindicator.LinearProgressIndicator
android:id="@+id/conversations_progress_bar"
android:layout_width="match_parent"
android:layout_height="match_parent">

<RelativeLayout
android:id="@+id/main_holder"
android:layout_width="match_parent"
android:layout_height="match_parent">

<com.google.android.material.progressindicator.LinearProgressIndicator
android:id="@+id/conversations_progress_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:indeterminate="true"
android:visibility="gone"
app:hideAnimationBehavior="outward"
app:showAnimationBehavior="inward"
app:showDelay="250"
tools:visibility="visible" />

<org.fossify.commons.views.MyTextView
android:id="@+id/no_conversations_placeholder"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="@dimen/bigger_margin"
android:alpha="0.8"
android:gravity="center"
android:paddingLeft="@dimen/activity_margin"
android:paddingRight="@dimen/activity_margin"
android:text="@string/no_conversations_found"
android:textSize="@dimen/bigger_text_size"
android:textStyle="italic"
android:visibility="gone" />

<org.fossify.commons.views.MyTextView
android:id="@+id/no_conversations_placeholder_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/no_conversations_placeholder"
android:layout_centerHorizontal="true"
android:background="@drawable/ripple_all_corners"
android:gravity="center"
android:padding="@dimen/activity_margin"
android:text="@string/start_conversation"
android:textSize="@dimen/bigger_text_size"
android:visibility="gone" />

<com.qtalk.recyclerviewfastscroller.RecyclerViewFastScroller
android:id="@+id/conversations_fastscroller"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<org.fossify.commons.views.MyRecyclerView
android:id="@+id/conversations_list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipToPadding="false"
android:layoutAnimation="@anim/layout_animation"
android:overScrollMode="ifContentScrolls"
android:scrollbars="none"
app:layoutManager="org.fossify.commons.views.MyLinearLayoutManager" />

</com.qtalk.recyclerviewfastscroller.RecyclerViewFastScroller>
</RelativeLayout>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

<RelativeLayout
android:id="@+id/search_holder"
android:layout_height="wrap_content"
android:indeterminate="true"
android:visibility="gone"
app:hideAnimationBehavior="outward"
app:showAnimationBehavior="inward"
app:showDelay="250"
tools:visibility="visible" />

<!-- Placeholder: Tidak ada percakapan -->
<LinearLayout
android:id="@+id/no_conversations_placeholder"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:alpha="0"
android:visibility="gone">

<org.fossify.commons.views.MyTextView
android:id="@+id/search_placeholder"
android:layout_width="match_parent"
android:gravity="center"
android:orientation="vertical"
android:visibility="gone"
android:padding="24dp">

<ImageView
android:layout_width="120dp"
android:layout_height="120dp"
android:src="@drawable/ic_message_outline"
android:tint="?attr/colorOnSurfaceVariant"
android:contentDescription="@string/no_conversations" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="@dimen/activity_margin"
android:alpha="0.8"
android:gravity="center"
android:paddingStart="@dimen/activity_margin"
android:paddingEnd="@dimen/activity_margin"
android:text="@string/no_items_found"
android:textSize="@dimen/bigger_text_size"
android:textStyle="italic" />

<org.fossify.commons.views.MyTextView
android:id="@+id/search_placeholder_2"
android:layout_width="match_parent"
android:layout_marginTop="16dp"
android:text="@string/no_conversations"
android:textColor="?attr/colorOnSurfaceVariant"
android:textSize="18sp" />

<com.google.android.material.button.MaterialButton
android:id="@+id/btn_start_conversation"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/search_placeholder"
android:layout_centerHorizontal="true"
android:alpha="0.8"
android:gravity="center"
android:paddingStart="@dimen/activity_margin"
android:paddingTop="@dimen/medium_margin"
android:paddingEnd="@dimen/activity_margin"
android:paddingBottom="@dimen/medium_margin"
android:text="@string/type_2_characters"
android:textSize="@dimen/bigger_text_size"
android:textStyle="italic" />

<org.fossify.commons.views.MyRecyclerView
android:id="@+id/search_results_list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipToPadding="false"
android:scrollbars="vertical"
app:layoutManager="org.fossify.commons.views.MyLinearLayoutManager" />

</RelativeLayout>
</RelativeLayout>

<org.fossify.commons.views.MyFloatingActionButton
android:layout_marginTop="16dp"
android:text="@string/start_conversation"
style="@style/Widget.Messages.Button.Outlined" />
</LinearLayout>

<!-- RecyclerView untuk Daftar Percakapan -->
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/conversations_list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="8dp"
android:clipToPadding="false"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
style="@style/Widget.Messages.RecyclerView"
tools:listitem="@layout/item_conversation" />
</FrameLayout>

<!-- FloatingActionButton untuk Buat Pesan Baru -->
<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
android:id="@+id/conversations_fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/activity_margin"
android:src="@drawable/ic_plus_vector"
app:applyWindowInsets="true" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>
android:layout_margin="16dp"
android:text="@string/new_message"
android:contentDescription="@string/new_message"
app:icon="@drawable/ic_add"
app:iconTint="?attr/colorOnPrimaryContainer"
style="@style/Widget.Messages.FloatingActionButton" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
Loading
Loading