From 48d758b225122713bc6ced9f42f3fb956f0830c7 Mon Sep 17 00:00:00 2001
From: Giovanny R <giovanny.rodriguez.cortes@gmail.com>
Date: Fri, 3 Apr 2026 17:27:26 -0500
Subject: [PATCH] Refresh visual theme foundation

---
 app/src/main/res/drawable/menu_selector.xml   |   4 +-
 .../navigation_drawer_item_background.xml     |  33 ++++++
 app/src/main/res/layout/main_activity.xml     |   4 +-
 app/src/main/res/layout/main_connection.xml   |  11 +-
 app/src/main/res/layout/main_content.xml      |  14 +--
 app/src/main/res/layout/main_navigation.xml   |  11 +-
 app/src/main/res/layout/main_toolbar.xml      |   7 +-
 app/src/main/res/values-night/colors.xml      |  46 ++++++++
 app/src/main/res/values/colors.xml            |  49 ++++-----
 app/src/main/res/values/styles.xml            | 102 ++++++++++++++----
 10 files changed, 218 insertions(+), 63 deletions(-)
 create mode 100644 app/src/main/res/drawable/navigation_drawer_item_background.xml
 create mode 100644 app/src/main/res/values-night/colors.xml

diff --git a/app/src/main/res/drawable/menu_selector.xml b/app/src/main/res/drawable/menu_selector.xml
index 9a5bc6c94..6c9f543c8 100644
--- a/app/src/main/res/drawable/menu_selector.xml
+++ b/app/src/main/res/drawable/menu_selector.xml
@@ -18,6 +18,6 @@
   -->
 
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:color="@color/selected" android:state_checked="true" />
-    <item android:color="@color/regular" android:state_checked="false" />
+    <item android:color="?attr/colorPrimary" android:state_checked="true" />
+    <item android:color="?attr/colorOnSurfaceVariant" android:state_checked="false" />
 </selector>
diff --git a/app/src/main/res/drawable/navigation_drawer_item_background.xml b/app/src/main/res/drawable/navigation_drawer_item_background.xml
new file mode 100644
index 000000000..22bcd031d
--- /dev/null
+++ b/app/src/main/res/drawable/navigation_drawer_item_background.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  ~ WiFiAnalyzer
+  ~ Copyright (C) 2015 - 2026 VREM Software Development <VREMSoftwareDevelopment@gmail.com>
+  ~
+  ~ This program is free software: you can redistribute it and/or modify
+  ~ it under the terms of the GNU General Public License as published by
+  ~ the Free Software Foundation, either version 3 of the License, or
+  ~ (at your option) any later version.
+  ~
+  ~ This program is distributed in the hope that it will be useful,
+  ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
+  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  ~ GNU General Public License for more details.
+  ~
+  ~ You should have received a copy of the GNU General Public License
+  ~ along with this program.  If not, see <http://www.gnu.org/licenses/>
+  -->
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="true">
+        <inset
+            android:insetLeft="12dp"
+            android:insetTop="4dp"
+            android:insetRight="12dp"
+            android:insetBottom="4dp">
+            <shape android:shape="rectangle">
+                <corners android:radius="16dp" />
+                <solid android:color="@color/brand_primary_container" />
+            </shape>
+        </inset>
+    </item>
+    <item android:drawable="@android:color/transparent" />
+</selector>
diff --git a/app/src/main/res/layout/main_activity.xml b/app/src/main/res/layout/main_activity.xml
index 78da2cf6c..2a460d4be 100644
--- a/app/src/main/res/layout/main_activity.xml
+++ b/app/src/main/res/layout/main_activity.xml
@@ -23,6 +23,7 @@
     android:id="@+id/drawer_layout"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
+    android:background="@color/background"
     android:fitsSystemWindows="true"
     tools:openDrawer="start">
 
@@ -33,11 +34,10 @@
         android:layout_width="wrap_content"
         android:layout_height="match_parent"
         android:layout_gravity="start"
+        android:background="?attr/colorSurface"
         android:fitsSystemWindows="true"
         android:saveEnabled="false"
         app:headerLayout="@layout/main_navigation"
-        app:itemIconTint="@drawable/menu_selector"
-        app:itemTextColor="@drawable/menu_selector"
         app:menu="@menu/nav_drawer_menu" />
 
 </androidx.drawerlayout.widget.DrawerLayout>
