From 4b4853374c6ed6c5f0d82d19b2c47f1c12d31aa2 Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Sun, 10 Oct 2021 14:03:53 +0200
Subject: [PATCH 01/17] Moved server selector to the navigation menu

---
 .../ultrasonic/fragment/SettingsFragment.java | 19 -----
 .../ultrasonic/activity/NavigationActivity.kt | 36 +++++++--
 .../ultrasonic/data/ActiveServerProvider.kt   |  5 ++
 .../moire/ultrasonic/data/ServerSettingDao.kt |  6 ++
 .../moire/ultrasonic/fragment/MainFragment.kt | 45 -----------
 .../org/moire/ultrasonic/util/Constants.kt    |  1 -
 .../src/main/res/layout/main_buttons.xml      | 32 --------
 .../src/main/res/layout/navigation_header.xml | 74 ++++++++++++-------
 .../src/main/res/layout/song_list_item.xml    |  3 +-
 .../main/res/navigation/navigation_graph.xml  |  6 --
 ultrasonic/src/main/res/values/colors.xml     |  3 +-
 ultrasonic/src/main/res/values/strings.xml    |  1 +
 ultrasonic/src/main/res/values/styles.xml     |  2 +-
 ultrasonic/src/main/res/values/themes.xml     |  7 +-
 ultrasonic/src/main/res/xml/settings.xml      |  9 ---
 15 files changed, 99 insertions(+), 150 deletions(-)

diff --git a/ultrasonic/src/main/java/org/moire/ultrasonic/fragment/SettingsFragment.java b/ultrasonic/src/main/java/org/moire/ultrasonic/fragment/SettingsFragment.java
index 3a7253d7..57106064 100644
--- a/ultrasonic/src/main/java/org/moire/ultrasonic/fragment/SettingsFragment.java
+++ b/ultrasonic/src/main/java/org/moire/ultrasonic/fragment/SettingsFragment.java
@@ -55,7 +55,6 @@ import static org.moire.ultrasonic.fragment.ServerSelectorFragment.SERVER_SELECT
 public class SettingsFragment extends PreferenceFragmentCompat
         implements SharedPreferences.OnSharedPreferenceChangeListener {
 
-    private Preference addServerPreference;
     private ListPreference theme;
     private ListPreference maxBitrateWifi;
     private ListPreference maxBitrateMobile;
@@ -110,7 +109,6 @@ public class SettingsFragment extends PreferenceFragmentCompat
         super.onViewCreated(view, savedInstanceState);
         FragmentTitle.Companion.setTitle(this, R.string.menu_settings);
 
-        addServerPreference = findPreference(Constants.PREFERENCES_KEY_SERVERS_EDIT);
         theme = findPreference(Constants.PREFERENCES_KEY_THEME);
         maxBitrateWifi = findPreference(Constants.PREFERENCES_KEY_MAX_BITRATE_WIFI);
         maxBitrateMobile = findPreference(Constants.PREFERENCES_KEY_MAX_BITRATE_MOBILE);
@@ -141,7 +139,6 @@ public class SettingsFragment extends PreferenceFragmentCompat
         debugLogToFile = findPreference(Constants.PREFERENCES_KEY_DEBUG_LOG_TO_FILE);
         showArtistPicture = findPreference(Constants.PREFERENCES_KEY_SHOW_ARTIST_PICTURE);
 
-        setupServersCategory();
         sharingDefaultGreeting.setText(Settings.getShareGreeting());
         setupClearSearchPreference();
         setupGaplessControlSettingsV14();
@@ -394,22 +391,6 @@ public class SettingsFragment extends PreferenceFragmentCompat
         }
     }
 