diff --git a/app/src/main/res/layout/main_connection.xml b/app/src/main/res/layout/main_connection.xml
index 58c83ecc2..ac1d05bf2 100644
--- a/app/src/main/res/layout/main_connection.xml
+++ b/app/src/main/res/layout/main_connection.xml
@@ -27,10 +27,12 @@
         android:id="@+id/connection"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:background="@color/background"
+        android:background="@color/surface_container_high"
         android:orientation="vertical"
-        android:paddingLeft="@dimen/activity_horizontal_margin"
-        android:paddingRight="@dimen/activity_horizontal_margin"
+        android:paddingStart="@dimen/activity_horizontal_margin"
+        android:paddingTop="@dimen/activity_vertical_half_margin"
+        android:paddingEnd="@dimen/activity_horizontal_margin"
+        android:paddingBottom="@dimen/activity_vertical_half_margin"
         android:visibility="gone"
         tools:visibility="visible">
 
@@ -77,7 +79,8 @@
         <View
             android:layout_width="match_parent"
             android:layout_height="1dp"
-            android:background="@color/selected" />
+            android:layout_marginTop="@dimen/activity_vertical_half_margin"
+            android:background="@color/outline" />
     </LinearLayout>
 
     <include layout="@layout/main_wifi_support" />
diff --git a/app/src/main/res/layout/main_content.xml b/app/src/main/res/layout/main_content.xml
index d2bd4500c..5fe118cb0 100644
--- a/app/src/main/res/layout/main_content.xml
+++ b/app/src/main/res/layout/main_content.xml
@@ -20,7 +20,8 @@
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
-    android:layout_height="wrap_content"
+    android:layout_height="match_parent"
+    android:background="@color/background"
     android:orientation="vertical">
 
     <include layout="@layout/main_toolbar" />
@@ -31,16 +32,17 @@
         android:layout_width="match_parent"
         android:layout_height="0dp"
         android:layout_weight="1"
+        android:background="@color/background"
         android:orientation="vertical"
-        android:paddingLeft="@dimen/activity_horizontal_margin"
+        android:paddingStart="@dimen/activity_horizontal_margin"
         android:paddingTop="@dimen/activity_vertical_margin"
-        android:paddingRight="@dimen/activity_horizontal_margin"
+        android:paddingEnd="@dimen/activity_horizontal_margin"
         android:paddingBottom="@dimen/activity_vertical_margin">
 
         <FrameLayout
             android:id="@+id/main_fragment"
             android:layout_width="match_parent"
-            android:layout_height="wrap_content" />
+            android:layout_height="match_parent" />
 
     </LinearLayout>
 
@@ -49,9 +51,7 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
-        android:background="@color/primary_material_dark"
-        app:itemIconTint="@drawable/menu_selector"
-        app:itemTextColor="@drawable/menu_selector"
+        android:background="?attr/colorSurface"
         app:labelVisibilityMode="labeled"
         app:menu="@menu/nav_bottom_menu" />
 
diff --git a/app/src/main/res/layout/main_navigation.xml b/app/src/main/res/layout/main_navigation.xml
index d7a69a75a..c482c06e1 100644
--- a/app/src/main/res/layout/main_navigation.xml
+++ b/app/src/main/res/layout/main_navigation.xml
@@ -20,12 +20,12 @@
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="@dimen/nav_header_height"
-    android:background="@color/background"
+    android:background="@color/drawer_header_background"
     android:gravity="bottom"
     android:orientation="horizontal"
     android:paddingBottom="@dimen/activity_vertical_margin"
-    android:paddingLeft="@dimen/activity_horizontal_margin"
-    android:paddingRight="@dimen/activity_horizontal_margin"
+    android:paddingStart="@dimen/activity_horizontal_margin"
+    android:paddingEnd="@dimen/activity_horizontal_margin"
     android:paddingTop="@dimen/activity_vertical_margin">
 
     <ImageView
@@ -38,9 +38,10 @@
     <TextView
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:paddingLeft="@dimen/activity_horizontal_margin"
-        android:paddingRight="@dimen/activity_horizontal_margin"
+        android:paddingStart="@dimen/activity_horizontal_margin"
+        android:paddingEnd="@dimen/activity_horizontal_margin"
         android:text="@string/app_full_name"
+        android:textColor="@color/on_surface"
         android:textStyle="bold" />
 
 </LinearLayout>
diff --git a/app/src/main/res/layout/main_toolbar.xml b/app/src/main/res/layout/main_toolbar.xml
index af48accca..5cef258eb 100644
--- a/app/src/main/res/layout/main_toolbar.xml
+++ b/app/src/main/res/layout/main_toolbar.xml
@@ -20,17 +20,22 @@
 <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:background="?attr/colorSurface"
     android:fitsSystemWindows="true">
 
     <com.google.android.material.appbar.AppBarLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
+        android:background="?attr/colorSurface"
+        android:elevation="0dp"
         android:theme="@style/ThemeOverlay">
 
         <androidx.appcompat.widget.Toolbar
             android:id="@+id/toolbar"
             android:layout_width="match_parent"
-            android:layout_height="?attr/actionBarSize" />
+            android:layout_height="?attr/actionBarSize"
+            android:paddingStart="@dimen/activity_horizontal_margin"
+            android:paddingEnd="@dimen/activity_horizontal_margin" />
 
     </com.google.android.material.appbar.AppBarLayout>
 
diff --git a/app/src/main/res/values-night/colors.xml b/app/src/main/res/values-night/colors.xml
new file mode 100644
index 000000000..8e6878f71
--- /dev/null
+++ b/app/src/main/res/values-night/colors.xml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  ~ WiFiAnalyzer
+  ~ Copyright (C) 2015 - 2026 VREM Software Development <VREMSoftwareDevelopment@gmail.com>
+  ~
+  ~ This program is free software: you can redistribute it and/or modify
+  ~ it under the terms of the GNU General Public License as published by
+  ~ the Free Software Foundation, either version 3 of the License, or
+  ~ (at your option) any later version.
+  ~
+  ~ This program is distributed in the hope that it will be useful,
+  ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
+  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  ~ GNU General Public License for more details.
+  ~
+  ~ You should have received a copy of the GNU General Public License
+  ~ along with this program.  If not, see <http://www.gnu.org/licenses/>
+  -->
+<resources>
+    <color name="brand_primary">#A8C7FA</color>
+    <color name="brand_on_primary">#0A1B33</color>
+    <color name="brand_primary_container">#20406C</color>
+    <color name="brand_on_primary_container">#D7E3FF</color>
+
+    <color name="surface">#101418</color>
+    <color name="surface_variant">#1F2630</color>
+    <color name="surface_container">#171C22</color>
+    <color name="surface_container_high">#20262E</color>
+    <color name="on_surface">#E3E9F1</color>
+    <color name="on_surface_variant">#AAB5C3</color>
+    <color name="outline">#3C4654</color>
+    <color name="drawer_header_background">#16202B</color>
+
+    <color name="regular">@color/on_surface_variant</color>
+    <color name="selected">@color/brand_primary</color>
+    <color name="channel">@color/on_surface_variant</color>
+    <color name="channel_number">#5ED3CD</color>
+    <color name="frequency">#83B8FF</color>
+    <color name="security">#D7CCC8</color>
+    <color name="distance">#86D993</color>
+    <color name="error">#FFB4AB</color>
+    <color name="warning">#F3C969</color>
+    <color name="success">#86D993</color>
+    <color name="background">@color/surface</color>
+    <color name="black">#000000</color>
+</resources>
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 9b7c4cc03..476a78e4b 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -16,30 +16,31 @@
   ~ You should have received a copy of the GNU General Public License
   ~ along with this program.  If not, see <http://www.gnu.org/licenses/>
   -->
-
 <resources>