-    private void setupServersCategory() {
-        addServerPreference.setPersistent(false);
-        addServerPreference.setTitle(getResources().getString(R.string.settings_server_manage_servers));
-        addServerPreference.setEnabled(true);
-
-        addServerPreference.setOnPreferenceClickListener(new Preference.OnPreferenceClickListener() {
-            @Override
-            public boolean onPreferenceClick(Preference preference) {
-                Bundle bundle = new Bundle();
-                bundle.putBoolean(SERVER_SELECTOR_MANAGE_MODE, true);
-                Navigation.findNavController(getView()).navigate(R.id.settingsToServerSelector, bundle);
-                return true;
-            }
-        });
-    }
-
     private void update() {
         theme.setSummary(theme.getEntry());
         maxBitrateWifi.setSummary(maxBitrateWifi.getEntry());
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
index f2e9a626..ce29e4f2 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
@@ -12,12 +12,14 @@ import android.view.KeyEvent
 import android.view.Menu
 import android.view.MenuItem
 import android.view.View
+import android.widget.Button
 import androidx.appcompat.app.AppCompatActivity
 import androidx.appcompat.widget.Toolbar
 import androidx.core.view.GravityCompat
 import androidx.drawerlayout.widget.DrawerLayout
 import androidx.fragment.app.FragmentContainerView
 import androidx.navigation.NavController
+import androidx.navigation.Navigation
 import androidx.navigation.findNavController
 import androidx.navigation.fragment.NavHostFragment
 import androidx.navigation.ui.AppBarConfiguration
@@ -31,7 +33,7 @@ import org.koin.android.ext.android.inject
 import org.koin.androidx.viewmodel.ext.android.viewModel
 import org.moire.ultrasonic.R
 import org.moire.ultrasonic.data.ActiveServerProvider
-import org.moire.ultrasonic.data.ActiveServerProvider.Companion.isOffline
+import org.moire.ultrasonic.data.ServerSettingDao
 import org.moire.ultrasonic.domain.PlayerState
 import org.moire.ultrasonic.fragment.OnBackPressedHandler
 import org.moire.ultrasonic.fragment.ServerSettingsModel
@@ -65,6 +67,7 @@ class NavigationActivity : AppCompatActivity() {
     private var navigationView: NavigationView? = null
     private var drawerLayout: DrawerLayout? = null
     private var host: NavHostFragment? = null
+    private var selectServerButton: Button? = null
 
     private lateinit var appBarConfiguration: AppBarConfiguration
     private lateinit var nowPlayingEventListener: NowPlayingEventListener
@@ -77,9 +80,12 @@ class NavigationActivity : AppCompatActivity() {
     private val nowPlayingEventDistributor: NowPlayingEventDistributor by inject()
     private val themeChangedEventDistributor: ThemeChangedEventDistributor by inject()
     private val permissionUtil: PermissionUtil by inject()
+    private val activeServerProvider: ActiveServerProvider by inject()
+    private val serverRepository: ServerSettingDao by inject()
 
     private var infoDialogDisplayed = false
     private var currentFragmentId: Int = 0
+    private var cachedServerCount: Int = 0
 
     override fun onCreate(savedInstanceState: Bundle?) {
         setUncaughtExceptionHandler()
@@ -140,7 +146,7 @@ class NavigationActivity : AppCompatActivity() {
             }
 
             // Hides menu items for Offline mode
-            setMenuForServerSetting()
+            setMenuForServerCapabilities()
         }
 
         // Determine first run and migrate server settings to DB as early as possible
@@ -179,12 +185,25 @@ class NavigationActivity : AppCompatActivity() {
 
         nowPlayingEventDistributor.subscribe(nowPlayingEventListener)
         themeChangedEventDistributor.subscribe(themeChangedEventListener)
+
+        serverRepository.liveServerCount().observe(this, { count ->
+            cachedServerCount = count ?: 0
+            setSelectServerButtonText()
+        })
+        ActiveServerProvider.liveActiveServerId.observe(this, { setSelectServerButtonText() })
+    }
+
+    private fun setSelectServerButtonText() {
+        val activeServerName = activeServerProvider.getActiveServer().name
+        if (cachedServerCount == 0)
+            selectServerButton?.text = getString(R.string.main_setup_server, activeServerName)
+        else selectServerButton?.text = activeServerName
     }
 
     override fun onResume() {
         super.onResume()
 
-        setMenuForServerSetting()
+        setMenuForServerCapabilities()
 
         // Lifecycle support's constructor registers some event receivers so it should be created early
         lifecycleSupport.onCreate()
@@ -232,6 +251,12 @@ class NavigationActivity : AppCompatActivity() {
         bookmarksMenuItem = navigationView?.menu?.findItem(R.id.bookmarksFragment)
         sharesMenuItem = navigationView?.menu?.findItem(R.id.sharesFragment)
         podcastsMenuItem = navigationView?.menu?.findItem(R.id.podcastFragment)
+        selectServerButton = navigationView?.getHeaderView(0)?.findViewById(R.id.header_select_server)
+        selectServerButton?.setOnClickListener {
+            if (drawerLayout?.isDrawerVisible(GravityCompat.START) == true)
+                this.drawerLayout?.closeDrawer(GravityCompat.START)
+            navController.navigate(R.id.serverSelectorFragment)
+        }
     }
 
     private fun setupActionBar(navController: NavController, appBarConfig: AppBarConfiguration) {
@@ -381,15 +406,14 @@ class NavigationActivity : AppCompatActivity() {
         nowPlayingView?.visibility = View.GONE
     }
 
-    private fun setMenuForServerSetting() {
-        if (isOffline()) {
+    private fun setMenuForServerCapabilities() {
+        if (ActiveServerProvider.isOffline()) {
             chatMenuItem?.isVisible = false
             bookmarksMenuItem?.isVisible = false
             sharesMenuItem?.isVisible = false
             podcastsMenuItem?.isVisible = false
             return
         }
-        val activeServerProvider: ActiveServerProvider by inject()
         val activeServer = activeServerProvider.getActiveServer()
         chatMenuItem?.isVisible = activeServer.chatSupport != false
         bookmarksMenuItem?.isVisible = activeServer.bookmarkSupport != false
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ActiveServerProvider.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ActiveServerProvider.kt
index 6b7d6d5f..75ee4fbe 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ActiveServerProvider.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ActiveServerProvider.kt
@@ -1,5 +1,7 @@
 package org.moire.ultrasonic.data
 
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
 import androidx.room.Room
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.GlobalScope
@@ -178,6 +180,7 @@ class ActiveServerProvider(
     companion object {
 
         const val METADATA_DB = "$DB_FILENAME-meta-"
+        val liveActiveServerId: MutableLiveData<Int> = MutableLiveData(getActiveServerId())
 
         /**
          * Queries if the Active Server is the "Offline" mode of Ultrasonic
@@ -205,6 +208,8 @@ class ActiveServerProvider(
             val editor = preferences.edit()
             editor.putInt(Constants.PREFERENCES_KEY_SERVER_INSTANCE, serverId)
             editor.apply()
+
+            liveActiveServerId.postValue(serverId)
         }
 
         /**
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ServerSettingDao.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ServerSettingDao.kt
index c715892e..b09149cc 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ServerSettingDao.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ServerSettingDao.kt
@@ -63,6 +63,12 @@ interface ServerSettingDao {
     @Query("SELECT COUNT(*) FROM serverSetting")
     suspend fun count(): Int?
 
+    /**
+     * Retrieves the count of rows in the table as a LiveData
+     */
+    @Query("SELECT COUNT(*) FROM serverSetting")
+    fun liveServerCount(): LiveData<Int?>
+
     /**
      * Retrieves the greatest value of the Id column in the table
      */
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/MainFragment.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/MainFragment.kt
index abb65951..56d33651 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/MainFragment.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/MainFragment.kt
@@ -7,14 +7,10 @@ import android.view.ViewGroup
 import android.widget.AdapterView
 import android.widget.AdapterView.OnItemClickListener
 import android.widget.ListView
-import android.widget.TextView
 import androidx.fragment.app.Fragment
 import androidx.navigation.Navigation
-import java.util.Locale
 import org.koin.core.component.KoinComponent
-import org.koin.core.component.inject
 import org.moire.ultrasonic.R
-import org.moire.ultrasonic.data.ActiveServerProvider
 import org.moire.ultrasonic.data.ActiveServerProvider.Companion.isOffline
 import org.moire.ultrasonic.util.Constants
 import org.moire.ultrasonic.util.MergeAdapter
@@ -27,8 +23,6 @@ import org.moire.ultrasonic.util.Util
 class MainFragment : Fragment(), KoinComponent {
     private var list: ListView? = null
 
-    private lateinit var serverButton: View
-    private lateinit var serverTextView: TextView
     private lateinit var musicTitle: View
     private lateinit var artistsButton: View
     private lateinit var albumsButton: View
@@ -48,8 +42,6 @@ class MainFragment : Fragment(), KoinComponent {
     private lateinit var albumsAlphaByArtistButton: View
     private lateinit var videosButton: View
 
-    private val activeServerProvider: ActiveServerProvider by inject()
-
     override fun onCreate(savedInstanceState: Bundle?) {
         Util.applyTheme(this.context)
         super.onCreate(savedInstanceState)
@@ -65,7 +57,6 @@ class MainFragment : Fragment(), KoinComponent {
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         list = view.findViewById(R.id.main_list)
-        cachedActiveServerProperties = getActiveServerProperties()
 
         setupButtons()
 
@@ -78,7 +69,6 @@ class MainFragment : Fragment(), KoinComponent {
         super.onResume()
         var shouldRestart = false
         val currentId3Setting = Settings.shouldUseId3Tags
-        val currentActiveServerProperties = getActiveServerProperties()
 
         // If setting has changed...
         if (currentId3Setting != shouldUseId3) {
@@ -86,12 +76,6 @@ class MainFragment : Fragment(), KoinComponent {
             shouldRestart = true
         }
 
-        // or the server has changed...
-        if (currentActiveServerProperties != cachedActiveServerProperties) {
-            cachedActiveServerProperties = currentActiveServerProperties
-            shouldRestart = true
-        }
-
         // then setup the list anew.
         if (shouldRestart) {
             if (list != null) setupMenuList(list!!)
@@ -100,8 +84,6 @@ class MainFragment : Fragment(), KoinComponent {
 
     private fun setupButtons() {
         val buttons = layoutInflater.inflate(R.layout.main_buttons, list, false)
-        serverButton = buttons.findViewById(R.id.main_select_server)
-        serverTextView = serverButton.findViewById(R.id.main_select_server_2)
         musicTitle = buttons.findViewById(R.id.main_music)
         artistsButton = buttons.findViewById(R.id.main_artists_button)
         albumsButton = buttons.findViewById(R.id.main_albums_button)
@@ -123,15 +105,10 @@ class MainFragment : Fragment(), KoinComponent {
     }
 
     private fun setupMenuList(list: ListView) {
-        // Set title
-        val activeServerName = activeServerProvider.getActiveServer().name
-        serverTextView.text = activeServerName
 
         // TODO: Should use RecyclerView
         val adapter = MergeAdapter()
 
-        adapter.addView(serverButton, true)
-
         shouldUseId3 = Settings.shouldUseId3Tags
 
         if (!isOffline()) {
@@ -177,9 +154,6 @@ class MainFragment : Fragment(), KoinComponent {
     private val listListener =
         OnItemClickListener { _: AdapterView<*>?, view: View, _: Int, _: Long ->
             when {
-                view === serverButton -> {
-                    showServers()
-                }
                 view === albumsNewestButton -> {
                     showAlbumList("newest", R.string.main_albums_newest)
                 }
@@ -225,20 +199,6 @@ class MainFragment : Fragment(), KoinComponent {
             }
         }
 
-    private fun getActiveServerProperties(): String {
-        val server = activeServerProvider.getActiveServer()
-        return String.format(
-            Locale.ROOT,
-            "%s;%s;%s;%s;%s;%s",
-            server.url,
-            server.userName,
-            server.password,
-            server.allowSelfSignedCertificate,
-            server.ldapSupport,
-            server.minimumApiVersion
-        )
-    }
-
     private fun showStarredSongs() {
         val bundle = Bundle()
         bundle.putInt(Constants.INTENT_EXTRA_NAME_STARRED, 1)
@@ -281,12 +241,7 @@ class MainFragment : Fragment(), KoinComponent {
         Navigation.findNavController(requireView()).navigate(R.id.mainToTrackCollection, bundle)
     }
 
-    private fun showServers() {
-        Navigation.findNavController(requireView()).navigate(R.id.mainToServerSelector)
-    }
-
     companion object {
         private var shouldUseId3 = false
-        private var cachedActiveServerProperties: String? = null
     }
 }
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/Constants.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/Constants.kt
index 908974c4..135ed3d2 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/Constants.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/Constants.kt
@@ -54,7 +54,6 @@ object Constants {
 
     // Preferences keys.
     const val PREFERENCES_KEY_SERVER_INSTANCE = "serverInstanceId"
-    const val PREFERENCES_KEY_SERVERS_EDIT = "editServers"
     const val PREFERENCES_KEY_THEME = "theme"
     const val PREFERENCES_KEY_THEME_LIGHT = "light"
     const val PREFERENCES_KEY_THEME_DARK = "dark"
diff --git a/ultrasonic/src/main/res/layout/main_buttons.xml b/ultrasonic/src/main/res/layout/main_buttons.xml
index cbdd8ca6..bc27ea5b 100644
--- a/ultrasonic/src/main/res/layout/main_buttons.xml
+++ b/ultrasonic/src/main/res/layout/main_buttons.xml
@@ -2,38 +2,6 @@
 <LinearLayout xmlns:a="http://schemas.android.com/apk/res/android"
 	a:orientation="vertical" a:layout_width="fill_parent" a:layout_height="fill_parent">
 
-	<LinearLayout a:id="@+id/main_select_server"
-		a:orientation="horizontal" a:paddingTop="2dip" a:paddingBottom="2dip"
-		a:paddingLeft="10dp" a:layout_width="fill_parent" a:layout_height="wrap_content"
-		a:minHeight="?android:attr/listPreferredItemHeight">
-
-		<ImageView a:layout_width="wrap_content" a:layout_height="wrap_content"
-			a:layout_gravity="center_vertical" a:src="?attr/select_server" />
-
-		<LinearLayout
-			a:layout_width="wrap_content"
-			a:layout_height="wrap_content"
-			a:orientation="vertical">
-
-			<TextView
-				a:id="@+id/main.select_server_1"
-				a:layout_width="fill_parent"
-				a:layout_height="wrap_content"
-				a:layout_marginLeft="10dip"
-				a:layout_marginTop="6dip"
-				a:text="@string/main.select_server"
-				a:textAppearance="?android:attr/textAppearanceLarge" />
-
-			<TextView
-				a:id="@+id/main.select_server_2"
-				a:layout_width="fill_parent"
-				a:layout_height="wrap_content"
-				a:layout_marginLeft="10dip"
-				a:textAppearance="?android:attr/textAppearanceSmall" />
-
-		</LinearLayout>
-	</LinearLayout>
-
 	<TextView a:id="@+id/main_music" a:text="@string/main.music"
 		a:layout_width="fill_parent" a:layout_height="wrap_content"
 		a:textAppearance="?android:attr/textAppearanceSmall" a:textColor="@color/cyan"
diff --git a/ultrasonic/src/main/res/layout/navigation_header.xml b/ultrasonic/src/main/res/layout/navigation_header.xml
index 0fa1c393..8a67c2fa 100644
--- a/ultrasonic/src/main/res/layout/navigation_header.xml
+++ b/ultrasonic/src/main/res/layout/navigation_header.xml
@@ -1,8 +1,11 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:a="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:a="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
     a:id="@+id/view_container"
     a:layout_width="match_parent"
-    a:layout_height="96dp"
+    a:layout_height="wrap_content"
     a:gravity="bottom"
     a:orientation="vertical"
     a:theme="@style/ThemeOverlay.AppCompat.Dark">
@@ -10,32 +13,53 @@
     <ImageView
         a:id="@+id/img_header_bg"
         a:layout_width="match_parent"
-        a:layout_height="match_parent"
+        a:layout_height="0dp"
         a:scaleType="fitXY"
-        a:src="@drawable/ic_launcher_background" />
+        a:src="@drawable/ic_launcher_background"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
 
-    <LinearLayout
+    <ImageView
+        a:id="@+id/img_profile"
+        a:layout_width="52dp"
+        a:layout_height="52dp"
+        a:layout_marginStart="16dp"
+        a:layout_marginLeft="16dp"
+        a:layout_marginTop="32dp"
+        a:src="@drawable/ic_stat_ultrasonic"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        a:id="@+id/name"
         a:layout_width="wrap_content"
         a:layout_height="wrap_content"
-        a:layout_centerVertical="true"
-        a:orientation="horizontal"
-        a:padding="16dp">
+        a:gravity="center_vertical"
+        a:paddingStart="16dp"
+        a:paddingLeft="16dp"
+        a:text="@string/common.appname"
+        a:textAppearance="@style/TextAppearance.AppCompat.Title"
+        app:layout_constraintBottom_toBottomOf="@+id/img_profile"
+        app:layout_constraintStart_toEndOf="@+id/img_profile"
+        app:layout_constraintTop_toTopOf="@+id/img_profile" />
 
-        <ImageView
-            a:id="@+id/img_profile"
-            a:layout_width="52dp"
-            a:layout_height="52dp"
-            a:src="@drawable/ic_stat_ultrasonic" />
+    <Button
+        a:id="@+id/header_select_server"
+        style="@style/Widget.MaterialComponents.Button.TextButton.Icon"
+        a:layout_width="wrap_content"
+        a:layout_height="wrap_content"
+        a:layout_marginStart="6dp"
+        a:layout_marginLeft="6dp"
+        a:textAppearance="@style/MenuDrawer.Widget"
+        a:textSize="14sp"
+        app:icon="@drawable/ic_menu_select_server_dark"
+        app:iconPadding="16dp"
+        app:iconTint="@color/appwidget_text"
+        a:padding="16dp"
+        a:text="@string/main.offline"
+        a:textColor="@color/appwidget_text"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="@+id/img_header_bg"
+        app:layout_constraintTop_toBottomOf="@+id/img_profile" />
 
-        <TextView
-            a:id="@+id/name"
-            a:layout_width="wrap_content"
-            a:layout_height="match_parent"
-            a:gravity="center_vertical"
-            a:paddingStart="16dp"
-            a:paddingLeft="16dp"
-            a:text="@string/common.appname"
-            a:textAppearance="@style/TextAppearance.AppCompat.Title" />
-
-    </LinearLayout>
-</RelativeLayout>
\ No newline at end of file
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/ultrasonic/src/main/res/layout/song_list_item.xml b/ultrasonic/src/main/res/layout/song_list_item.xml
index 53c33ccf..94d7384a 100644
--- a/ultrasonic/src/main/res/layout/song_list_item.xml
+++ b/ultrasonic/src/main/res/layout/song_list_item.xml
@@ -4,8 +4,7 @@
     a:layout_width="fill_parent"
     a:layout_height="wrap_content"
     a:minHeight="?android:attr/listPreferredItemHeight"
-    a:orientation="horizontal"
-    a:background="?attr/color_menu_background">
+    a:orientation="horizontal">
 
     <ImageView
         a:id="@+id/song_drag"
diff --git a/ultrasonic/src/main/res/navigation/navigation_graph.xml b/ultrasonic/src/main/res/navigation/navigation_graph.xml
index dc877465..edac0712 100644
--- a/ultrasonic/src/main/res/navigation/navigation_graph.xml
+++ b/ultrasonic/src/main/res/navigation/navigation_graph.xml
@@ -19,9 +19,6 @@
         <action
             android:id="@+id/mainToSelectGenre"
             app:destination="@id/selectGenreFragment" />
-        <action
-            android:id="@+id/mainToServerSelector"
-            app:destination="@id/serverSelectorFragment" />
     </fragment>
     <fragment
         android:id="@+id/mediaLibraryFragment"
@@ -83,9 +80,6 @@
     <fragment
         android:id="@+id/settingsFragment"
         android:name="org.moire.ultrasonic.fragment.SettingsFragment" >
-        <action
-            android:id="@+id/settingsToServerSelector"
-            app:destination="@id/serverSelectorFragment" />
     </fragment>
     <fragment
         android:id="@+id/aboutFragment"
diff --git a/ultrasonic/src/main/res/values/colors.xml b/ultrasonic/src/main/res/values/colors.xml
index b89791a1..5e823ee5 100644
--- a/ultrasonic/src/main/res/values/colors.xml
+++ b/ultrasonic/src/main/res/values/colors.xml
@@ -8,7 +8,8 @@
     <color name="md__transparent">#00000000</color>
     <color name="translucent">#80000000</color>
     <color name="background_color_dark">#ff000000</color>
-    <color name="background_color_light">#fff3f3f3</color>
+    <color name="background_color_grey">#ff333333</color>
+    <color name="background_color_light">#ffffffff</color>
     <color name="selected_color_dark">#424242</color>
     <color name="selected_color_light">#B1B1B1</color>
     <color name="selected_menu_dark">#fff3f3f3</color>
diff --git a/ultrasonic/src/main/res/values/strings.xml b/ultrasonic/src/main/res/values/strings.xml
index df8ba3c7..2a02617d 100644
--- a/ultrasonic/src/main/res/values/strings.xml
+++ b/ultrasonic/src/main/res/values/strings.xml
@@ -106,6 +106,7 @@
     <string name="main.music">Music</string>
     <string name="main.offline">Offline</string>
     <string name="main.select_server">Select Server</string>
+    <string name="main.setup_server">%s - Setup Server</string>
     <string name="main.shuffle">Shuffle Play</string>
     <string name="main.songs_random">Random</string>
     <string name="main.songs_starred">Starred</string>
diff --git a/ultrasonic/src/main/res/values/styles.xml b/ultrasonic/src/main/res/values/styles.xml
index d3f040f1..a442830c 100644
--- a/ultrasonic/src/main/res/values/styles.xml
+++ b/ultrasonic/src/main/res/values/styles.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <style name="NoActionBar" parent="@style/Theme.AppCompat">
+    <style name="NoActionBar" parent="@style/Theme.MaterialComponents">
         <item name="windowActionBar">false</item>
         <item name="windowNoTitle">true</item>
     </style>
diff --git a/ultrasonic/src/main/res/values/themes.xml b/ultrasonic/src/main/res/values/themes.xml
index 05bb7cc5..4cf92830 100644
--- a/ultrasonic/src/main/res/values/themes.xml
+++ b/ultrasonic/src/main/res/values/themes.xml
@@ -63,10 +63,11 @@
         <item name="list_selector_holo_selected">@drawable/list_selector_holo_dark_selected</item>
     </style>
 
-    <style name="UltrasonicTheme" parent="Theme.AppCompat">
+    <style name="UltrasonicTheme" parent="Theme.MaterialComponents">
         <item name="windowActionBar">false</item>
         <item name="windowNoTitle">true</item>
-        <item name="color_background">@color/background_color_dark</item>
+        <item name="color_background">@color/background_color_grey</item>
+        <item name="android:colorBackground">@color/background_color_grey</item>
         <item name="color_selected">@color/selected_color_dark</item>
         <item name="color_menu_selected">@color/selected_menu_dark</item>
         <item name="color_menu_background">@color/selected_menu_background_dark</item>
@@ -126,7 +127,7 @@
         <item name="list_selector_holo_selected">@drawable/list_selector_holo_dark_selected</item>
     </style>
 
-    <style name="UltrasonicTheme.Light" parent="Theme.AppCompat.Light">
+    <style name="UltrasonicTheme.Light" parent="Theme.MaterialComponents.Light">
         <item name="windowActionBar">false</item>
         <item name="windowNoTitle">true</item>
         <item name="color_background">@color/background_color_light</item>
diff --git a/ultrasonic/src/main/res/xml/settings.xml b/ultrasonic/src/main/res/xml/settings.xml
index e1b672e5..101d2ac1 100644
--- a/ultrasonic/src/main/res/xml/settings.xml
+++ b/ultrasonic/src/main/res/xml/settings.xml
@@ -2,15 +2,6 @@
 <PreferenceScreen xmlns:a="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto" a:title="@string/common.appname">
 
-    <PreferenceCategory
-        a:key="serversKey"
-        a:title="@string/settings.servers_title"
-        app:iconSpaceReserved="false">
-        <Preference
-            a:key="editServers"
-            a:title="@string/settings.server_manage_servers"
-            app:iconSpaceReserved="false"/>
-    </PreferenceCategory>
     <PreferenceCategory
         a:title="@string/settings.appearance_title"
         app:iconSpaceReserved="false">

From 381e29b2d14b48bfa22d59a1592235227d7176d0 Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Sun, 10 Oct 2021 14:15:03 +0200
Subject: [PATCH 02/17] Fixed lint issues

---
 .../ultrasonic/activity/NavigationActivity.kt     | 15 +++++++++------
 .../moire/ultrasonic/data/ActiveServerProvider.kt |  1 -
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
index ce29e4f2..a640ba1e 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
@@ -19,7 +19,6 @@ import androidx.core.view.GravityCompat
 import androidx.drawerlayout.widget.DrawerLayout
 import androidx.fragment.app.FragmentContainerView
 import androidx.navigation.NavController
-import androidx.navigation.Navigation
 import androidx.navigation.findNavController
 import androidx.navigation.fragment.NavHostFragment
 import androidx.navigation.ui.AppBarConfiguration
@@ -186,10 +185,13 @@ class NavigationActivity : AppCompatActivity() {
         nowPlayingEventDistributor.subscribe(nowPlayingEventListener)
         themeChangedEventDistributor.subscribe(themeChangedEventListener)
 
-        serverRepository.liveServerCount().observe(this, { count ->
-            cachedServerCount = count ?: 0
-            setSelectServerButtonText()
-        })
+        serverRepository.liveServerCount().observe(
+            this,
+            { count ->
+                cachedServerCount = count ?: 0
+                setSelectServerButtonText()
+            }
+        )
         ActiveServerProvider.liveActiveServerId.observe(this, { setSelectServerButtonText() })
     }
 
@@ -251,7 +253,8 @@ class NavigationActivity : AppCompatActivity() {
         bookmarksMenuItem = navigationView?.menu?.findItem(R.id.bookmarksFragment)
         sharesMenuItem = navigationView?.menu?.findItem(R.id.sharesFragment)
         podcastsMenuItem = navigationView?.menu?.findItem(R.id.podcastFragment)
-        selectServerButton = navigationView?.getHeaderView(0)?.findViewById(R.id.header_select_server)
+        selectServerButton =
+            navigationView?.getHeaderView(0)?.findViewById(R.id.header_select_server)
         selectServerButton?.setOnClickListener {
             if (drawerLayout?.isDrawerVisible(GravityCompat.START) == true)
                 this.drawerLayout?.closeDrawer(GravityCompat.START)
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ActiveServerProvider.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ActiveServerProvider.kt
index 75ee4fbe..1d768071 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ActiveServerProvider.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ActiveServerProvider.kt
@@ -1,6 +1,5 @@
 package org.moire.ultrasonic.data
 
-import androidx.lifecycle.LiveData
 import androidx.lifecycle.MutableLiveData
 import androidx.room.Room
 import kotlinx.coroutines.Dispatchers

From 652f85b070a30abaa4ac76ad591bd2c85e3584ed Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Sun, 10 Oct 2021 14:41:16 +0200
Subject: [PATCH 03/17] Removed unused strings

---
 ultrasonic/src/main/res/values/strings.xml | 2 --
 1 file changed, 2 deletions(-)

diff --git a/ultrasonic/src/main/res/values/strings.xml b/ultrasonic/src/main/res/values/strings.xml
index 2a02617d..86687bc1 100644
--- a/ultrasonic/src/main/res/values/strings.xml
+++ b/ultrasonic/src/main/res/values/strings.xml
@@ -105,7 +105,6 @@
     <string name="main.genres_title">Genres</string>
     <string name="main.music">Music</string>
     <string name="main.offline">Offline</string>
-    <string name="main.select_server">Select Server</string>
     <string name="main.setup_server">%s - Setup Server</string>
     <string name="main.shuffle">Shuffle Play</string>
     <string name="main.songs_random">Random</string>
@@ -296,7 +295,6 @@
     <string name="settings.server_scaling_title">Server-Side Album Art Scaling</string>
     <string name="settings.server_unused">Unused</string>
     <string name="settings.server_username">Username</string>
-    <string name="settings.servers_title">Servers</string>
     <string name="settings.show_lockscreen_controls">Show Lock Screen Controls</string>
     <string name="settings.show_lockscreen_controls_summary">Show playback controls on the lock screen</string>
     <string name="settings.show_notification">Show Notification</string>

From 62150b77d365f960a1d11da3675b536cdf56cfef Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Sun, 10 Oct 2021 15:03:57 +0200
Subject: [PATCH 04/17] Removed strings

---
 ultrasonic/src/main/res/values-cs/strings.xml     | 2 --
 ultrasonic/src/main/res/values-de/strings.xml     | 2 --
 ultrasonic/src/main/res/values-es/strings.xml     | 2 --
 ultrasonic/src/main/res/values-fr/strings.xml     | 2 --
 ultrasonic/src/main/res/values-hu/strings.xml     | 2 --
 ultrasonic/src/main/res/values-it/strings.xml     | 2 --
 ultrasonic/src/main/res/values-nl/strings.xml     | 2 --
 ultrasonic/src/main/res/values-pl/strings.xml     | 2 --
 ultrasonic/src/main/res/values-pt-rBR/strings.xml | 2 --
 ultrasonic/src/main/res/values-pt/strings.xml     | 2 --
 ultrasonic/src/main/res/values-ru/strings.xml     | 2 --
 ultrasonic/src/main/res/values-zh-rCN/strings.xml | 2 --
 12 files changed, 24 deletions(-)

diff --git a/ultrasonic/src/main/res/values-cs/strings.xml b/ultrasonic/src/main/res/values-cs/strings.xml
index 934be6c7..0676557f 100644
--- a/ultrasonic/src/main/res/values-cs/strings.xml
+++ b/ultrasonic/src/main/res/values-cs/strings.xml
@@ -95,7 +95,6 @@
     <string name="main.genres_title">Žánry</string>
     <string name="main.music">Hudba</string>
     <string name="main.offline">Bez připojení</string>
-    <string name="main.select_server">Vybrat server</string>
     <string name="main.shuffle">Náhodné přehrávání</string>
     <string name="main.songs_random">Náhodné</string>
     <string name="main.songs_starred">Označené hvězdičkou</string>
@@ -277,7 +276,6 @@
     <string name="settings.server_scaling_title">Škálování obrázků alb na serveru</string>
     <string name="settings.server_unused">Nepoužitý</string>
     <string name="settings.server_username">Uživatelské jméno</string>
-    <string name="settings.servers_title">Servery</string>
     <string name="settings.show_lockscreen_controls">Zobrazit ovládání na zamknuté obrazovce</string>
     <string name="settings.show_lockscreen_controls_summary">Zobrazí ovládání přehrávače na zamknuté obrazovce</string>
     <string name="settings.show_notification">Zobrazení upozornění</string>
diff --git a/ultrasonic/src/main/res/values-de/strings.xml b/ultrasonic/src/main/res/values-de/strings.xml
index 0ba6ac97..9e766b76 100644
--- a/ultrasonic/src/main/res/values-de/strings.xml
+++ b/ultrasonic/src/main/res/values-de/strings.xml
@@ -94,7 +94,6 @@
     <string name="main.genres_title">Genres</string>
     <string name="main.music">Musik</string>
     <string name="main.offline">Offline</string>
-    <string name="main.select_server">Server wählen</string>
     <string name="main.shuffle">Gemischte Wiedergabe</string>
     <string name="main.songs_random">Zufällig</string>
     <string name="main.songs_starred">Mit Stern</string>
@@ -276,7 +275,6 @@
     <string name="settings.server_scaling_title">Serverseitige Skalierung der Cover</string>
     <string name="settings.server_unused">Unbenutzt</string>
     <string name="settings.server_username">Benutzername</string>
-    <string name="settings.servers_title">Server</string>
     <string name="settings.show_lockscreen_controls">Steuerelemente auf Sperrbildschirm</string>
     <string name="settings.show_lockscreen_controls_summary">Wiedergabeelemente auf dem Sperrbildschirm anzeigen</string>
     <string name="settings.show_notification">Benachrichtigungen anzeigen</string>
diff --git a/ultrasonic/src/main/res/values-es/strings.xml b/ultrasonic/src/main/res/values-es/strings.xml
index 07d30379..8ba9dc7a 100644
--- a/ultrasonic/src/main/res/values-es/strings.xml
+++ b/ultrasonic/src/main/res/values-es/strings.xml
@@ -105,7 +105,6 @@
     <string name="main.genres_title">Géneros</string>
     <string name="main.music">Música</string>
     <string name="main.offline">Sin conexión</string>
-    <string name="main.select_server">Seleccionar Servidor</string>
     <string name="main.shuffle">Reproducción aleatoria</string>
     <string name="main.songs_random">Aleatorio</string>
     <string name="main.songs_starred">Me gusta</string>
@@ -291,7 +290,6 @@
     <string name="settings.server_scaling_title">Escalado de caratulas en el servidor</string>
     <string name="settings.server_unused">Sin usar</string>
     <string name="settings.server_username">Nombre de usuario</string>
-    <string name="settings.servers_title">Servidores</string>
     <string name="settings.show_lockscreen_controls">Mostrar controles en la pantalla de bloqueo</string>
     <string name="settings.show_lockscreen_controls_summary">Mostrar controles de reproducción en la pantalla de bloqueo</string>
     <string name="settings.show_notification">Mostrar notificación</string>
diff --git a/ultrasonic/src/main/res/values-fr/strings.xml b/ultrasonic/src/main/res/values-fr/strings.xml
index 01f0baee..7dacf48b 100644
--- a/ultrasonic/src/main/res/values-fr/strings.xml
+++ b/ultrasonic/src/main/res/values-fr/strings.xml
@@ -105,7 +105,6 @@
     <string name="main.genres_title">Genres</string>
     <string name="main.music">Musique</string>
     <string name="main.offline">Hors-ligne</string>
-    <string name="main.select_server">Sélectionner un serveur</string>
     <string name="main.shuffle">Lecture aléatoire</string>
     <string name="main.songs_random">Aléatoire</string>
     <string name="main.songs_starred">Favoris</string>
@@ -291,7 +290,6 @@
     <string name="settings.server_scaling_title">Mise à l\'échelle des pochettes d\'album sur le serveur</string>
     <string name="settings.server_unused">Inutilisé</string>
     <string name="settings.server_username">Nom d\'utilisateur</string>
-    <string name="settings.servers_title">Serveurs</string>
     <string name="settings.show_lockscreen_controls">Boutons de contrôle sur l\'écran de verrouillage</string>
     <string name="settings.show_lockscreen_controls_summary">Afficher les contrôles de lecture sur l\'écran de verrouillage</string>
     <string name="settings.show_notification">Notifications</string>
diff --git a/ultrasonic/src/main/res/values-hu/strings.xml b/ultrasonic/src/main/res/values-hu/strings.xml
index e639c913..b208ad28 100644
--- a/ultrasonic/src/main/res/values-hu/strings.xml
+++ b/ultrasonic/src/main/res/values-hu/strings.xml
@@ -105,7 +105,6 @@
     <string name="main.genres_title">Műfajok</string>
     <string name="main.music">Zenék</string>
     <string name="main.offline">Kapcsolat nélküli</string>
-    <string name="main.select_server">Kiszolgáló kiválasztása</string>
     <string name="main.shuffle">Véletlen sorrendű</string>
     <string name="main.songs_random">Véletlenszerű</string>
     <string name="main.songs_starred">Csillaggal megjelölt</string>
@@ -289,7 +288,6 @@
     <string name="settings.server_scaling_title">Albumborító átméretezés (Kiszolgáló-oldali)</string>
     <string name="settings.server_unused">Kiszolgáló</string>
     <string name="settings.server_username">Felhasználónév</string>
-    <string name="settings.servers_title">Kiszolgálók</string>
     <string name="settings.show_lockscreen_controls">Képernyőzár kezelése</string>
     <string name="settings.show_lockscreen_controls_summary">Lejátszó-kezelőpanel megjelenítése a képernyőzáron.</string>
     <string name="settings.show_notification">Értesítések megjelenítése</string>
diff --git a/ultrasonic/src/main/res/values-it/strings.xml b/ultrasonic/src/main/res/values-it/strings.xml
index 2ad80868..6a5d46dd 100644
--- a/ultrasonic/src/main/res/values-it/strings.xml
+++ b/ultrasonic/src/main/res/values-it/strings.xml
@@ -92,7 +92,6 @@
     <string name="main.genres_title">Generi</string>
     <string name="main.music">Musica</string>
     <string name="main.offline">Disconnesso</string>
-    <string name="main.select_server">Seleziona Server</string>
     <string name="main.shuffle">Riproduzione casuale</string>
     <string name="main.songs_random">Casuale</string>
     <string name="main.songs_starred">Preferiti</string>
@@ -270,7 +269,6 @@
     <string name="settings.server_scaling_title">Ridimensionamento copertine Album lato server</string>
     <string name="settings.server_unused">Inutilizzato</string>
     <string name="settings.server_username">Username</string>
-    <string name="settings.servers_title">Server</string>
     <string name="settings.show_lockscreen_controls">Mostra i controlli del blocco schermo</string>
     <string name="settings.show_lockscreen_controls_summary">Mostra i controlli di riproduzione sulla schermata di blocco</string>
     <string name="settings.show_notification">Mostra notifica</string>
diff --git a/ultrasonic/src/main/res/values-nl/strings.xml b/ultrasonic/src/main/res/values-nl/strings.xml
index 8fd7f8f7..976fdfd7 100644
--- a/ultrasonic/src/main/res/values-nl/strings.xml
+++ b/ultrasonic/src/main/res/values-nl/strings.xml
@@ -105,7 +105,6 @@
     <string name="main.genres_title">Genres</string>
     <string name="main.music">Muziek</string>
     <string name="main.offline">Offline</string>
-    <string name="main.select_server">Kies een server</string>
     <string name="main.shuffle">Willekeurig afspelen</string>
     <string name="main.songs_random">Willekeurig</string>
     <string name="main.songs_starred">Favorieten</string>
@@ -289,7 +288,6 @@
     <string name="settings.server_scaling_title">Verkleinde afbeeldingen ophalen van server</string>
     <string name="settings.server_unused">Ongebruikt</string>
     <string name="settings.server_username">Gebruikersnaam</string>
-    <string name="settings.servers_title">Servers</string>
     <string name="settings.show_lockscreen_controls">Vergrendelschermbediening tonen</string>
     <string name="settings.show_lockscreen_controls_summary">Toont afspeelbediening op het vergrendelscherm</string>
     <string name="settings.show_notification">Melding tonen</string>
diff --git a/ultrasonic/src/main/res/values-pl/strings.xml b/ultrasonic/src/main/res/values-pl/strings.xml
index 09d38120..310d6862 100644
--- a/ultrasonic/src/main/res/values-pl/strings.xml
+++ b/ultrasonic/src/main/res/values-pl/strings.xml
@@ -94,7 +94,6 @@
     <string name="main.genres_title">Gatunki</string>
     <string name="main.music">Muzyka</string>
     <string name="main.offline">Offline</string>
-    <string name="main.select_server">Wybierz serwer</string>
     <string name="main.shuffle">Losowo</string>
     <string name="main.songs_random">Losowe</string>
     <string name="main.songs_starred">Ulubione</string>
@@ -275,7 +274,6 @@
     <string name="settings.server_scaling_title">Skalowanie okładek po stronie serwera</string>
     <string name="settings.server_unused">Bez nazwy</string>
     <string name="settings.server_username">Nazwa użytkownika</string>
-    <string name="settings.servers_title">Serwery</string>
     <string name="settings.show_lockscreen_controls">Wyświetlaj na ekranie blokady</string>
     <string name="settings.show_lockscreen_controls_summary">Wyświetla widżet odtwarzacza na ekranie blokady</string>
     <string name="settings.show_notification">Wyświetlaj powiadomienia</string>
diff --git a/ultrasonic/src/main/res/values-pt-rBR/strings.xml b/ultrasonic/src/main/res/values-pt-rBR/strings.xml
index b8ef019d..2bb36b5b 100644
--- a/ultrasonic/src/main/res/values-pt-rBR/strings.xml
+++ b/ultrasonic/src/main/res/values-pt-rBR/strings.xml
@@ -105,7 +105,6 @@
     <string name="main.genres_title">Gêneros</string>
     <string name="main.music">Música</string>
     <string name="main.offline">Offline</string>
-    <string name="main.select_server">Selecione o Servidor</string>
     <string name="main.shuffle">Misturar Músicas</string>
     <string name="main.songs_random">Aleatórias</string>
     <string name="main.songs_starred">Favoritas</string>
@@ -291,7 +290,6 @@
     <string name="settings.server_scaling_title">Reduzir Arte dos Álbuns</string>
     <string name="settings.server_unused">Não usado</string>
     <string name="settings.server_username">Login</string>
-    <string name="settings.servers_title">Servidores</string>
     <string name="settings.show_lockscreen_controls">Controles na Tela de Bloqueio</string>
     <string name="settings.show_lockscreen_controls_summary">Mostrar controles de reprodução na tela de bloqueio</string>
     <string name="settings.show_notification">Mostrar Notificações</string>
diff --git a/ultrasonic/src/main/res/values-pt/strings.xml b/ultrasonic/src/main/res/values-pt/strings.xml
index 68d09fd9..8af20295 100644
--- a/ultrasonic/src/main/res/values-pt/strings.xml
+++ b/ultrasonic/src/main/res/values-pt/strings.xml
@@ -94,7 +94,6 @@
     <string name="main.genres_title">Gêneros</string>
     <string name="main.music">Música</string>
     <string name="main.offline">Offline</string>
-    <string name="main.select_server">Selecione o Servidor</string>
     <string name="main.shuffle">Misturar Músicas</string>
     <string name="main.songs_random">Aleatórias</string>
     <string name="main.songs_starred">Favoritas</string>
@@ -275,7 +274,6 @@
     <string name="settings.server_scaling_title">Reduzir Arte dos Álbuns</string>
     <string name="settings.server_unused">Não usado</string>
     <string name="settings.server_username">Login</string>
-    <string name="settings.servers_title">Servidores</string>
     <string name="settings.show_lockscreen_controls">Controles no Ecrã de Bloqueio</string>
     <string name="settings.show_lockscreen_controls_summary">Mostra controles de reprodução no ecrã de bloqueio</string>
     <string name="settings.show_notification">Mostrar Notificações</string>
diff --git a/ultrasonic/src/main/res/values-ru/strings.xml b/ultrasonic/src/main/res/values-ru/strings.xml
index 44609be5..5d9b725a 100644
--- a/ultrasonic/src/main/res/values-ru/strings.xml
+++ b/ultrasonic/src/main/res/values-ru/strings.xml
@@ -105,7 +105,6 @@
     <string name="main.genres_title">Жанры</string>
     <string name="main.music">Музыка</string>
     <string name="main.offline">Не в сети</string>
-    <string name="main.select_server">Выбрать сервер</string>
     <string name="main.shuffle">Играть в случайном порядке</string>
     <string name="main.songs_random">Случайный</string>
     <string name="main.songs_starred">Отмеченные</string>
@@ -291,7 +290,6 @@
     <string name="settings.server_scaling_title">Серверное масштабирование обложек альбомов</string>
     <string name="settings.server_unused">Неиспользуемый</string>
     <string name="settings.server_username">Имя пользователя</string>
-    <string name="settings.servers_title">Серверы</string>
     <string name="settings.show_lockscreen_controls">Показать блокировку экрана</string>
     <string name="settings.show_lockscreen_controls_summary">Показать элементы управления воспроизведением на экране блокировки</string>
     <string name="settings.show_notification">Показывать уведомления</string>
diff --git a/ultrasonic/src/main/res/values-zh-rCN/strings.xml b/ultrasonic/src/main/res/values-zh-rCN/strings.xml
index 171e18c5..7f5bed5d 100644
--- a/ultrasonic/src/main/res/values-zh-rCN/strings.xml
+++ b/ultrasonic/src/main/res/values-zh-rCN/strings.xml
@@ -76,7 +76,6 @@
     <string name="main.genres_title">流派</string>
     <string name="main.music">音乐</string>
     <string name="main.offline">离线</string>
-    <string name="main.select_server">选择服务器</string>
     <string name="main.shuffle">随机播放</string>
     <string name="main.songs_random">随机</string>
     <string name="main.songs_starred">收藏夹</string>
@@ -212,7 +211,6 @@
     <string name="settings.server_password">密码</string>
     <string name="settings.server_remove_server">删除服务器</string>
     <string name="settings.server_username">用户名</string>
-    <string name="settings.servers_title">服务器</string>
     <string name="settings.show_notification">显示通知</string>
     <string name="settings.show_notification_always">总是显示通知</string>
     <string name="settings.test_connection_title">测试连接</string>

From 256f785d39995aba236656828ab3833e1fabbafb Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Mon, 11 Oct 2021 17:31:32 +0200
Subject: [PATCH 05/17] Updated navigation header style

---
 .../src/main/res/layout/navigation_header.xml | 33 ++++++++-----------
 1 file changed, 14 insertions(+), 19 deletions(-)

diff --git a/ultrasonic/src/main/res/layout/navigation_header.xml b/ultrasonic/src/main/res/layout/navigation_header.xml
index 8a67c2fa..d2223326 100644
--- a/ultrasonic/src/main/res/layout/navigation_header.xml
+++ b/ultrasonic/src/main/res/layout/navigation_header.xml
@@ -2,22 +2,12 @@
 <androidx.constraintlayout.widget.ConstraintLayout
     xmlns:a="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
     a:id="@+id/view_container"
     a:layout_width="match_parent"
     a:layout_height="wrap_content"
     a:gravity="bottom"
-    a:orientation="vertical"
-    a:theme="@style/ThemeOverlay.AppCompat.Dark">
-
-    <ImageView
-        a:id="@+id/img_header_bg"
-        a:layout_width="match_parent"
-        a:layout_height="0dp"
-        a:scaleType="fitXY"
-        a:src="@drawable/ic_launcher_background"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+    a:background="?attr/colorPrimary"
+    a:orientation="vertical">
 
     <ImageView
         a:id="@+id/img_profile"
@@ -27,6 +17,7 @@
         a:layout_marginLeft="16dp"
         a:layout_marginTop="32dp"
         a:src="@drawable/ic_stat_ultrasonic"
+        app:tint="?attr/colorOnPrimary"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
 
@@ -39,6 +30,7 @@
         a:paddingLeft="16dp"
         a:text="@string/common.appname"
         a:textAppearance="@style/TextAppearance.AppCompat.Title"
+        a:textColor="?attr/colorOnPrimary"
         app:layout_constraintBottom_toBottomOf="@+id/img_profile"
         app:layout_constraintStart_toEndOf="@+id/img_profile"
         app:layout_constraintTop_toTopOf="@+id/img_profile" />
@@ -46,20 +38,23 @@
     <Button
         a:id="@+id/header_select_server"
         style="@style/Widget.MaterialComponents.Button.TextButton.Icon"
-        a:layout_width="wrap_content"
+        a:layout_width="match_parent"
         a:layout_height="wrap_content"
-        a:layout_marginStart="6dp"
-        a:layout_marginLeft="6dp"
+        a:gravity="center_vertical"
         a:textAppearance="@style/MenuDrawer.Widget"
         a:textSize="14sp"
         app:icon="@drawable/ic_menu_select_server_dark"
         app:iconPadding="16dp"
-        app:iconTint="@color/appwidget_text"
-        a:padding="16dp"
+        app:iconTint="?attr/colorOnPrimary"
+        a:paddingTop="16dp"
+        a:paddingBottom="16dp"
+        a:paddingLeft="22dp"
+        a:paddingRight="22dp"
         a:text="@string/main.offline"
-        a:textColor="@color/appwidget_text"
+        a:textColor="?attr/colorOnPrimary"
+        a:background="@drawable/default_ripple"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintStart_toStartOf="@+id/img_header_bg"
+        app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@+id/img_profile" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file

From 86f2aa165677419e61cb56aa7eec9345201972e3 Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Mon, 11 Oct 2021 17:43:17 +0200
Subject: [PATCH 06/17] Fixed lint

---
 ultrasonic/src/main/res/layout/navigation_header.xml | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/ultrasonic/src/main/res/layout/navigation_header.xml b/ultrasonic/src/main/res/layout/navigation_header.xml
index d2223326..39f1497c 100644
--- a/ultrasonic/src/main/res/layout/navigation_header.xml
+++ b/ultrasonic/src/main/res/layout/navigation_header.xml
@@ -6,9 +6,17 @@
     a:layout_width="match_parent"
     a:layout_height="wrap_content"
     a:gravity="bottom"
-    a:background="?attr/colorPrimary"
     a:orientation="vertical">
 
+    <ImageView
+        a:id="@+id/img_header_bg"
+        a:layout_width="match_parent"
+        a:layout_height="0dp"
+        a:scaleType="fitXY"
+        a:src="?attr/colorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
     <ImageView
         a:id="@+id/img_profile"
         a:layout_width="52dp"

From f752307a3874ee153f86b2bf727133c37183e4cf Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Mon, 11 Oct 2021 19:43:01 +0200
Subject: [PATCH 07/17] Changed navigation header colors

---
 ultrasonic/src/main/res/layout/navigation_header.xml | 2 +-
 ultrasonic/src/main/res/values/colors.xml            | 2 ++
 ultrasonic/src/main/res/values/styles.xml            | 3 ++-
 ultrasonic/src/main/res/values/themes.xml            | 3 +++
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ultrasonic/src/main/res/layout/navigation_header.xml b/ultrasonic/src/main/res/layout/navigation_header.xml
index 39f1497c..f245f7e6 100644
--- a/ultrasonic/src/main/res/layout/navigation_header.xml
+++ b/ultrasonic/src/main/res/layout/navigation_header.xml
@@ -13,7 +13,7 @@
         a:layout_width="match_parent"
         a:layout_height="0dp"
         a:scaleType="fitXY"
-        a:src="?attr/colorPrimary"
+        a:src="?attr/color_navigation_header_background"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
 
diff --git a/ultrasonic/src/main/res/values/colors.xml b/ultrasonic/src/main/res/values/colors.xml
index 5e823ee5..85caa5af 100644
--- a/ultrasonic/src/main/res/values/colors.xml
+++ b/ultrasonic/src/main/res/values/colors.xml
@@ -4,6 +4,8 @@
     <color name="appwidget_text">#FFFFFF</color>
     <color name="transparent">#00000000</color>
     <color name="cyan">#ff0099cc</color>
+    <color name="navigation_header_light">#ff6200EE</color>
+    <color name="navigation_header_dark">#ffBB86FC</color>
     <color name="ics_opaque">#8033b5e5</color>
     <color name="md__transparent">#00000000</color>
     <color name="translucent">#80000000</color>
diff --git a/ultrasonic/src/main/res/values/styles.xml b/ultrasonic/src/main/res/values/styles.xml
index a442830c..9076219b 100644
--- a/ultrasonic/src/main/res/values/styles.xml
+++ b/ultrasonic/src/main/res/values/styles.xml
@@ -30,7 +30,7 @@
         <item name="cornerSize">2dp</item>
     </style>
 
-    <style name="ThemeOverlay.AppCompat.navTheme">
+   <style name="ThemeOverlay.AppCompat.navTheme">
         <item name="colorPrimary">?attr/color_menu_selected</item>
         <item name="colorControlHighlight">?attr/color_selected</item>
     </style>
@@ -86,6 +86,7 @@
     <attr name="color_selected" format="reference"/>
     <attr name="color_menu_selected" format="reference"/>
     <attr name="color_menu_background" format="reference"/>
+    <attr name="color_navigation_header_background" format="reference"/>
     <attr name="filepicker_create_new_folder" format="reference"/>
     <attr name="filepicker_folder" format="reference"/>
     <attr name="filepicker_subdirectory_left" format="reference"/>
diff --git a/ultrasonic/src/main/res/values/themes.xml b/ultrasonic/src/main/res/values/themes.xml
index 4cf92830..286b548c 100644
--- a/ultrasonic/src/main/res/values/themes.xml
+++ b/ultrasonic/src/main/res/values/themes.xml
@@ -7,6 +7,7 @@
         <item name="color_selected">@color/selected_color_dark</item>
         <item name="color_menu_selected">@color/selected_menu_dark</item>
         <item name="color_menu_background">@color/selected_menu_background_black</item>
+        <item name="color_navigation_header_background">@color/navigation_header_dark</item>
         <item name="star_hollow">@drawable/ic_star_hollow_dark</item>
         <item name="star_full">@drawable/ic_star_full_dark</item>
         <item name="about">@drawable/ic_menu_about_dark</item>
@@ -71,6 +72,7 @@
         <item name="color_selected">@color/selected_color_dark</item>
         <item name="color_menu_selected">@color/selected_menu_dark</item>
         <item name="color_menu_background">@color/selected_menu_background_dark</item>
+        <item name="color_navigation_header_background">@color/navigation_header_dark</item>
         <item name="star_hollow">@drawable/ic_star_hollow_dark</item>
         <item name="star_full">@drawable/ic_star_full_dark</item>
         <item name="about">@drawable/ic_menu_about_dark</item>
@@ -134,6 +136,7 @@
         <item name="color_selected">@color/selected_color_light</item>
         <item name="color_menu_selected">@color/selected_menu_light</item>
         <item name="color_menu_background">@color/selected_menu_background_light</item>
+        <item name="color_navigation_header_background">@color/navigation_header_light</item>
         <item name="star_hollow">@drawable/ic_star_hollow_light</item>
         <item name="star_full">@drawable/ic_star_full_light</item>
         <item name="about">@drawable/ic_menu_about_light</item>

From 23cca33d5a4ec3d45284dbb3c50a046a58aa48c0 Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Thu, 14 Oct 2021 17:17:32 +0200
Subject: [PATCH 08/17] Started implementing server colors

---
 dependencies.gradle                           |  4 +-
 ultrasonic/build.gradle                       |  1 +
 .../org/moire/ultrasonic/data/AppDatabase.kt  | 10 +++-
 .../moire/ultrasonic/data/ServerSetting.kt    |  5 +-
 .../di/AppPermanentStorageModule.kt           |  2 +
 .../ultrasonic/fragment/EditServerFragment.kt | 59 +++++++++++++++++--
 .../ultrasonic/fragment/ServerRowAdapter.kt   | 14 ++++-
 .../fragment/ServerSettingsModel.kt           |  1 +
 .../org/moire/ultrasonic/util/ServerColor.kt  | 26 ++++++++
 ultrasonic/src/main/res/drawable/circle.xml   |  8 +++
 .../src/main/res/drawable/rounded_border.xml  | 12 ++++
 .../src/main/res/layout/server_edit.xml       | 27 ++++++++-
 ultrasonic/src/main/res/layout/server_row.xml | 50 ++++++++++------
 ultrasonic/src/main/res/values/strings.xml    |  1 +
 14 files changed, 189 insertions(+), 31 deletions(-)
 create mode 100644 ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
 create mode 100644 ultrasonic/src/main/res/drawable/circle.xml
 create mode 100644 ultrasonic/src/main/res/drawable/rounded_border.xml

diff --git a/dependencies.gradle b/dependencies.gradle
index 70e160bb..33107526 100644
--- a/dependencies.gradle
+++ b/dependencies.gradle
@@ -1,5 +1,5 @@
 ext.versions = [
-        minSdk               : 14,
+        minSdk               : 21,
         targetSdk            : 29,
         compileSdk           : 29,
         // You need to run ./gradlew wrapper after updating the version
@@ -42,6 +42,7 @@ ext.versions = [
         dexter               : "6.2.3",
         timber               : "4.7.1",
         fastScroll           : "2.0.1",
+        colorPicker          : "2.2.3",
 ]
 
 ext.gradlePlugins = [
@@ -89,6 +90,7 @@ ext.other = [
         timber             : "com.jakewharton.timber:timber:$versions.timber",
         fastScroll         : "com.simplecityapps:recyclerview-fastscroll:$versions.fastScroll",
         sortListView       : "com.github.tzugen:drag-sort-listview:$versions.sortListView",
+        colorPickerView    : "com.github.skydoves:colorpickerview:$versions.colorPicker",
 ]
 
 ext.testing = [
diff --git a/ultrasonic/build.gradle b/ultrasonic/build.gradle
index 4cc54f62..6c676aa5 100644
--- a/ultrasonic/build.gradle
+++ b/ultrasonic/build.gradle
@@ -105,6 +105,7 @@ dependencies {
     implementation other.okhttpLogging
     implementation other.fastScroll
     implementation other.sortListView
+    implementation other.colorPickerView
 
     kapt androidSupport.room
 
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/AppDatabase.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/AppDatabase.kt
index e8c05cc7..ddbb62fb 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/AppDatabase.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/AppDatabase.kt
@@ -9,7 +9,7 @@ import androidx.sqlite.db.SupportSQLiteDatabase
  * Room Database to be used to store global data for the whole app.
  * This could be settings or data that are not specific to any remote music database
  */
-@Database(entities = [ServerSetting::class], version = 3)
+@Database(entities = [ServerSetting::class], version = 4)
 abstract class AppDatabase : RoomDatabase() {
 
     /**
@@ -42,3 +42,11 @@ val MIGRATION_2_3: Migration = object : Migration(2, 3) {
         )
     }
 }
+
+val MIGRATION_3_4: Migration = object : Migration(3, 4) {
+    override fun migrate(database: SupportSQLiteDatabase) {
+        database.execSQL(
+            "ALTER TABLE ServerSetting ADD COLUMN color INTEGER"
+        )
+    }
+}
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ServerSetting.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ServerSetting.kt
index 705f526a..e3fb9b04 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ServerSetting.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/data/ServerSetting.kt
@@ -23,6 +23,7 @@ data class ServerSetting(
     @ColumnInfo(name = "index") var index: Int,
     @ColumnInfo(name = "name") var name: String,
     @ColumnInfo(name = "url") var url: String,
+    @ColumnInfo(name = "color") var color: Int? = null,
     @ColumnInfo(name = "userName") var userName: String,
     @ColumnInfo(name = "password") var password: String,
     @ColumnInfo(name = "jukeboxByDefault") var jukeboxByDefault: Boolean,
@@ -36,9 +37,9 @@ data class ServerSetting(
     @ColumnInfo(name = "podcastSupport") var podcastSupport: Boolean? = null
 ) {
     constructor() : this (
-        -1, 0, "", "", "", "", false, false, false, null, null
+        -1, 0, "", "", null, "", "", false, false, false, null, null
     )
     constructor(name: String, url: String) : this(
-        -1, 0, name, url, "", "", false, false, false, null, null
+        -1, 0, name, url, null, "", "", false, false, false, null, null
     )
 }
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/di/AppPermanentStorageModule.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/di/AppPermanentStorageModule.kt
index 26b3df43..992141e1 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/di/AppPermanentStorageModule.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/di/AppPermanentStorageModule.kt
@@ -8,6 +8,7 @@ import org.koin.dsl.module
 import org.moire.ultrasonic.data.AppDatabase
 import org.moire.ultrasonic.data.MIGRATION_1_2
 import org.moire.ultrasonic.data.MIGRATION_2_3
+import org.moire.ultrasonic.data.MIGRATION_3_4
 import org.moire.ultrasonic.fragment.ServerSettingsModel
 import org.moire.ultrasonic.util.Settings
 
@@ -28,6 +29,7 @@ val appPermanentStorage = module {
         )
             .addMigrations(MIGRATION_1_2)
             .addMigrations(MIGRATION_2_3)
+            .addMigrations(MIGRATION_3_4)
             .build()
     }
 
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/EditServerFragment.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/EditServerFragment.kt
index 077a7587..c0bd3191 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/EditServerFragment.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/EditServerFragment.kt
@@ -6,15 +6,15 @@ import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import android.widget.Button
+import android.widget.ImageView
+import androidx.core.content.ContextCompat
 import androidx.fragment.app.Fragment
 import androidx.lifecycle.Observer
 import androidx.navigation.fragment.findNavController
 import com.google.android.material.switchmaterial.SwitchMaterial
 import com.google.android.material.textfield.TextInputLayout
-import java.io.IOException
-import java.net.MalformedURLException
-import java.net.URL
-import java.util.Locale
+import com.skydoves.colorpickerview.ColorPickerDialog
+import com.skydoves.colorpickerview.listeners.ColorEnvelopeListener
 import org.koin.android.ext.android.inject
 import org.koin.androidx.viewmodel.ext.android.viewModel
 import org.moire.ultrasonic.BuildConfig
@@ -35,6 +35,15 @@ import org.moire.ultrasonic.util.ModalBackgroundTask
 import org.moire.ultrasonic.util.Util
 import retrofit2.Response
 import timber.log.Timber
+import java.io.IOException
+import java.net.MalformedURLException
+import java.net.URL
+import java.util.*
+import com.skydoves.colorpickerview.flag.FlagMode
+
+import com.skydoves.colorpickerview.flag.BubbleFlag
+import org.moire.ultrasonic.util.ServerColor
+
 
 /**
  * Displays a form where server settings can be created / edited
@@ -51,6 +60,7 @@ class EditServerFragment : Fragment(), OnBackPressedHandler {
 
     private var serverNameEditText: TextInputLayout? = null
     private var serverAddressEditText: TextInputLayout? = null
+    private var serverColorImageView: ImageView? = null
     private var userNameEditText: TextInputLayout? = null
     private var passwordEditText: TextInputLayout? = null
     private var selfSignedSwitch: SwitchMaterial? = null
@@ -59,6 +69,8 @@ class EditServerFragment : Fragment(), OnBackPressedHandler {
     private var saveButton: Button? = null
     private var testButton: Button? = null
     private var isInstanceStateSaved: Boolean = false
+    private var currentColor: Int = 0
+    private var selectedColor: Int? = null
 
     @Override
     override fun onCreate(savedInstanceState: Bundle?) {
@@ -79,6 +91,7 @@ class EditServerFragment : Fragment(), OnBackPressedHandler {
 
         serverNameEditText = view.findViewById(R.id.edit_server_name)
         serverAddressEditText = view.findViewById(R.id.edit_server_address)
+        serverColorImageView = view.findViewById(R.id.edit_server_color_picker)
         userNameEditText = view.findViewById(R.id.edit_server_username)
         passwordEditText = view.findViewById(R.id.edit_server_password)
         selfSignedSwitch = view.findViewById(R.id.edit_self_signed)
@@ -148,6 +161,32 @@ class EditServerFragment : Fragment(), OnBackPressedHandler {
                 testConnection()
             }
         }
+
+        serverColorImageView!!.setOnClickListener {
+            val bubbleFlag = BubbleFlag(context)
+            bubbleFlag.flagMode = FlagMode.LAST
+            ColorPickerDialog.Builder(context).apply {
+                this.colorPickerView.setInitialColor(currentColor)
+                this.colorPickerView.setFlagView(bubbleFlag)
+            }
+                .attachAlphaSlideBar(false)
+                .setPositiveButton(getString(R.string.common_ok),
+                    ColorEnvelopeListener { envelope, _ ->
+                        selectedColor = envelope.color
+                        updateColor(envelope.color) })
+                .setNegativeButton(getString(R.string.common_cancel)) {
+                        dialogInterface, i -> dialogInterface.dismiss()
+                }
+                .setBottomSpace(12)
+                .show()
+        }
+    }
+
+    private fun updateColor(color: Int?) {
+        val image = ContextCompat.getDrawable(requireContext(), R.drawable.thumb_drawable)
+        currentColor = ServerColor.getBackgroundColor(requireContext(), color)
+        image?.setTint(currentColor)
+        serverColorImageView?.background = image
     }
 
     override fun onBackPressed() {
@@ -176,6 +215,13 @@ class EditServerFragment : Fragment(), OnBackPressedHandler {
         savedInstanceState.putBoolean(
             ::jukeboxSwitch.name, jukeboxSwitch!!.isChecked
         )
+        savedInstanceState.putInt(
+            ::serverColorImageView.name, currentColor
+        )
+        if (selectedColor != null)
+            savedInstanceState.putInt(
+                ::selectedColor.name, selectedColor!!
+            )
         savedInstanceState.putBoolean(
             ::isInstanceStateSaved.name, true
         )
@@ -203,6 +249,9 @@ class EditServerFragment : Fragment(), OnBackPressedHandler {
         selfSignedSwitch!!.isChecked = savedInstanceState.getBoolean(::selfSignedSwitch.name)
         ldapSwitch!!.isChecked = savedInstanceState.getBoolean(::ldapSwitch.name)
         jukeboxSwitch!!.isChecked = savedInstanceState.getBoolean(::jukeboxSwitch.name)
+        updateColor(savedInstanceState.getInt(::serverColorImageView.name))
+        if (savedInstanceState.containsKey(::selectedColor.name))
+            selectedColor = savedInstanceState.getInt(::selectedColor.name)
         isInstanceStateSaved = savedInstanceState.getBoolean(::isInstanceStateSaved.name)
     }
 
@@ -219,6 +268,7 @@ class EditServerFragment : Fragment(), OnBackPressedHandler {
         selfSignedSwitch!!.isChecked = currentServerSetting!!.allowSelfSignedCertificate
         ldapSwitch!!.isChecked = currentServerSetting!!.ldapSupport
         jukeboxSwitch!!.isChecked = currentServerSetting!!.jukeboxByDefault
+        updateColor(currentServerSetting!!.color)
     }
 
     /**
@@ -267,6 +317,7 @@ class EditServerFragment : Fragment(), OnBackPressedHandler {
         if (isValid) {
             currentServerSetting!!.name = serverNameEditText!!.editText?.text.toString()
             currentServerSetting!!.url = serverAddressEditText!!.editText?.text.toString()
+            currentServerSetting!!.color = selectedColor
             currentServerSetting!!.userName = userNameEditText!!.editText?.text.toString()
             currentServerSetting!!.password = passwordEditText!!.editText?.text.toString()
             currentServerSetting!!.allowSelfSignedCertificate = selfSignedSwitch!!.isChecked
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerRowAdapter.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerRowAdapter.kt
index 5bc27b0c..1f9e4c42 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerRowAdapter.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerRowAdapter.kt
@@ -14,10 +14,12 @@ import android.widget.ImageView
 import android.widget.PopupMenu
 import android.widget.RelativeLayout
 import android.widget.TextView
+import androidx.constraintlayout.widget.ConstraintLayout
 import androidx.core.content.ContextCompat
 import org.moire.ultrasonic.R
 import org.moire.ultrasonic.data.ActiveServerProvider
 import org.moire.ultrasonic.data.ServerSetting
+import org.moire.ultrasonic.util.ServerColor
 import org.moire.ultrasonic.util.Util
 
 /**
@@ -77,15 +79,15 @@ internal class ServerRowAdapter(
 
         val text = vi?.findViewById<TextView>(R.id.server_name)
         val description = vi?.findViewById<TextView>(R.id.server_description)
-        val layout = vi?.findViewById<RelativeLayout>(R.id.server_layout)
+        val layout = vi?.findViewById<ConstraintLayout>(R.id.server_layout)
         val image = vi?.findViewById<ImageView>(R.id.server_image)
         val serverMenu = vi?.findViewById<ImageButton>(R.id.server_menu)
+        val setting = data.singleOrNull { t -> t.index == index }
 
         if (index == 0) {
             text?.text = context.getString(R.string.main_offline)
             description?.text = ""
         } else {
-            val setting = data.singleOrNull { t -> t.index == index }
             text?.text = setting?.name ?: ""
             description?.text = setting?.url ?: ""
             if (setting == null) serverMenu?.visibility = View.INVISIBLE
@@ -95,8 +97,14 @@ internal class ServerRowAdapter(
         if (index == 0) {
             serverMenu?.visibility = View.INVISIBLE
             image?.setImageDrawable(Util.getDrawableFromAttribute(context, R.attr.screen_on_off))
+            image?.background = ContextCompat.getDrawable(context, R.color.transparent)
         } else {
-            image?.setImageDrawable(Util.getDrawableFromAttribute(context, R.attr.server))
+            val icon = ContextCompat.getDrawable(context, R.drawable.ic_menu_server_dark)
+            icon?.setTint(ServerColor.getForegroundColor(context, setting?.color))
+            image?.setImageDrawable(icon)
+            val background = ContextCompat.getDrawable(context, R.drawable.circle)
+            background?.setTint(ServerColor.getBackgroundColor(context, setting?.color))
+            image?.background = background
         }
 
         // Highlight the Active Server's row by changing its background
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerSettingsModel.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerSettingsModel.kt
index ad8499bf..65c2c6e6 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerSettingsModel.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerSettingsModel.kt
@@ -212,6 +212,7 @@ class ServerSettingsModel(
             serverId,
             settings.getString(PREFERENCES_KEY_SERVER_NAME + preferenceId, "")!!,
             url,
+            null,
             userName,
             settings.getString(PREFERENCES_KEY_PASSWORD + preferenceId, "")!!,
             settings.getBoolean(PREFERENCES_KEY_JUKEBOX_BY_DEFAULT + preferenceId, false),
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
new file mode 100644
index 00000000..9f34d02a
--- /dev/null
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
@@ -0,0 +1,26 @@
+package org.moire.ultrasonic.util
+
+import android.content.Context
+import androidx.core.content.ContextCompat
+import androidx.core.graphics.ColorUtils
+import org.moire.ultrasonic.R
+
+object ServerColor {
+    fun getBackgroundColor(context: Context, serverColor: Int?): Int {
+        return serverColor ?: ContextCompat.getColor(
+            context, Util.getResourceFromAttribute(context, R.attr.colorPrimary)
+        )
+    }
+
+    fun getForegroundColor(context: Context, serverColor: Int?): Int {
+        if (serverColor == null) return ContextCompat.getColor(
+            context, Util.getResourceFromAttribute(context, R.attr.colorOnPrimary)
+        )
+        val luminance = ColorUtils.calculateLuminance(serverColor)
+        return if (luminance < 0.25) {
+            ContextCompat.getColor(context, R.color.selected_menu_dark)
+        } else {
+            ContextCompat.getColor(context, R.color.selected_menu_light)
+        }
+    }
+}
\ No newline at end of file
diff --git a/ultrasonic/src/main/res/drawable/circle.xml b/ultrasonic/src/main/res/drawable/circle.xml
new file mode 100644
index 00000000..f42d2b06
--- /dev/null
+++ b/ultrasonic/src/main/res/drawable/circle.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <solid android:color="@color/navigation_header_dark" />
+    <size
+        android:width="120dp"
+        android:height="120dp"/>
+</shape>
\ No newline at end of file
diff --git a/ultrasonic/src/main/res/drawable/rounded_border.xml b/ultrasonic/src/main/res/drawable/rounded_border.xml
new file mode 100644
index 00000000..5c60efee
--- /dev/null
+++ b/ultrasonic/src/main/res/drawable/rounded_border.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <corners
+        android:topLeftRadius="44dp"
+        android:topRightRadius="44dp"
+        android:bottomRightRadius="44dp"
+        android:bottomLeftRadius="44dp" />
+
+    <stroke android:width="2dp" android:color="?attr/colorOnBackground" />
+</shape>
\ No newline at end of file
diff --git a/ultrasonic/src/main/res/layout/server_edit.xml b/ultrasonic/src/main/res/layout/server_edit.xml
index 1058c3f6..18e1c923 100644
--- a/ultrasonic/src/main/res/layout/server_edit.xml
+++ b/ultrasonic/src/main/res/layout/server_edit.xml
@@ -14,7 +14,6 @@
         a:layout_width="match_parent"
         a:layout_height="wrap_content"
         a:hint="@string/settings.server_name"
-        app:layout_constraintBottom_toTopOf="@id/edit_server_address"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent">
@@ -33,7 +32,6 @@
         a:layout_height="wrap_content"
         a:layout_marginBottom="20dp"
         a:hint="@string/settings.server_address"
-        app:layout_constraintBottom_toTopOf="@id/edit_authentication_header"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@id/edit_server_name">
@@ -46,15 +44,38 @@
 
     </com.google.android.material.textfield.TextInputLayout>
 
+    <TextView
+        a:id="@+id/edit_server_color_text"
+        style="@style/Widget.AppCompat.CompoundButton.Switch"
+        a:layout_width="0dp"
+        a:layout_height="wrap_content"
+        a:layout_marginStart="5dp"
+        a:layout_marginLeft="5dp"
+        a:text="@string/settings.server_color"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="@id/edit_server_color_picker"
+        app:layout_constraintBottom_toBottomOf="@id/edit_server_color_picker"/>
+
+    <ImageView
+        a:id="@+id/edit_server_color_picker"
+        a:layout_width="48dp"
+        a:layout_height="32dp"
+        a:layout_margin="8dp"
+        a:src="@drawable/rounded_border"
+        app:layout_constraintTop_toBottomOf="@id/edit_server_address"
+        app:layout_constraintRight_toRightOf="parent"
+        />
+
     <TextView
         a:id="@+id/edit_authentication_header"
         style="@style/MenuDrawer.Widget.Category"
         a:layout_width="wrap_content"
         a:layout_height="wrap_content"
+        a:layout_marginTop="15dp"
         a:text="@string/server_editor.authentication"
         app:layout_constraintBottom_toTopOf="@id/edit_server_username"
         app:layout_constraintStart_toStartOf="@id/edit_server_username"
-        app:layout_constraintTop_toBottomOf="@id/edit_server_address" />
+        app:layout_constraintTop_toBottomOf="@id/edit_server_color_picker" />
 
     <com.google.android.material.textfield.TextInputLayout
         a:id="@+id/edit_server_username"
diff --git a/ultrasonic/src/main/res/layout/server_row.xml b/ultrasonic/src/main/res/layout/server_row.xml
index 0a4c1ed5..451ba8e9 100644
--- a/ultrasonic/src/main/res/layout/server_row.xml
+++ b/ultrasonic/src/main/res/layout/server_row.xml
@@ -1,5 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:a="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:a="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
     a:id="@+id/server_layout"
     a:layout_width="match_parent"
     a:layout_height="wrap_content"
@@ -8,36 +11,45 @@
 
     <ImageView
         a:id="@+id/server_image"
-        a:layout_width="wrap_content"
-        a:layout_height="match_parent"
-        a:background="@android:color/transparent"
-        a:focusable="false"
+        a:layout_width="48dp"
+        a:layout_height="48dp"
         a:layout_centerVertical="true"
-        a:paddingHorizontal="15dp" />
+        a:layout_margin="10dp"
+        a:background="@drawable/circle"
+        a:focusable="false"
+        a:paddingHorizontal="8dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:src="@drawable/ic_menu_server_dark" />
 
     <TextView
         a:id="@+id/server_name"
-        a:layout_width="wrap_content"
+        a:layout_width="0dp"
         a:layout_height="wrap_content"
+        a:layout_marginStart="15dp"
         a:textAppearance="?android:attr/textAppearanceListItem"
-        a:paddingTop="10dp"
-        a:layout_toRightOf="@id/server_image"
-        a:layout_toEndOf="@id/server_image" />
+        app:layout_constraintStart_toEndOf="@id/server_image"
+        app:layout_constraintTop_toTopOf="@id/server_image"
+        app:layout_constraintEnd_toStartOf="@id/server_menu"
+        tools:text="Server name" />
 
     <TextView
         a:id="@+id/server_description"
-        a:layout_width="wrap_content"
+        a:layout_width="0dp"
         a:layout_height="wrap_content"
+        a:layout_marginStart="15dp"
         a:textAppearance="?android:attr/textAppearanceSmall"
-        a:layout_below="@id/server_name"
-        a:paddingBottom="10dp"
-        a:layout_toRightOf="@id/server_image"
-        a:layout_toEndOf="@id/server_image" />
+        app:layout_constraintBottom_toBottomOf="@id/server_image"
+        app:layout_constraintStart_toEndOf="@id/server_image"
+        app:layout_constraintTop_toBottomOf="@id/server_name"
+        app:layout_constraintEnd_toStartOf="@id/server_menu"
+        tools:text="Server description" />
 
     <ImageButton
         a:id="@+id/server_menu"
         a:layout_width="wrap_content"
-        a:layout_height="match_parent"
+        a:layout_height="wrap_content"
         a:layout_alignParentEnd="true"
         a:layout_alignParentRight="true"
         a:layout_centerVertical="true"
@@ -46,6 +58,10 @@
         a:layout_marginRight="15dp"
         a:focusable="false"
         a:src="?attr/more_vert"
+        tools:src="@drawable/ic_more_vert_dark"
+        app:layout_constraintTop_toTopOf="@id/server_name"
+        app:layout_constraintBottom_toBottomOf="@+id/server_description"
+        app:layout_constraintEnd_toEndOf="parent"
         a:padding="5dp" />
 
-</RelativeLayout>
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/ultrasonic/src/main/res/values/strings.xml b/ultrasonic/src/main/res/values/strings.xml
index 86687bc1..9ce97deb 100644
--- a/ultrasonic/src/main/res/values/strings.xml
+++ b/ultrasonic/src/main/res/values/strings.xml
@@ -295,6 +295,7 @@
     <string name="settings.server_scaling_title">Server-Side Album Art Scaling</string>
     <string name="settings.server_unused">Unused</string>
     <string name="settings.server_username">Username</string>
+    <string name="settings.server_color">Server color</string>
     <string name="settings.show_lockscreen_controls">Show Lock Screen Controls</string>
     <string name="settings.show_lockscreen_controls_summary">Show playback controls on the lock screen</string>
     <string name="settings.show_notification">Show Notification</string>

From 7c66bc7ec8c3fffa8a6b62e50d2ee2bf95d0087a Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Fri, 15 Oct 2021 16:26:06 +0200
Subject: [PATCH 09/17] Implemented navigation header coloring based on
 selected server

---
 ultrasonic/build.gradle                       |  2 +-
 .../ultrasonic/activity/NavigationActivity.kt | 48 +++++++++++++++----
 .../filepicker/FilePickerAdapter.kt           | 23 +++------
 .../ultrasonic/imageloader/BitmapUtils.kt     |  8 ----
 .../org/moire/ultrasonic/util/ServerColor.kt  | 10 ++++
 .../src/main/res/layout/navigation_header.xml | 30 ++++++++----
 .../src/main/res/layout/server_edit.xml       |  5 +-
 7 files changed, 81 insertions(+), 45 deletions(-)

diff --git a/ultrasonic/build.gradle b/ultrasonic/build.gradle
index 665c987e..7835f863 100644
--- a/ultrasonic/build.gradle
+++ b/ultrasonic/build.gradle
@@ -49,7 +49,7 @@ android {
         baselineFile file("lint-baseline.xml")
         ignore 'MissingTranslation'
         warning 'ImpliedQuantity'
-        disable 'IconMissingDensityFolder'
+        disable 'IconMissingDensityFolder', "VectorPath"
         abortOnError true
         warningsAsErrors true
     }
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
index 7226c3c4..f50ee015 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
@@ -3,6 +3,7 @@ package org.moire.ultrasonic.activity
 import android.app.AlertDialog
 import android.app.SearchManager
 import android.content.Intent
+import android.content.res.ColorStateList
 import android.content.res.Resources
 import android.media.AudioManager
 import android.os.Bundle
@@ -12,9 +13,11 @@ import android.view.KeyEvent
 import android.view.Menu
 import android.view.MenuItem
 import android.view.View
-import android.widget.Button
+import android.widget.ImageView
+import android.widget.TextView
 import androidx.appcompat.app.AppCompatActivity
 import androidx.appcompat.widget.Toolbar
+import androidx.core.content.ContextCompat
 import androidx.core.view.GravityCompat
 import androidx.drawerlayout.widget.DrawerLayout
 import androidx.fragment.app.FragmentContainerView
@@ -27,6 +30,7 @@ import androidx.navigation.ui.onNavDestinationSelected
 import androidx.navigation.ui.setupActionBarWithNavController
 import androidx.navigation.ui.setupWithNavController
 import androidx.preference.PreferenceManager
+import com.google.android.material.button.MaterialButton
 import com.google.android.material.navigation.NavigationView
 import org.koin.android.ext.android.inject
 import org.koin.androidx.viewmodel.ext.android.viewModel
@@ -46,6 +50,7 @@ import org.moire.ultrasonic.util.FileUtil
 import org.moire.ultrasonic.util.NowPlayingEventDistributor
 import org.moire.ultrasonic.util.NowPlayingEventListener
 import org.moire.ultrasonic.util.PermissionUtil
+import org.moire.ultrasonic.util.ServerColor
 import org.moire.ultrasonic.util.Settings
 import org.moire.ultrasonic.util.SubsonicUncaughtExceptionHandler
 import org.moire.ultrasonic.util.ThemeChangedEventDistributor
@@ -66,7 +71,10 @@ class NavigationActivity : AppCompatActivity() {
     private var navigationView: NavigationView? = null
     private var drawerLayout: DrawerLayout? = null
     private var host: NavHostFragment? = null
-    private var selectServerButton: Button? = null
+    private var selectServerButton: MaterialButton? = null
+    private var headerBackgroundImage: ImageView? = null
+    private var ultrasonicLogoImage: ImageView? = null
+    private var ultrasonicNameText: TextView? = null
 
     private lateinit var appBarConfiguration: AppBarConfiguration
     private lateinit var nowPlayingEventListener: NowPlayingEventListener
@@ -189,17 +197,35 @@ class NavigationActivity : AppCompatActivity() {
             this,
             { count ->
                 cachedServerCount = count ?: 0
-                setSelectServerButtonText()
+                updateNavigationHeaderForServer()
             }
         )
-        ActiveServerProvider.liveActiveServerId.observe(this, { setSelectServerButtonText() })
+        ActiveServerProvider.liveActiveServerId.observe(this, { updateNavigationHeaderForServer() })
     }
 
-    private fun setSelectServerButtonText() {
-        val activeServerName = activeServerProvider.getActiveServer().name
+    private fun updateNavigationHeaderForServer() {
+        val activeServer = activeServerProvider.getActiveServer()
+
         if (cachedServerCount == 0)
-            selectServerButton?.text = getString(R.string.main_setup_server, activeServerName)
-        else selectServerButton?.text = activeServerName
+            selectServerButton?.text = getString(R.string.main_setup_server, activeServer.name)
+        else selectServerButton?.text = activeServer.name
+
+        val foregroundColor = ServerColor.getForegroundColor(this, activeServer.color)
+        val backgroundColor = ServerColor.getBackgroundColor(this, activeServer.color)
+
+        if (activeServer.index == 0)
+            selectServerButton?.icon =
+                ContextCompat.getDrawable(this, R.drawable.ic_menu_screen_on_off_dark)
+        else
+            selectServerButton?.icon =
+                ContextCompat.getDrawable(this, R.drawable.ic_menu_select_server_dark)
+
+        selectServerButton?.iconTint = ColorStateList.valueOf(foregroundColor)
+        ultrasonicLogoImage?.imageTintList = ColorStateList.valueOf(foregroundColor)
+
+        selectServerButton?.setTextColor(foregroundColor)
+        ultrasonicNameText?.setTextColor(foregroundColor)
+        headerBackgroundImage?.setBackgroundColor(backgroundColor)
     }
 
     override fun onResume() {
@@ -260,6 +286,12 @@ class NavigationActivity : AppCompatActivity() {
                 this.drawerLayout?.closeDrawer(GravityCompat.START)
             navController.navigate(R.id.serverSelectorFragment)
         }
+        headerBackgroundImage =
+            navigationView?.getHeaderView(0)?.findViewById(R.id.img_header_bg)
+        ultrasonicLogoImage =
+            navigationView?.getHeaderView(0)?.findViewById(R.id.img_profile)
+        ultrasonicNameText =
+            navigationView?.getHeaderView(0)?.findViewById(R.id.name)
     }
 
     private fun setupActionBar(navController: NavController, appBarConfig: AppBarConfiguration) {
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/filepicker/FilePickerAdapter.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/filepicker/FilePickerAdapter.kt
index 91ff2c52..4174d63d 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/filepicker/FilePickerAdapter.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/filepicker/FilePickerAdapter.kt
@@ -73,10 +73,8 @@ internal class FilePickerAdapter : RecyclerView.Adapter<FilePickerAdapter.FileLi
         var fileList = LinkedList<FileListItem>()
         var storages: List<File>? = null
         var storagePaths: List<String>? = null
-        if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT) {
-            storages = context!!.getExternalFilesDirs(null).filterNotNull()
-            storagePaths = storages.map { i -> i.absolutePath }
-        }
+        storages = context!!.getExternalFilesDirs(null).filterNotNull()
+        storagePaths = storages.map { i -> i.absolutePath }
 
         if (currentDirectory.absolutePath == "/" ||
             currentDirectory.absolutePath == "/storage" ||
@@ -84,13 +82,8 @@ internal class FilePickerAdapter : RecyclerView.Adapter<FilePickerAdapter.FileLi
             currentDirectory.absolutePath == "/mnt"
         ) {
             isRealDirectory = false
-            fileList = if (
-                android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT
-            ) {
+            fileList =
                 getKitKatStorageItems(storages!!)
-            } else {
-                getStorageItems()
-            }
         } else {
             isRealDirectory = true
             val files = currentDirectory.listFiles()
@@ -129,14 +122,10 @@ internal class FilePickerAdapter : RecyclerView.Adapter<FilePickerAdapter.FileLi
         if (currentDirectory.absolutePath != "/" && isRealDirectory) {
             // If we are on KitKat or later, only the default App folder is usable, so we can't
             // navigate the SD card. Jump to the root if "Up" is selected.
-            if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT) {
-                if (storagePaths!!.indexOf(currentDirectory.absolutePath) > 0)
-                    data.add(0, FileListItem(File("/"), "..", upIcon!!))
-                else
-                    data.add(0, FileListItem(selectedDirectory.parentFile!!, "..", upIcon!!))
-            } else {
+            if (storagePaths!!.indexOf(currentDirectory.absolutePath) > 0)
+                data.add(0, FileListItem(File("/"), "..", upIcon!!))
+            else
                 data.add(0, FileListItem(selectedDirectory.parentFile!!, "..", upIcon!!))
-            }
         }
 
         notifyDataSetChanged()
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/imageloader/BitmapUtils.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/imageloader/BitmapUtils.kt
index fddbec66..348e0e6f 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/imageloader/BitmapUtils.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/imageloader/BitmapUtils.kt
@@ -65,10 +65,6 @@ class BitmapUtils {
                     opt.inPreferQualityOverSpeed = true
                 }
 
-                if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
-                    opt.inPurgeable = true
-                }
-
                 opt.inSampleSize = Util.calculateInSampleSize(
                     opt,
                     size,
@@ -103,10 +99,6 @@ class BitmapUtils {
                     opt.inPreferQualityOverSpeed = true
                 }
 
-                if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
-                    opt.inPurgeable = true
-                }
-
                 opt.inSampleSize = Util.calculateInSampleSize(
                     opt,
                     size,
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
index eb3853cc..aa48f383 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
@@ -1,3 +1,10 @@
+/*
+ * ServerColor.kt
+ * Copyright (C) 2009-2021 Ultrasonic developers
+ *
+ * Distributed under terms of the GNU GPLv3 license.
+ */
+
 package org.moire.ultrasonic.util
 
 import android.content.Context
@@ -7,6 +14,9 @@ import org.moire.ultrasonic.R
 
 private const val LUMINANCE_LIMIT = 0.25
 
+/**
+ * Contains functions for computing server display colors
+ */
 object ServerColor {
     fun getBackgroundColor(context: Context, serverColor: Int?): Int {
         return serverColor ?: ContextCompat.getColor(
diff --git a/ultrasonic/src/main/res/layout/navigation_header.xml b/ultrasonic/src/main/res/layout/navigation_header.xml
index bc57c726..c5f9c9fd 100644
--- a/ultrasonic/src/main/res/layout/navigation_header.xml
+++ b/ultrasonic/src/main/res/layout/navigation_header.xml
@@ -2,6 +2,7 @@
 <androidx.constraintlayout.widget.ConstraintLayout
     xmlns:a="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
     a:id="@+id/view_container"
     a:layout_width="match_parent"
     a:layout_height="wrap_content"
@@ -13,9 +14,9 @@
         a:layout_width="match_parent"
         a:layout_height="0dp"
         a:scaleType="fitXY"
-        a:src="?attr/color_navigation_header_background"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toTopOf="parent"
+        tools:ignore="ContentDescription" />
 
     <ImageView
         a:id="@+id/img_profile"
@@ -25,9 +26,10 @@
         a:layout_marginLeft="16dp"
         a:layout_marginTop="32dp"
         a:src="@drawable/ic_stat_ultrasonic"
-        app:tint="?attr/colorOnPrimary"
+        tools:tint="@color/selected_menu_dark"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toTopOf="parent"
+        tools:ignore="ContentDescription" />
 
     <TextView
         a:id="@+id/name"
@@ -39,6 +41,7 @@
         a:text="@string/common.appname"
         a:textAppearance="@style/TextAppearance.AppCompat.Title"
         a:textColor="?attr/colorOnPrimary"
+        tools:textColor="@color/selected_menu_dark"
         app:layout_constraintBottom_toBottomOf="@+id/img_profile"
         app:layout_constraintStart_toEndOf="@+id/img_profile"
         app:layout_constraintTop_toTopOf="@+id/img_profile" />
@@ -53,16 +56,25 @@
         a:textSize="14sp"
         app:icon="@drawable/ic_menu_select_server_dark"
         app:iconPadding="16dp"
-        app:iconTint="?attr/colorOnPrimary"
-        a:paddingTop="16dp"
-        a:paddingBottom="16dp"
-        a:paddingStart="22dp"
-        a:paddingEnd="22dp"
+        a:paddingHorizontal="22dp"
+        a:paddingTop="14dp"
+        a:paddingBottom="14dp"
         a:text="@string/main.offline"
         a:textColor="?attr/colorOnPrimary"
         a:background="@drawable/default_ripple"
+        tools:iconTint="@color/selected_menu_dark"
+        tools:textColor="@color/selected_menu_dark"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@+id/img_profile" />
 
+    <ImageView
+        a:id="@+id/img_shadow"
+        a:layout_width="match_parent"
+        a:layout_height="6dp"
+        a:layout_marginTop="-6dp"
+        a:scaleType="fitXY"
+        a:src="@drawable/drop_shadow"
+        app:layout_constraintTop_toBottomOf="@+id/header_select_server" />
+
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/ultrasonic/src/main/res/layout/server_edit.xml b/ultrasonic/src/main/res/layout/server_edit.xml
index 289b371c..6727d7f9 100644
--- a/ultrasonic/src/main/res/layout/server_edit.xml
+++ b/ultrasonic/src/main/res/layout/server_edit.xml
@@ -1,9 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <ScrollView xmlns:a="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
     a:layout_width="match_parent"
     a:layout_height="match_parent"
-    a:fillViewport="true" >
+    a:fillViewport="true">
 
 <androidx.constraintlayout.widget.ConstraintLayout
     a:layout_width="match_parent"
@@ -64,7 +65,7 @@
         a:src="@drawable/rounded_border"
         app:layout_constraintTop_toBottomOf="@id/edit_server_address"
         app:layout_constraintRight_toRightOf="parent"
-        />
+        tools:ignore="ContentDescription" />
 
     <TextView
         a:id="@+id/edit_authentication_header"

From ccf39661abd55d925a3657d0b6e6c1c893b383c3 Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Fri, 15 Oct 2021 16:35:27 +0200
Subject: [PATCH 10/17] Cleaned up warnings in FilePickerAdapter

---
 .../filepicker/FilePickerAdapter.kt           | 87 +++++--------------
 1 file changed, 20 insertions(+), 67 deletions(-)

diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/filepicker/FilePickerAdapter.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/filepicker/FilePickerAdapter.kt
index 4174d63d..5c4dcbc7 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/filepicker/FilePickerAdapter.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/filepicker/FilePickerAdapter.kt
@@ -14,7 +14,6 @@ import androidx.appcompat.widget.AppCompatEditText
 import androidx.recyclerview.widget.RecyclerView
 import java.io.File
 import java.util.LinkedList
-import kotlin.Comparator
 import org.moire.ultrasonic.R
 import org.moire.ultrasonic.util.Util
 import timber.log.Timber
@@ -24,7 +23,8 @@ import timber.log.Timber
  * @author this implementation is loosely based on the work of Yogesh Sundaresan,
  * original license: http://www.apache.org/licenses/LICENSE-2.0
  */
-internal class FilePickerAdapter : RecyclerView.Adapter<FilePickerAdapter.FileListHolder> {
+internal class FilePickerAdapter(view: FilePickerView) :
+    RecyclerView.Adapter<FilePickerAdapter.FileListHolder>() {
 
     private var data: MutableList<FileListItem> = LinkedList()
     var defaultDirectory: File = Environment.getExternalStorageDirectory()
@@ -34,32 +34,15 @@ internal class FilePickerAdapter : RecyclerView.Adapter<FilePickerAdapter.FileLi
         private set
 
     private var context: Context? = null
-    private var listerView: FilePickerView? = null
+    private var listerView: FilePickerView? = view
     private var isRealDirectory: Boolean = false
 
-    private val physicalPaths: Array<String>
-        get() = arrayOf(
-            "/storage/sdcard0", "/storage/sdcard1", "/storage/extsdcard",
-            "/storage/sdcard0/external_sdcard", "/mnt/extsdcard", "/mnt/sdcard/external_sd",
-            "/mnt/external_sd", "/mnt/media_rw/sdcard1", "/removable/microsd", "/mnt/emmc",
-            "/storage/external_SD", "/storage/ext_sd", "/storage/removable/sdcard1",
-            "/data/sdext", "/data/sdext2", "/data/sdext3", "/data/sdext4", "/sdcard1",
-            "/sdcard2", "/storage/microsd", "/data/user"
-        )
-
     private var folderIcon: Drawable? = null
     private var upIcon: Drawable? = null
     private var sdIcon: Drawable? = null
 
-    constructor(defaultDir: File, view: FilePickerView) : this(view) {
-        this.defaultDirectory = defaultDir
-        selectedDirectory = defaultDir
-    }
-
-    constructor(view: FilePickerView) {
+    init {
         this.context = view.context
-        listerView = view
-
         upIcon = Util.getDrawableFromAttribute(context, R.attr.filepicker_subdirectory_up)
         folderIcon = Util.getDrawableFromAttribute(context, R.attr.filepicker_folder)
         sdIcon = Util.getDrawableFromAttribute(context, R.attr.filepicker_sd_card)
@@ -71,8 +54,8 @@ internal class FilePickerAdapter : RecyclerView.Adapter<FilePickerAdapter.FileLi
 
     private fun fileLister(currentDirectory: File) {
         var fileList = LinkedList<FileListItem>()
-        var storages: List<File>? = null
-        var storagePaths: List<String>? = null
+        val storages: List<File>?
+        val storagePaths: List<String>?
         storages = context!!.getExternalFilesDirs(null).filterNotNull()
         storagePaths = storages.map { i -> i.absolutePath }
 
@@ -82,8 +65,7 @@ internal class FilePickerAdapter : RecyclerView.Adapter<FilePickerAdapter.FileLi
             currentDirectory.absolutePath == "/mnt"
         ) {
             isRealDirectory = false
-            fileList =
-                getKitKatStorageItems(storages!!)
+            fileList = getKitKatStorageItems(storages)
         } else {
             isRealDirectory = true
             val files = currentDirectory.listFiles()
@@ -96,20 +78,18 @@ internal class FilePickerAdapter : RecyclerView.Adapter<FilePickerAdapter.FileLi
 
         data = LinkedList(fileList)
 
-        data.sortWith(
-            Comparator { f1, f2 ->
-                if (f1.file!!.isDirectory && f2.file!!.isDirectory)
-                    f1.name.compareTo(f2.name, ignoreCase = true)
-                else if (f1.file!!.isDirectory && !f2.file!!.isDirectory)
-                    -1
-                else if (!f1.file!!.isDirectory && f2.file!!.isDirectory)
-                    1
-                else if (!f1.file!!.isDirectory && !f2.file!!.isDirectory)
-                    f1.name.compareTo(f2.name, ignoreCase = true)
-                else
-                    0
-            }
-        )
+        data.sortWith { f1, f2 ->
+            if (f1.file!!.isDirectory && f2.file!!.isDirectory)
+                f1.name.compareTo(f2.name, ignoreCase = true)
+            else if (f1.file!!.isDirectory && !f2.file!!.isDirectory)
+                -1
+            else if (!f1.file!!.isDirectory && f2.file!!.isDirectory)
+                1
+            else if (!f1.file!!.isDirectory && !f2.file!!.isDirectory)
+                f1.name.compareTo(f2.name, ignoreCase = true)
+            else
+                0
+        }
 
         selectedDirectory = currentDirectory
         selectedDirectoryChanged.invoke(
@@ -122,7 +102,7 @@ internal class FilePickerAdapter : RecyclerView.Adapter<FilePickerAdapter.FileLi
         if (currentDirectory.absolutePath != "/" && isRealDirectory) {
             // If we are on KitKat or later, only the default App folder is usable, so we can't
             // navigate the SD card. Jump to the root if "Up" is selected.
-            if (storagePaths!!.indexOf(currentDirectory.absolutePath) > 0)
+            if (storagePaths.indexOf(currentDirectory.absolutePath) > 0)
                 data.add(0, FileListItem(File("/"), "..", upIcon!!))
             else
                 data.add(0, FileListItem(selectedDirectory.parentFile!!, "..", upIcon!!))
@@ -132,33 +112,6 @@ internal class FilePickerAdapter : RecyclerView.Adapter<FilePickerAdapter.FileLi
         listerView!!.scrollToPosition(0)
     }
 
-    private fun getStorageItems(): LinkedList<FileListItem> {
-        val fileList = LinkedList<FileListItem>()
-        var s = System.getenv("EXTERNAL_STORAGE")
-        if (!TextUtils.isEmpty(s)) {
-            val f = File(s!!)
-            fileList.add(FileListItem(f, f.name, sdIcon!!))
-        } else {
-            val paths = physicalPaths
-            for (path in paths) {
-                val f = File(path)
-                if (f.exists())
-                    fileList.add(FileListItem(f, f.name, sdIcon!!))
-            }
-        }
-        s = System.getenv("SECONDARY_STORAGE")
-        if (s != null && !TextUtils.isEmpty(s)) {
-            val rawSecondaryStorages =
-                s.split(File.pathSeparator.toRegex()).dropLastWhile { it.isEmpty() }.toTypedArray()
-            for (path in rawSecondaryStorages) {
-                val f = File(path)
-                if (f.exists())
-                    fileList.add(FileListItem(f, f.name, sdIcon!!))
-            }
-        }
-        return fileList
-    }
-
     private fun getKitKatStorageItems(storages: List<File>): LinkedList<FileListItem> {
         val fileList = LinkedList<FileListItem>()
         if (storages.isNotEmpty()) {

From f58c361e4e099310900db449e55a8a73ff4c5b67 Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Thu, 21 Oct 2021 17:55:19 +0200
Subject: [PATCH 11/17] Fixed navigation on welcome screen Fixed navigation
 after selecting new server Fixed color for new server Fixed typo

---
 .../org/moire/ultrasonic/activity/NavigationActivity.kt     | 2 +-
 .../org/moire/ultrasonic/fragment/EditServerFragment.kt     | 6 +++---
 .../org/moire/ultrasonic/fragment/ServerSelectorFragment.kt | 2 +-
 ultrasonic/src/main/res/values/strings.xml                  | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
index f50ee015..1af03dcc 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
@@ -384,7 +384,7 @@ class NavigationActivity : AppCompatActivity() {
                 .setNegativeButton(R.string.main_welcome_cancel) { dialog, _ ->
                     // Go to the settings screen
                     dialog.dismiss()
-                    findNavController(R.id.nav_host_fragment).navigate(R.id.settingsFragment)
+                    findNavController(R.id.nav_host_fragment).navigate(R.id.serverSelectorFragment)
                 }
                 .setPositiveButton(R.string.common_ok) { dialog, _ ->
                     // Add the demo server
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/EditServerFragment.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/EditServerFragment.kt
index 38f42bb1..a95838cd 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/EditServerFragment.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/EditServerFragment.kt
@@ -9,7 +9,6 @@ import android.widget.Button
 import android.widget.ImageView
 import androidx.core.content.ContextCompat
 import androidx.fragment.app.Fragment
-import androidx.lifecycle.Observer
 import androidx.navigation.fragment.findNavController
 import com.google.android.material.switchmaterial.SwitchMaterial
 import com.google.android.material.textfield.TextInputLayout
@@ -111,7 +110,7 @@ class EditServerFragment : Fragment(), OnBackPressedHandler {
             val serverSetting = serverSettingsModel.getServerSetting(index)
             serverSetting.observe(
                 viewLifecycleOwner,
-                Observer { t ->
+                { t ->
                     if (t != null) {
                         currentServerSetting = t
                         if (!isInstanceStateSaved) setFields()
@@ -147,6 +146,7 @@ class EditServerFragment : Fragment(), OnBackPressedHandler {
         } else {
             // Creating a new server
             FragmentTitle.setTitle(this, R.string.server_editor_new_label)
+            updateColor(null)
             currentServerSetting = ServerSetting()
             saveButton!!.setOnClickListener {
                 if (getFields()) {
@@ -167,7 +167,7 @@ class EditServerFragment : Fragment(), OnBackPressedHandler {
             bubbleFlag.flagMode = FlagMode.LAST
             ColorPickerDialog.Builder(context).apply {
                 this.colorPickerView.setInitialColor(currentColor)
-                this.colorPickerView.setFlagView(bubbleFlag)
+                this.colorPickerView.flagView = bubbleFlag
             }
                 .attachAlphaSlideBar(false)
                 .setPositiveButton(
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerSelectorFragment.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerSelectorFragment.kt
index 9d66f6ef..05d7b568 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerSelectorFragment.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerSelectorFragment.kt
@@ -88,7 +88,7 @@ class ServerSelectorFragment : Fragment() {
                 editServer(position + 1)
             } else {
                 setActiveServer(position)
-                findNavController().navigateUp()
+                findNavController().popBackStack(R.id.mainFragment, false)
             }
         }
 
diff --git a/ultrasonic/src/main/res/values/strings.xml b/ultrasonic/src/main/res/values/strings.xml
index 9bcf4a28..262b8d78 100644
--- a/ultrasonic/src/main/res/values/strings.xml
+++ b/ultrasonic/src/main/res/values/strings.xml
@@ -108,7 +108,7 @@
     <string name="main.genres_title">Genres</string>
     <string name="main.music">Music</string>
     <string name="main.offline">Offline</string>
-    <string name="main.setup_server">%s - Setup Server</string>
+    <string name="main.setup_server">%s - Set up Server</string>
     <string name="main.shuffle">Shuffle Play</string>
     <string name="main.songs_random">Random</string>
     <string name="main.songs_starred">Starred</string>

From eb2e6ada0a4cf1829d682ded0b039f740a07dc06 Mon Sep 17 00:00:00 2001
From: tzugen <tzugen@riseup.net>
Date: Mon, 25 Oct 2021 20:16:19 +0200
Subject: [PATCH 12/17] Tweaked selected color, added circle to offline icon

---
 .../ultrasonic/fragment/ServerRowAdapter.kt   | 30 +++++++++++++------
 .../src/main/res/layout/navigation_header.xml |  4 +--
 ultrasonic/src/main/res/layout/server_row.xml |  5 ++--
 .../src/main/res/layout/server_selector.xml   |  6 ++--
 ultrasonic/src/main/res/values/colors.xml     | 24 +++++++--------
 5 files changed, 41 insertions(+), 28 deletions(-)

diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerRowAdapter.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerRowAdapter.kt
index eff72fd0..85190acb 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerRowAdapter.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/fragment/ServerRowAdapter.kt
@@ -2,6 +2,7 @@ package org.moire.ultrasonic.fragment
 
 import android.content.Context
 import android.graphics.Color
+import android.graphics.drawable.Drawable
 import android.os.Build
 import android.view.LayoutInflater
 import android.view.Menu
@@ -68,8 +69,10 @@ internal class ServerRowAdapter(
     /**
      * Creates the Row representation of a Server Setting
      */
+    @Suppress("LongMethod")
     override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View? {
         var index = position
+
         // Skip "Offline" in manage mode
         if (manageMode) index++
 
@@ -92,20 +95,29 @@ internal class ServerRowAdapter(
             if (setting == null) serverMenu?.visibility = View.INVISIBLE
         }
 
-        // Provide icons for the row
+        val icon: Drawable?
+        val background: Drawable?
+
+        // Configure icons for the row
         if (index == 0) {
             serverMenu?.visibility = View.INVISIBLE
-            image?.setImageDrawable(Util.getDrawableFromAttribute(context, R.attr.screen_on_off))
-            image?.background = ContextCompat.getDrawable(context, R.color.transparent)
+            icon = Util.getDrawableFromAttribute(context, R.attr.screen_on_off)
+            background = ContextCompat.getDrawable(context, R.drawable.circle)
         } else {
-            val icon = ContextCompat.getDrawable(context, R.drawable.ic_menu_server_dark)
-            icon?.setTint(ServerColor.getForegroundColor(context, setting?.color))
-            image?.setImageDrawable(icon)
-            val background = ContextCompat.getDrawable(context, R.drawable.circle)
-            background?.setTint(ServerColor.getBackgroundColor(context, setting?.color))
-            image?.background = background
+            icon = ContextCompat.getDrawable(context, R.drawable.ic_menu_server_dark)
+            background = ContextCompat.getDrawable(context, R.drawable.circle)
         }
 
+        // Set colors
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
+            icon?.setTint(ServerColor.getForegroundColor(context, setting?.color))
+            background?.setTint(ServerColor.getBackgroundColor(context, setting?.color))
+        }
+
+        // Set the final drawables
+        image?.setImageDrawable(icon)
+        image?.background = background
+
         // Highlight the Active Server's row by changing its background
         if (index == activeServerProvider.getActiveServer().index) {
             if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
diff --git a/ultrasonic/src/main/res/layout/navigation_header.xml b/ultrasonic/src/main/res/layout/navigation_header.xml
index c5f9c9fd..37401c11 100644
--- a/ultrasonic/src/main/res/layout/navigation_header.xml
+++ b/ultrasonic/src/main/res/layout/navigation_header.xml
@@ -16,7 +16,7 @@
         a:scaleType="fitXY"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        tools:ignore="ContentDescription" />
+        a:importantForAccessibility="no" />
 
     <ImageView
         a:id="@+id/img_profile"
@@ -29,7 +29,7 @@
         tools:tint="@color/selected_menu_dark"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        tools:ignore="ContentDescription" />
+        a:importantForAccessibility="no"  />
 
     <TextView
         a:id="@+id/name"
diff --git a/ultrasonic/src/main/res/layout/server_row.xml b/ultrasonic/src/main/res/layout/server_row.xml
index 537f3043..abed03ca 100644
--- a/ultrasonic/src/main/res/layout/server_row.xml
+++ b/ultrasonic/src/main/res/layout/server_row.xml
@@ -21,7 +21,8 @@
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        tools:src="@drawable/ic_menu_server_dark" />
+        tools:src="@drawable/ic_menu_server_dark"
+        a:importantForAccessibility="no" />
 
     <TextView
         a:id="@+id/server_name"
@@ -55,7 +56,7 @@
         a:layout_centerVertical="true"
         a:layout_gravity="end"
         a:layout_marginEnd="15dp"
-
+        a:contentDescription="@string/server_editor.advanced"
         a:focusable="false"
         a:src="?attr/more_vert"
         tools:src="@drawable/ic_more_vert_dark"
diff --git a/ultrasonic/src/main/res/layout/server_selector.xml b/ultrasonic/src/main/res/layout/server_selector.xml
index ba6de341..0577e548 100644
--- a/ultrasonic/src/main/res/layout/server_selector.xml
+++ b/ultrasonic/src/main/res/layout/server_selector.xml
@@ -7,18 +7,18 @@
     <ListView
         a:id="@+id/server_list"
         a:layout_width="fill_parent"
-        a:layout_height="fill_parent" />
+        a:layout_height="fill_parent"/>
 
     <com.google.android.material.floatingactionbutton.FloatingActionButton
         a:id="@+id/server_add_fab"
         a:layout_width="wrap_content"
         a:layout_height="wrap_content"
-        a:layout_alignRight="@id/server_list"
         a:layout_alignEnd="@id/server_list"
         a:layout_alignBottom="@id/server_list"
         a:layout_margin="16dp"
         a:clickable="true"
         a:focusable="true"
-        a:src="@drawable/ic_add_white" />
+        a:src="@drawable/ic_add_white"
+        a:contentDescription="@string/server_editor.new_label" />
 
 </RelativeLayout>
\ No newline at end of file
diff --git a/ultrasonic/src/main/res/values/colors.xml b/ultrasonic/src/main/res/values/colors.xml
index 85caa5af..9d5bf7c3 100644
--- a/ultrasonic/src/main/res/values/colors.xml
+++ b/ultrasonic/src/main/res/values/colors.xml
@@ -3,20 +3,20 @@
     <color name="dividerColor">#555555</color>
     <color name="appwidget_text">#FFFFFF</color>
     <color name="transparent">#00000000</color>
-    <color name="cyan">#ff0099cc</color>
-    <color name="navigation_header_light">#ff6200EE</color>
-    <color name="navigation_header_dark">#ffBB86FC</color>
+    <color name="cyan">#0099cc</color>
+    <color name="navigation_header_light">#6200EE</color>
+    <color name="navigation_header_dark">#BB86FC</color>
     <color name="ics_opaque">#8033b5e5</color>
     <color name="md__transparent">#00000000</color>
     <color name="translucent">#80000000</color>
-    <color name="background_color_dark">#ff000000</color>
-    <color name="background_color_grey">#ff333333</color>
-    <color name="background_color_light">#ffffffff</color>
+    <color name="background_color_dark">#000000</color>
+    <color name="background_color_grey">#333333</color>
+    <color name="background_color_light">#ffffff</color>
     <color name="selected_color_dark">#424242</color>
-    <color name="selected_color_light">#B1B1B1</color>
-    <color name="selected_menu_dark">#fff3f3f3</color>
-    <color name="selected_menu_light">#ff000000</color>
-    <color name="selected_menu_background_dark">#ff333333</color>
-    <color name="selected_menu_background_black">#ff111111</color>
-    <color name="selected_menu_background_light">#fff3f3f3</color>
+    <color name="selected_color_light">#B6B6B6</color>
+    <color name="selected_menu_dark">#F3F3F3</color>
+    <color name="selected_menu_light">#000000</color>
+    <color name="selected_menu_background_dark">#333333</color>
+    <color name="selected_menu_background_black">#111111</color>
+    <color name="selected_menu_background_light">#f3f3f3</color>
 </resources>
\ No newline at end of file

From 9782e18b6ec0ebd358f5e752730ffc36efb66f1e Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Thu, 28 Oct 2021 07:28:31 +0200
Subject: [PATCH 13/17] Updated looks of navigation header

---
 .../ultrasonic/activity/NavigationActivity.kt |  9 ---
 .../org/moire/ultrasonic/util/ServerColor.kt  |  2 +-
 .../src/main/res/drawable/ic_header_bg.xml    | 30 ++++++++++
 .../src/main/res/layout/navigation_header.xml | 55 ++++---------------
 4 files changed, 41 insertions(+), 55 deletions(-)
 create mode 100644 ultrasonic/src/main/res/drawable/ic_header_bg.xml

diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
index d1ba3153..57c7cb69 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
@@ -73,8 +73,6 @@ class NavigationActivity : AppCompatActivity() {
     private var host: NavHostFragment? = null
     private var selectServerButton: MaterialButton? = null
     private var headerBackgroundImage: ImageView? = null
-    private var ultrasonicLogoImage: ImageView? = null
-    private var ultrasonicNameText: TextView? = null
 
     private lateinit var appBarConfiguration: AppBarConfiguration
     private lateinit var nowPlayingEventListener: NowPlayingEventListener
@@ -222,10 +220,7 @@ class NavigationActivity : AppCompatActivity() {
                 ContextCompat.getDrawable(this, R.drawable.ic_menu_select_server_dark)
 
         selectServerButton?.iconTint = ColorStateList.valueOf(foregroundColor)
-        ultrasonicLogoImage?.imageTintList = ColorStateList.valueOf(foregroundColor)
-
         selectServerButton?.setTextColor(foregroundColor)
-        ultrasonicNameText?.setTextColor(foregroundColor)
         headerBackgroundImage?.setBackgroundColor(backgroundColor)
     }
 
@@ -289,10 +284,6 @@ class NavigationActivity : AppCompatActivity() {
         }
         headerBackgroundImage =
             navigationView?.getHeaderView(0)?.findViewById(R.id.img_header_bg)
-        ultrasonicLogoImage =
-            navigationView?.getHeaderView(0)?.findViewById(R.id.img_profile)
-        ultrasonicNameText =
-            navigationView?.getHeaderView(0)?.findViewById(R.id.name)
     }
 
     private fun setupActionBar(navController: NavController, appBarConfig: AppBarConfiguration) {
diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
index aa48f383..28ab8f29 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
@@ -12,7 +12,7 @@ import androidx.core.content.ContextCompat
 import androidx.core.graphics.ColorUtils
 import org.moire.ultrasonic.R
 
-private const val LUMINANCE_LIMIT = 0.25
+private const val LUMINANCE_LIMIT = 0.4
 
 /**
  * Contains functions for computing server display colors
diff --git a/ultrasonic/src/main/res/drawable/ic_header_bg.xml b/ultrasonic/src/main/res/drawable/ic_header_bg.xml
new file mode 100644
index 00000000..145d5b9c
--- /dev/null
+++ b/ultrasonic/src/main/res/drawable/ic_header_bg.xml
@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="256dp"
+    android:height="128dp"
+    android:viewportWidth="67.733"
+    android:viewportHeight="33.867">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="m28.575,0h39.158v33.867h-67.733z"
+      android:strokeAlpha="0.26667"
+      android:strokeWidth="3.7213"
+      android:fillAlpha="0.1"/>
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="m39.158,33.87h-39.158v-33.867h67.733z"
+      android:strokeAlpha="0.26667"
+      android:strokeWidth="3.7213"
+      android:fillAlpha="0.1"/>
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="m19.579,33.87h-19.579v-33.867h33.867z"
+      android:strokeAlpha="0.26667"
+      android:strokeWidth="2.6313"
+      android:fillAlpha="0.15"/>
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="m48.154,0h19.579v33.867h-33.867z"
+      android:strokeAlpha="0.26667"
+      android:strokeWidth="2.6313"
+      android:fillAlpha="0.05"/>
+</vector>
diff --git a/ultrasonic/src/main/res/layout/navigation_header.xml b/ultrasonic/src/main/res/layout/navigation_header.xml
index 37401c11..87d27efd 100644
--- a/ultrasonic/src/main/res/layout/navigation_header.xml
+++ b/ultrasonic/src/main/res/layout/navigation_header.xml
@@ -14,67 +14,32 @@
         a:layout_width="match_parent"
         a:layout_height="0dp"
         a:scaleType="fitXY"
+        a:src="@drawable/ic_header_bg"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintTop_toTopOf="parent"
         a:importantForAccessibility="no" />
 
-    <ImageView
-        a:id="@+id/img_profile"
-        a:layout_width="52dp"
-        a:layout_height="52dp"
-        a:layout_marginStart="16dp"
-        a:layout_marginLeft="16dp"
-        a:layout_marginTop="32dp"
-        a:src="@drawable/ic_stat_ultrasonic"
-        tools:tint="@color/selected_menu_dark"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent"
-        a:importantForAccessibility="no"  />
-
-    <TextView
-        a:id="@+id/name"
-        a:layout_width="wrap_content"
-        a:layout_height="wrap_content"
-        a:gravity="center_vertical"
-        a:paddingStart="16dp"
-        a:paddingLeft="16dp"
-        a:text="@string/common.appname"
-        a:textAppearance="@style/TextAppearance.AppCompat.Title"
-        a:textColor="?attr/colorOnPrimary"
-        tools:textColor="@color/selected_menu_dark"
-        app:layout_constraintBottom_toBottomOf="@+id/img_profile"
-        app:layout_constraintStart_toEndOf="@+id/img_profile"
-        app:layout_constraintTop_toTopOf="@+id/img_profile" />
-
     <Button
         a:id="@+id/header_select_server"
         style="@style/Widget.MaterialComponents.Button.TextButton.Icon"
         a:layout_width="match_parent"
         a:layout_height="wrap_content"
+        a:layout_marginTop="24dp"
+        a:background="@drawable/default_ripple"
         a:gravity="center_vertical"
-        a:textAppearance="@style/MenuDrawer.Widget"
-        a:textSize="14sp"
-        app:icon="@drawable/ic_menu_select_server_dark"
-        app:iconPadding="16dp"
         a:paddingHorizontal="22dp"
         a:paddingTop="14dp"
         a:paddingBottom="14dp"
         a:text="@string/main.offline"
+        a:textAppearance="@style/MenuDrawer.Widget"
         a:textColor="?attr/colorOnPrimary"
-        a:background="@drawable/default_ripple"
-        tools:iconTint="@color/selected_menu_dark"
-        tools:textColor="@color/selected_menu_dark"
+        a:textSize="14sp"
+        app:icon="@drawable/ic_menu_select_server_dark"
+        app:iconPadding="16dp"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/img_profile" />
-
-    <ImageView
-        a:id="@+id/img_shadow"
-        a:layout_width="match_parent"
-        a:layout_height="6dp"
-        a:layout_marginTop="-6dp"
-        a:scaleType="fitXY"
-        a:src="@drawable/drop_shadow"
-        app:layout_constraintTop_toBottomOf="@+id/header_select_server" />
+        app:layout_constraintTop_toTopOf="parent"
+        tools:iconTint="@color/selected_menu_dark"
+        tools:textColor="@color/selected_menu_dark" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file

From 7ccb9d055cf509ca4afa6019ab5ebee2e9c110ac Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Thu, 28 Oct 2021 07:30:31 +0200
Subject: [PATCH 14/17] Fixed lint

---
 .../kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt   | 1 -
 1 file changed, 1 deletion(-)

diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
index 57c7cb69..a92bfcc4 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/activity/NavigationActivity.kt
@@ -14,7 +14,6 @@ import android.view.Menu
 import android.view.MenuItem
 import android.view.View
 import android.widget.ImageView
-import android.widget.TextView
 import androidx.appcompat.app.AppCompatActivity
 import androidx.appcompat.widget.Toolbar
 import androidx.core.content.ContextCompat

From 6636d6a558ef94121de56b7b487f8a5e4988ccc7 Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Thu, 28 Oct 2021 07:38:43 +0200
Subject: [PATCH 15/17] Minor fixes

---
 .../src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt  | 2 +-
 ultrasonic/src/main/res/drawable/ic_header_bg.xml             | 4 ++--
 ultrasonic/src/main/res/layout/navigation_header.xml          | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
index 28ab8f29..6bc2104e 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
@@ -12,7 +12,7 @@ import androidx.core.content.ContextCompat
 import androidx.core.graphics.ColorUtils
 import org.moire.ultrasonic.R
 
-private const val LUMINANCE_LIMIT = 0.4
+private const val LUMINANCE_LIMIT = 0.5
 
 /**
  * Contains functions for computing server display colors
diff --git a/ultrasonic/src/main/res/drawable/ic_header_bg.xml b/ultrasonic/src/main/res/drawable/ic_header_bg.xml
index 145d5b9c..35c11969 100644
--- a/ultrasonic/src/main/res/drawable/ic_header_bg.xml
+++ b/ultrasonic/src/main/res/drawable/ic_header_bg.xml
@@ -1,6 +1,6 @@
 <vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="256dp"
-    android:height="128dp"
+    android:width="192dp"
+    android:height="96dp"
     android:viewportWidth="67.733"
     android:viewportHeight="33.867">
   <path
diff --git a/ultrasonic/src/main/res/layout/navigation_header.xml b/ultrasonic/src/main/res/layout/navigation_header.xml
index 87d27efd..12a14cc5 100644
--- a/ultrasonic/src/main/res/layout/navigation_header.xml
+++ b/ultrasonic/src/main/res/layout/navigation_header.xml
@@ -24,7 +24,7 @@
         style="@style/Widget.MaterialComponents.Button.TextButton.Icon"
         a:layout_width="match_parent"
         a:layout_height="wrap_content"
-        a:layout_marginTop="24dp"
+        a:layout_marginTop="8dp"
         a:background="@drawable/default_ripple"
         a:gravity="center_vertical"
         a:paddingHorizontal="22dp"

From c83a9778fcbca0ee305f6382750e180f52c821c4 Mon Sep 17 00:00:00 2001
From: tzugen <tzugen@riseup.net>
Date: Thu, 28 Oct 2021 09:36:46 +0200
Subject: [PATCH 16/17] Tweak layout

---
 ultrasonic/src/main/res/layout/navigation_header.xml | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/ultrasonic/src/main/res/layout/navigation_header.xml b/ultrasonic/src/main/res/layout/navigation_header.xml
index 12a14cc5..69d88aa9 100644
--- a/ultrasonic/src/main/res/layout/navigation_header.xml
+++ b/ultrasonic/src/main/res/layout/navigation_header.xml
@@ -24,18 +24,19 @@
         style="@style/Widget.MaterialComponents.Button.TextButton.Icon"
         a:layout_width="match_parent"
         a:layout_height="wrap_content"
-        a:layout_marginTop="8dp"
+        a:layout_marginTop="0dp"
         a:background="@drawable/default_ripple"
         a:gravity="center_vertical"
         a:paddingHorizontal="22dp"
-        a:paddingTop="14dp"
-        a:paddingBottom="14dp"
+        a:paddingTop="16dp"
+        a:paddingBottom="16dp"
         a:text="@string/main.offline"
         a:textAppearance="@style/MenuDrawer.Widget"
         a:textColor="?attr/colorOnPrimary"
-        a:textSize="14sp"
+        a:textSize="17sp"
+        a:textStyle="bold"
         app:icon="@drawable/ic_menu_select_server_dark"
-        app:iconPadding="16dp"
+        app:iconPadding="12dp"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"

From 70e42fb44349a3fa1613833c393550ef4563a475 Mon Sep 17 00:00:00 2001
From: Nite <shunite@gmail.com>
Date: Thu, 28 Oct 2021 09:59:33 +0200
Subject: [PATCH 17/17] Fixed default foreground color

---
 .../main/kotlin/org/moire/ultrasonic/util/ServerColor.kt    | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
index 6bc2104e..565e3aa7 100644
--- a/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
+++ b/ultrasonic/src/main/kotlin/org/moire/ultrasonic/util/ServerColor.kt
@@ -25,10 +25,8 @@ object ServerColor {
     }
 
     fun getForegroundColor(context: Context, serverColor: Int?): Int {
-        if (serverColor == null) return ContextCompat.getColor(
-            context, Util.getResourceFromAttribute(context, R.attr.colorOnPrimary)
-        )
-        val luminance = ColorUtils.calculateLuminance(serverColor)
+        val backgroundColor = getBackgroundColor(context, serverColor)
+        val luminance = ColorUtils.calculateLuminance(backgroundColor)
         return if (luminance < LUMINANCE_LIMIT) {
             ContextCompat.getColor(context, R.color.selected_menu_dark)
         } else {