-    <!-- grey_500 -->
-    <color name="regular">#9E9E9E</color>
-    <!-- blue_500 -->
-    <color name="selected">#2196F3</color>
-    <!-- grey_500 -->
-    <color name="channel">@color/regular</color>
-    <!-- cyan_500 -->
-    <color name="channel_number">#00BCD4</color>
-    <!-- cyan_700 -->
-    <color name="frequency">#0097A7</color>
-    <!-- blue_grey_500 -->
-    <color name="security">#607D8B</color>
-    <!-- teal_500 -->
-    <color name="distance">#009688</color>
-    <!-- red_500 -->
-    <color name="error">#F44336</color>
-    <!-- amber_500 -->
-    <color name="warning">#FFC107</color>
-    <!-- green_500 -->
-    <color name="success">#4CAF50</color>
-    <!-- background -->
-    <color name="background">#757575</color>
-    <!-- black -->
+    <color name="brand_primary">#1A73E8</color>
+    <color name="brand_on_primary">#FFFFFF</color>
+    <color name="brand_primary_container">#D7E3FF</color>
+    <color name="brand_on_primary_container">#001B3D</color>
+
+    <color name="surface">#F4F7FB</color>
+    <color name="surface_variant">#E3EAF4</color>
+    <color name="surface_container">#FFFFFF</color>
+    <color name="surface_container_high">#EDF2F8</color>
+    <color name="on_surface">#15202B</color>
+    <color name="on_surface_variant">#5F6B7A</color>
+    <color name="outline">#C7D0DD</color>
+    <color name="drawer_header_background">#E8F0FE</color>
+
+    <color name="regular">@color/on_surface_variant</color>
+    <color name="selected">@color/brand_primary</color>
+    <color name="channel">@color/on_surface_variant</color>
+    <color name="channel_number">#0B8A83</color>
+    <color name="frequency">#1565C0</color>
+    <color name="security">#6D4C41</color>
+    <color name="distance">#2E7D32</color>
+    <color name="error">#BA1A1A</color>
+    <color name="warning">#9A6700</color>
+    <color name="success">#2E7D32</color>
+    <color name="background">@color/surface</color>
     <color name="black">#000000</color>
 </resources>
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index 50a3c57b4..6f160d8c3 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -1,4 +1,5 @@
-<?xml version="1.0" encoding="utf-8"?><!--
+<?xml version="1.0" encoding="utf-8"?>
+<!--
   ~ WiFiAnalyzer
   ~ Copyright (C) 2015 - 2026 VREM Software Development <VREMSoftwareDevelopment@gmail.com>
   ~
@@ -15,42 +16,107 @@
   ~ You should have received a copy of the GNU General Public License
   ~ along with this program.  If not, see <http://www.gnu.org/licenses/>
   -->
-
 <resources>
 
-    <!-- Black theme -->
-    <style name="ThemeBlack" parent="Theme.AppCompat">
+    <style name="ThemeBase" parent="Theme.Material3.DayNight.NoActionBar">
         <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
+        <item name="android:windowBackground">@color/background</item>
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:navigationBarColor">@color/surface_container</item>
         <item name="android:actionMenuTextColor">@color/selected</item>
-        <item name="android:windowBackground">@color/black</item>
-        <item name="colorPrimary">@color/black</item>
-    </style>
-    <style name="ThemeBlackNoActionBar" parent="ThemeBlack">
-        <item name="windowActionBar">false</item>
-        <item name="windowNoTitle">true</item>
+        <item name="colorPrimary">@color/brand_primary</item>
+        <item name="colorOnPrimary">@color/brand_on_primary</item>
+        <item name="colorPrimaryContainer">@color/brand_primary_container</item>
+        <item name="colorOnPrimaryContainer">@color/brand_on_primary_container</item>
+        <item name="colorSecondary">@color/channel_number</item>
+        <item name="colorTertiary">@color/distance</item>
+        <item name="colorSurface">@color/surface_container</item>
+        <item name="colorSurfaceVariant">@color/surface_variant</item>
+        <item name="colorOnSurface">@color/on_surface</item>
+        <item name="colorOnSurfaceVariant">@color/on_surface_variant</item>
+        <item name="colorOnBackground">@color/on_surface</item>
+        <item name="colorOutline">@color/outline</item>
+        <item name="colorError">@color/error</item>
+        <item name="toolbarStyle">@style/Widget.WiFiAnalyzer.Toolbar</item>
+        <item name="bottomNavigationStyle">@style/Widget.WiFiAnalyzer.BottomNavigationView</item>
+        <item name="navigationViewStyle">@style/Widget.WiFiAnalyzer.NavigationView</item>
     </style>
 
-    <!-- System (DayNight) theme -->
-    <style name="ThemeSystem" parent="Theme.AppCompat.DayNight.DarkActionBar">
+    <style name="ThemeBlack" parent="Theme.Material3.DayNight.NoActionBar">
         <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
+        <item name="android:windowBackground">@color/black</item>
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:navigationBarColor">@color/black</item>
         <item name="android:actionMenuTextColor">@color/selected</item>
-    </style>
-    <style name="ThemeSystemNoActionBar" parent="ThemeSystem">
-        <item name="windowActionBar">false</item>
-        <item name="windowNoTitle">true</item>
+        <item name="colorPrimary">@color/brand_primary</item>
+        <item name="colorOnPrimary">@color/brand_on_primary</item>
+        <item name="colorPrimaryContainer">@color/brand_primary_container</item>
+        <item name="colorOnPrimaryContainer">@color/brand_on_primary_container</item>
+        <item name="colorSecondary">@color/channel_number</item>
+        <item name="colorTertiary">@color/distance</item>
+        <item name="colorSurface">@color/black</item>
+        <item name="colorSurfaceVariant">#111111</item>
+        <item name="colorOnSurface">@android:color/white</item>
+        <item name="colorOnSurfaceVariant">#BDBDBD</item>
+        <item name="colorOnBackground">@android:color/white</item>
+        <item name="colorOutline">#303030</item>
+        <item name="colorError">@color/error</item>
+        <item name="toolbarStyle">@style/Widget.WiFiAnalyzer.Toolbar</item>
+        <item name="bottomNavigationStyle">@style/Widget.WiFiAnalyzer.BottomNavigationView</item>
+        <item name="navigationViewStyle">@style/Widget.WiFiAnalyzer.NavigationView</item>
     </style>
 
-    <!-- Overlay and splash styles -->
+    <style name="ThemeBlackNoActionBar" parent="ThemeBlack" />
+
+    <style name="ThemeSystem" parent="ThemeBase" />
+
+    <style name="ThemeSystemNoActionBar" parent="ThemeSystem" />
+
     <style name="ThemeOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
+
     <style name="ThemeSplash" parent="Theme.SplashScreen">
         <item name="windowSplashScreenBackground">@color/background</item>
         <item name="windowSplashScreenAnimatedIcon">@drawable/splash_inset</item>
         <item name="windowSplashScreenAnimationDuration">500</item>
     </style>
 
-    <!-- Window animation style -->
     <style name="WindowAnimationTransition">
         <item name="android:windowEnterAnimation">@android:anim/fade_in</item>
         <item name="android:windowExitAnimation">@android:anim/fade_out</item>
     </style>
+
+    <style name="Widget.WiFiAnalyzer.Toolbar" parent="Widget.MaterialComponents.Toolbar">
+        <item name="android:background">@color/surface_container</item>
+        <item name="titleTextColor">@color/on_surface</item>
+        <item name="subtitleTextColor">@color/on_surface_variant</item>
+        <item name="navigationIconTint">@color/on_surface</item>
+        <item name="android:minHeight">64dp</item>
+    </style>
+
+    <style name="Widget.WiFiAnalyzer.BottomNavigationView" parent="Widget.MaterialComponents.BottomNavigationView">
+        <item name="android:background">@color/surface_container</item>
+        <item name="elevation">12dp</item>
+        <item name="itemActiveIndicatorStyle">@style/Widget.WiFiAnalyzer.BottomNavigationView.ActiveIndicator</item>
+        <item name="itemIconTint">@drawable/menu_selector</item>
+        <item name="itemTextColor">@drawable/menu_selector</item>
+    </style>
+
+    <style name="Widget.WiFiAnalyzer.BottomNavigationView.ActiveIndicator">
+        <item name="android:color">@color/brand_primary_container</item>
+        <item name="shapeAppearance">@style/ShapeAppearance.WiFiAnalyzer.NavigationIndicator</item>
+    </style>
+
+    <style name="Widget.WiFiAnalyzer.NavigationView" parent="Widget.MaterialComponents.NavigationView">
+        <item name="android:background">@color/surface_container</item>
+        <item name="elevation">12dp</item>
+        <item name="itemBackground">@drawable/navigation_drawer_item_background</item>
+        <item name="itemHorizontalPadding">20dp</item>
+        <item name="itemIconTint">@drawable/menu_selector</item>
+        <item name="itemTextColor">@drawable/menu_selector</item>
+    </style>
+
+    <style name="ShapeAppearance.WiFiAnalyzer.NavigationIndicator" parent="ShapeAppearance.MaterialComponents.SmallComponent">
+        <item name="cornerFamily">rounded</item>
+        <item name="cornerSize">16dp</item>
+    </style>
 </resources>